:root{--bg:#0c0e13;--bg2:#181b22;--card:#1e222b;--card2:#252a35;--line:#2e3441;--text:#f3f4f7;--muted:#9aa1b0;--orange:#ff8a1f;--orange2:#ff6a00;--green:#2fd27a;--field-bg:#12151c;--field-ring:#ff8a1f33;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--r-field:10px;--r-card:16px;--r-pill:999px;--h-control:44px;--fs-label:14px;--fs-field:15px;--fs-hint:12px;--field-pad:14px;--radius:14px;--maxw:1520px}*{box-sizing:border-box;margin:0;padding:0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#3a4151 transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a4151;border:3px solid transparent;border-radius:999px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#566074}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none;background:transparent}html,body{background:var(--bg);color:var(--text);font-family:Sarabun,system-ui,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}h1,h2,h3,.k{font-family:Kanit,sans-serif}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}#app{min-height:100vh}body::before{content:"";position:fixed;left:-10%;right:-10%;top:-20%;height:900px;z-index:-1;pointer-events:none;background:radial-gradient(600px 380px at 18% 18%,#ff7a1a24,transparent 70%),radial-gradient(520px 360px at 85% 8%,#7c3aed1f,transparent 70%)}.ph{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--a,#3a2a5c),var(--b,#1b1f2a))}.ph::after{content:attr(data-label);position:absolute;inset:auto 8px 8px auto;font-size:12px;color:#fff8;font-family:monospace}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.ph:has(img)::after{display:none}.ph:has(img) .ttl{display:none}.hero-main>img{max-width:none!important;z-index:0!important;object-position:center}.ph .ttl{position:absolute;inset:0;display:grid;place-items:center;font-family:Kanit,sans-serif;font-weight:800;font-size:clamp(20px,3vw,34px);color:#fff;text-shadow:0 2px 12px #0008;text-align:center;padding:8px}.announce{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:9px 44px 9px 20px;position:relative;background:linear-gradient(90deg,#ff8a1f,#ff6a00);color:#231404;font-size:14px;line-height:1.5;text-align:center}.announce a{text-decoration:underline;font-weight:600;white-space:nowrap}.announce .ancx{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:6px;background-clip:content-box;border-radius:50%;color:#231404;opacity:.7;font-size:13px}.announce .ancx:hover{opacity:1;background:#0002;background-clip:content-box}@media(max-width:520px){.announce{font-size:13px;padding:8px 40px 8px 14px}}.faqlist{display:grid;gap:10px}.faqit{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.faqit summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 16px;cursor:pointer;font-family:Kanit,sans-serif;font-size:15px;line-height:1.45;list-style:none}.faqit summary::-webkit-details-marker{display:none}.faqit summary::after{content:"";margin-left:auto;width:9px;height:9px;flex:none;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s}.faqit[open] summary::after{transform:rotate(-135deg) translateY(-2px)}.faqit summary:hover{background:var(--card2)}.faqa{padding:0 16px 14px;color:var(--muted);font-size:14px;line-height:1.7;white-space:pre-wrap}.aboutbody{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;font-size:15px;line-height:1.75}.aboutbody h3{font-family:Kanit,sans-serif;font-size:17px;font-weight:600;margin:18px 0 6px}.aboutbody h3:first-child{margin-top:0}.aboutbody p,.aboutbody ul{margin:0 0 10px;color:var(--muted)}.aboutbody ul{padding-left:20px}.aboutbody li{margin:3px 0}.aboutbody>:last-child{margin-bottom:0}.aboutbody.folded{max-height:320px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}.aboutmore{margin-top:10px}header{position:sticky;top:0;z-index:30;padding-top:12px}.top{display:flex;align-items:center;gap:var(--sp2);height:64px;padding:0 10px 0 16px;border-radius:20px;background:#13161dd9;border:1px solid #ffffff1c;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -24px #000}.top .search{display:none}header.srch-on .top .search{display:block;flex:1;max-width:none}header.srch-on nav.cats{display:none}.srchbtn>svg{width:20px!important;height:20px!important}.srchbtn .i-close,header.srch-on .srchbtn .i-open{display:none}header.srch-on .srchbtn .i-close{display:block}.hdr-right{display:flex;align-items:center;gap:var(--sp2);margin-left:auto;flex-shrink:0}.shopst{display:inline-flex;align-items:center;gap:var(--sp2);height:32px;padding:0 14px;border-radius:var(--r-pill);background:#2fd27a1f;border:1px solid #2fd27a55;color:var(--green);font-family:Kanit,sans-serif;font-weight:500;font-size:14px;line-height:1;white-space:nowrap}.shopst.off{background:#ff4d5e1f;border-color:#ff4d5e55;color:#ff8d97}.shopst .dot{animation:blip 2.4s ease-in-out infinite}@keyframes blip{0%,100%{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.shopst .dot{animation:none}}.logo{display:flex;align-items:center;gap:9px;flex-shrink:0;margin-right:var(--sp3)}.logo .mark{width:36px;height:36px;background:none;border-radius:0;overflow:visible}.logo .mark img{object-fit:contain}.buynote{margin-top:12px;padding:12px 14px;border:1px solid var(--line);background:#ffffff08;border-radius:12px}.buynote>b{display:flex;align-items:center;gap:6px;font-family:Kanit,sans-serif;font-weight:600;font-size:14px}.buynote .bm{margin-top:8px}small{font-size:max(12px,.85em)}.buynote .bm small{display:block;color:var(--muted)}.buynote .bm p{margin-top:2px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.pterms{margin:0}.buyok{border:1px solid var(--line);border-radius:12px;background:var(--bg2);padding:10px 14px;margin:14px 0}.buyok .hd{display:flex;align-items:center;justify-content:space-between;gap:10px}.buyok .hd b{font-family:Kanit,sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--muted)}.buyok .cnt{font-family:Kanit,sans-serif;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.buyok.done .cnt{color:var(--green)}.swrow{position:relative;display:flex;gap:12px;align-items:flex-start;padding:10px 0;min-height:44px;cursor:pointer}.swrow+.swrow{border-top:1px solid var(--line)}.swrow input{position:absolute;opacity:0;width:0;height:0}.swrow .tr{flex:none;width:40px;height:24px;border-radius:999px;background:var(--line);border:1px solid #3a4152;position:relative;margin-top:2px;transition:background .15s,border-color .15s}.swrow .tr::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.swrow input:checked+.tr{background:#14532d;border-color:var(--green)}.swrow input:checked+.tr::after{transform:translateX(16px);background:#d7ffe9}.swrow input:focus-visible+.tr{outline:2px solid var(--orange);outline-offset:2px}.swrow .tx{min-width:0}.swrow .tx b{display:block;font-weight:500;font-size:14px;line-height:1.5}.swrow .tx small{display:block;color:var(--muted);font-size:12px;line-height:1.55;margin-top:2px}.buyhint{color:#ffd166;font-size:12px;margin:-4px 0 10px}.actions .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media(prefers-reduced-motion:reduce){.swrow .tr,.swrow .tr::after{transition:none}}.pdhow{margin:0}.pdhow h2{display:flex;align-items:center;gap:8px;font-family:Kanit,sans-serif;font-weight:600;font-size:17px;margin:0 0 12px}.pdhow h2 svg{width:18px;height:18px;color:var(--orange);flex:none}.pdhow ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.pdhow li{font-size:14px;line-height:1.65;color:#cfd3dc}.pdhow li::marker{color:var(--orange);font-weight:600}.howpics{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,260px));gap:12px;margin-top:12px}.howpics figure{margin:0;min-width:0}.howpics button{display:grid;place-items:center;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card2);cursor:zoom-in}.howpics button:hover{border-color:var(--orange)}.howpics img{display:block;max-width:100%;max-height:340px;width:auto;height:auto;object-fit:contain}.howpics figcaption{margin-top:6px;font-size:13px;line-height:1.5;color:var(--muted)}@media(max-width:520px){.howpics{grid-template-columns:1fr 1fr}}.pterms .ptx{max-width:62ch}.pterms h2{margin:0 0 8px!important;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.ptx{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:var(--text);font-size:14px}.ptx.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.pterms .more{margin-top:6px;color:var(--orange);font-weight:600;min-height:32px}.termsdet{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#ffffff06}.termsdet summary{cursor:pointer;font-weight:600;min-height:28px;display:flex;align-items:center}.termsdet .ti{margin-top:10px}.termsdet .ti b{display:block;font-size:13px}.termsdet .ptx{max-height:260px;overflow:auto;font-size:13px}.accept,.summary label.accept{display:flex;flex-direction:row;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border:1px solid var(--orange);border-radius:12px;background:#ff8a1f10;cursor:pointer;line-height:1.5}.teamnote{margin-top:12px;padding:12px 14px;border:1px solid #ff8a1f55;background:#ff8a1f12;border-radius:12px}.teamnote b{display:flex;align-items:center;gap:6px;color:var(--orange);font-family:Kanit,sans-serif;font-weight:600;font-size:14px}.teamnote p{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:var(--text)}.logo b{font-family:Kanit,sans-serif;font-weight:700;font-size:20px;line-height:1;letter-spacing:.5px;text-transform:uppercase}.logo b span{color:var(--orange)}.logo small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.search{flex:1;max-width:640px;min-width:0}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex-shrink:0}.dot.off{background:#ff4d5e;box-shadow:0 0 8px #ff4d5e}.icon-btn{position:relative;width:var(--h-control);height:var(--h-control);display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12}.icon-btn:hover{background:#ffffff12}.icon-btn>svg{width:22px;height:22px;stroke-width:1.8}.badge{position:absolute;top:3px;right:3px;background:var(--orange);color:#1a1205;font-family:Kanit,sans-serif;font-size:12px;font-weight:700;line-height:1;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);display:grid;place-items:center;box-shadow:0 0 0 3px #13161d;top:-4px;right:-4px}.badge.zero{display:none}.hdr-login{display:inline-flex;align-items:center;gap:var(--sp2);height:var(--h-control);padding:0 var(--sp4);border:1px solid #ffffff1c;border-radius:14px;background:#ffffff08;color:var(--text);font-family:Kanit,sans-serif;font-weight:500;font-size:14px;white-space:nowrap}.hdr-login:hover{border-color:var(--orange);color:var(--orange)}.hdr-login svg{width:18px;height:18px}.topupbtn{display:inline-flex;align-items:center;gap:var(--sp2);height:var(--h-control);padding:0 var(--sp4);background:linear-gradient(180deg,#ff9b3d,#ff5e00);color:#fff;border-radius:14px;font-family:Kanit,sans-serif;font-weight:500;font-size:14px;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff40,0 8px 22px -10px #ff5e00}.topupbtn:hover{filter:brightness(1.08)}.topupbtn svg{width:18px;height:18px}.walletjoin{display:inline-flex;align-items:center;gap:4px;height:var(--h-control);border-radius:14px;padding:3px;border:1px solid #ffffff12;background:#ffffff08}.walletjoin .wjbal{display:inline-flex;align-items:center;gap:var(--sp2);height:100%;padding:0 10px;background:none;border:0;border-radius:11px;margin:0;white-space:nowrap}.walletjoin .wjbal svg{width:18px;height:18px;color:var(--muted);flex:none}.walletjoin .wjbal b{font-family:Kanit,sans-serif;font-weight:600;font-size:16px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.walletjoin .wjbal:hover{background:#ffffff0a}.walletjoin .topupbtn{height:100%;border-radius:11px;padding:0 14px}.hdr-user{display:flex;align-items:center;gap:var(--sp3);position:relative}.userbtn{display:inline-flex;align-items:center;gap:var(--sp2);height:var(--h-control);padding:0 var(--sp3) 0 var(--sp1);border-radius:14px;background:transparent;max-width:200px}.userbtn .chev{width:16px;height:16px;color:var(--muted);flex-shrink:0}.userbtn:hover{background:#ffffff0a}.ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff9a3c,#ff6a00);color:#fff;display:grid;place-items:center;font-family:Kanit,sans-serif;font-weight:500;font-size:16px;line-height:1;flex-shrink:0;overflow:hidden}.ava img{width:100%;height:100%;object-fit:cover;display:block}.userbtn span.nm{font-family:Kanit,sans-serif;font-weight:500;font-size:16px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu{position:absolute;top:calc(100% + 10px);right:0;width:264px;background:#151921f7;border:1px solid #ffffff1c;border-radius:18px;padding:6px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 56px -18px #000;display:none;z-index:40}.usermenu.on{display:block;animation:umIn .16s ease-out}@keyframes umIn{from{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.usermenu.on{animation:none}}.usermenu .mehead{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}.usermenu .mehead .ava{width:44px;height:44px;font-size:18px;box-shadow:0 0 0 3px #ff8a1f26}.usermenu .mt{min-width:0}.usermenu .mehead b{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu .mehead .rolepill{display:inline-flex;align-items:center;height:22px;margin-top:4px;padding:0 8px;border-radius:var(--r-pill);background:#ff8a1f1f;border:1px solid #ff8a1f40;color:#ffad60;font-family:Kanit,sans-serif;font-size:12px}.usermenu .mebal{display:flex;justify-content:space-between;align-items:center;gap:10px;height:auto;margin:0 4px 6px;padding:10px 12px;border-radius:12px;background:#ff8a1f12;border:1px solid #ff8a1f2e}.usermenu .mebal span{font-size:13px;color:var(--muted)}.usermenu .mebal b{font-family:Kanit,sans-serif;font-weight:600;font-size:15px;color:#ffad60;font-variant-numeric:tabular-nums}.usermenu .mebal:hover{background:#ff8a1f1f}.usermenu a,.usermenu button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border-radius:10px;text-align:left;font-size:14px;color:var(--text)}.usermenu a svg,.usermenu button svg{width:18px;height:18px;flex:none;color:var(--muted)}.usermenu a:hover,.usermenu button:hover{background:#ffffff0a}.usermenu a:hover svg{color:var(--text)}.usermenu .mefoot{margin-top:6px;padding-top:6px;border-top:1px solid #ffffff12}.usermenu .meadm svg{color:#ffad60}.usermenu .meout,.usermenu .meout svg{color:#fda4af}.usermenu .meout:hover{background:#ef44441a}nav.cats{display:flex;gap:2px;align-items:center;font-family:Kanit,sans-serif;font-weight:500;font-size:15px;min-width:0;overflow-x:auto;scrollbar-width:none}nav.cats::-webkit-scrollbar{display:none}nav.cats #navGame{display:contents}nav.cats a{display:flex;align-items:center;height:38px;padding:0 14px;border-radius:12px;color:#a3a9b6;white-space:nowrap}[hidden]{display:none!important}nav.cats a:hover{color:#fff;background:#ffffff08}nav.cats a.on{color:#fff;background:#ffffff12}.shopinfo{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:var(--sp4)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}svg *{vector-effect:non-scaling-stroke}.o{color:var(--orange)}.field,input:not([type=checkbox],[type=radio],[type=file],[type=hidden]),textarea,select{width:100%;height:var(--h-control);background:var(--field-bg);border:1px solid var(--line);border-radius:var(--r-field);padding:0 var(--field-pad);color:var(--text);font-family:inherit;font-size:var(--fs-field);line-height:1.4;outline:0;transition:border-color .15s,box-shadow .15s}textarea{height:auto;min-height:calc(var(--h-control) * 2);padding:var(--sp3) var(--field-pad);line-height:1.6;resize:vertical}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--sp6)}.field:focus,input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--field-ring)}::placeholder{color:var(--muted);opacity:1;text-overflow:ellipsis}.flabel{display:block;font-size:var(--fs-label);color:#cfd3dc;margin:var(--sp4) 0 6px}.fhint{font-size:var(--fs-hint);color:var(--muted);margin-top:var(--sp1)}.fieldwrap{position:relative;display:block}.fieldwrap input{padding-right:var(--h-control)}.fbtn{position:absolute;right:var(--sp3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;background:none;border:0;padding:0;color:var(--muted);cursor:pointer}.fbtn svg{width:20px;height:20px}.fbtn:hover{color:var(--orange)}.pw{position:relative}.pw .field,.pw input{width:100%;padding-right:var(--h-control)}.pw-eye{position:absolute;top:0;right:0;bottom:0;width:var(--h-control);display:grid;place-items:center;background:transparent!important;border:0!important;box-shadow:none!important;margin:0;padding:0;color:var(--muted);cursor:pointer;border-radius:0 var(--r-field) var(--r-field) 0}.pw-eye:hover{color:var(--text)}.pw-eye:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}.pw-eye svg{width:20px;height:20px}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input::-webkit-credentials-auto-fill-button,input::-webkit-strong-password-auto-fill-button,input::-webkit-caps-lock-indicator{display:none!important;visibility:hidden;width:0;margin:0}.fbtn.go::before{content:"";position:absolute;inset:-4px}.fbtn.go{right:var(--sp2);width:38px;height:38px;border-radius:var(--sp2);background:var(--orange);color:#fff}.fbtn.go svg{width:18px;height:18px}.fbtn.go:hover{background:var(--orange2);color:#fff}.fieldwrap.ico-l input{padding-left:var(--h-control);padding-right:var(--field-pad)}.fieldwrap.ico-l .fico{position:absolute;left:var(--sp3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;color:var(--muted);pointer-events:none}.hero{position:relative;margin-top:20px}.hero .hslide{animation:hfade .45s ease}@keyframes hfade{from{opacity:.25}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hero .hslide{animation:none}}.hnav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff2e;background:#0b0d12b3;backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}.hnav:hover{background:#0b0d12e6;border-color:var(--orange)}.hnav:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.hnav svg{width:20px;height:20px}.hnav.prev{left:14px}.hnav.prev svg{transform:rotate(180deg)}.hnav.next{right:14px}.hero.slider .hero-main{padding-left:76px}.hdots{position:absolute;left:0;right:0;bottom:14px;z-index:4;display:flex;justify-content:center;gap:8px}.hdots button{width:30px;height:5px;border-radius:999px;border:0;background:#ffffff59;cursor:pointer;padding:0;transition:background .2s,width .2s}.hdots button:hover{background:#ffffff8c}.hdots button[aria-selected=true]{background:var(--orange);width:44px}.hdots button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(max-width:640px){.hnav{width:38px;height:38px}.hnav.prev{left:8px}.hnav.next{right:8px}.hdots{bottom:10px}.hdots button{width:22px}.hdots button[aria-selected=true]{width:32px}}.hero-main{border-radius:var(--radius);aspect-ratio:7/3;--a:#ff8a1f;--b:#c24a00;display:flex;flex-direction:column;justify-content:center}.hero-main>*{position:relative;z-index:2;max-width:min(55%,520px)}.hero-main h1{font-size:clamp(26px,3.4vw,44px);line-height:1.15;font-weight:800;text-shadow:0 2px 10px #0d0f1499}.hero-main h1 .h1b{display:block;color:#fff3c4;font-size:1.3em}@media(min-width:700px){.hero-main h1 .nw{white-space:nowrap}}.hero-main p{margin:12px 0 22px;opacity:.92;text-shadow:0 1px 8px #0d0f14b3}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#1a1205;font-family:Kanit,sans-serif;font-weight:600;border-radius:12px;padding:10px 22px;white-space:nowrap;box-shadow:0 6px 18px #ff8a1f55}.btn:hover{background:#ffa04a}.btn.line{background:#048537;color:#fff;box-shadow:0 6px 18px rgba(4,133,55,.28)}.btn.line:hover{background:#03702e}.btn.w{background:#fff;color:var(--orange2)}.btn.sm{padding:6px 14px;font-size:13px}.wbrk{display:inline-block;white-space:nowrap;vertical-align:top}nb-word{white-space:nowrap}.sec{margin-top:48px}.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.sec-h h2{font-size:24px;font-weight:600;line-height:1.25}.sec-h p{color:#7d8494;font-size:14px;margin-top:4px}.sec-h>a{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff1c;color:var(--text);font-family:Kanit,sans-serif;font-weight:500;font-size:14px;white-space:nowrap}.sec-h>a:hover{border-color:#ff8a1f66;color:#ffad60}.sec-h>a{position:relative}.sec-h>a::before{content:"";position:absolute;inset:-6px 0}.findbar{display:flex;align-items:center;gap:10px;margin:14px 0 16px;flex-wrap:wrap}.fsearch{position:relative;display:flex;align-items:center;flex:0 1 260px;min-width:200px}.fsearch svg{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none;stroke-width:1.6}.fsearch input{width:100%;height:40px;padding:0 12px 0 36px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit;font-size:14px}.fsearch input::placeholder{color:var(--muted)}.fsearch input:focus-visible{outline:2px solid var(--orange);outline-offset:1px;border-color:transparent}.pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;max-width:100%}.pills::-webkit-scrollbar{display:none}.pill{flex:none;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.pill:hover{border-color:#4a5163}.pill.on{border-color:var(--orange);color:var(--orange);background:#2a160699}.pill:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:640px){.findbar{gap:8px;margin:10px 0 12px}.fsearch{flex:1 1 100%}.pills{margin:0 -16px;padding:2px 16px}}.grid4{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card.grp{padding:12px;border-radius:16px}.card.grp .ph{aspect-ratio:8/2.6;border-radius:12px}.card.grp .body{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 4px;margin-top:12px}.card.grp .gtxt{min-width:0}.card.grp h3{font-size:16px;font-weight:500;line-height:1.45}.card.grp small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);line-height:1.6}.card.grp .gcnt{flex:none;font-size:12px;color:#aab1c0;white-space:nowrap;line-height:1.7}.tapnow{position:absolute;right:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:#000000a6;backdrop-filter:blur(4px);color:#eef1f6;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.5}.tapnow i{width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none}@media(max-width:640px){.card.grp .ph{aspect-ratio:16/9}.card.grp{padding:10px}.card.grp .body{flex-direction:column;align-items:stretch;gap:2px;margin-top:10px}.card.grp h3{white-space:nowrap;font-size:15px}}.card{position:relative;background:#11141a;border:1px solid #ffffff12;border-radius:20px;overflow:hidden;transition:border-color .22s,transform .22s,box-shadow .22s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:#ff8a1f4d;box-shadow:0 24px 40px -24px #ff5e0088}.card:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.card.nostock .ph img{opacity:.35;filter:grayscale(1)}.soldout{position:absolute;right:10px;bottom:10px;z-index:3;pointer-events:none}.soldout b{display:block;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;line-height:24px;color:#e5e7eb;white-space:nowrap;background:#000000cc;border:1px solid #ffffff2a;border-radius:8px;padding:0 10px}.card.nostock h3{color:#aab1c0}.card.nostock .price{color:var(--muted)}.card .offtag{position:absolute;left:10px;top:10px;z-index:2;height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:8px;background:#dc2626;color:#fff;font-family:Kanit,sans-serif;font-weight:600;font-size:12px;white-space:nowrap;box-shadow:0 6px 14px -6px #dc2626}.card .besttag{position:absolute;right:10px;top:10px;z-index:2;height:24px;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border-radius:8px;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffcf9e;font-family:Kanit,sans-serif;font-weight:500;font-size:12px;white-space:nowrap}.card .besttag svg{width:12px;height:12px;flex:none;stroke-width:1.8}@media(max-width:359px){.card .besttag:has(~.offtag){right:auto;left:10px;top:40px}}.card .dline{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:13px;line-height:1.5;color:#6ee7b7;white-space:nowrap;overflow:hidden}.card .dline span{overflow:hidden;text-overflow:ellipsis}.card .dline svg{width:13px;height:13px;flex:none;stroke-width:1.8}.card .dline.wait{color:#ffb265}.card .dline.pre{color:#93c5fd}.was{display:block;color:var(--muted);text-decoration:line-through;font-size:13px;white-space:nowrap;line-height:1.5}.off{display:inline-block;background:#4a1216;border:1px solid #f8717199;color:#ffb9b9;border-radius:999px;padding:2px 8px;font-size:12px;line-height:1.6;white-space:nowrap;margin-left:6px}.cmp{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:4px}.queue-note{display:flex;gap:8px;align-items:flex-start;background:#2a1f0566;border:1px solid #ffc23344;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.65;color:#ffd166;margin:10px 0}.queue-note b{color:#ffe08a}.queue-note .ic{flex:none;line-height:1.5}.req{white-space:nowrap;padding-left:4px}.card .ph{aspect-ratio:8/5;margin:0;border-radius:0;overflow:hidden}.card .ph img{transition:transform .4s}.card:hover .ph img{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.card,.card .ph img{transition:none}.card:hover,.card:hover .ph img{transform:none}}.card:not(.grp) .body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.card h3{font-size:16px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card small{color:#b7bdc9;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.price{font-family:Kanit,sans-serif;font-weight:700;color:var(--orange);font-size:22px}.price.sm{font-size:15px}.from{font-size:12px;color:var(--muted);margin-right:4px;white-space:nowrap}.card .row{margin-top:auto;padding-top:14px;align-items:flex-end}.card .pfrom{display:flex;flex-direction:column;gap:0}.card .from{font-size:12px;margin:0;line-height:1.3}.card .price{font-size:21px;font-weight:600;color:var(--text);line-height:1.25;font-variant-numeric:tabular-nums}.card .price u{text-decoration:none;color:var(--orange);font-size:.72em}.card .golink{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:#ff8a1f1a;border:1px solid #ff8a1f40;color:#ffad60;transition:background .2s,color .2s}.card .golink svg{width:18px;height:18px;stroke-width:1.9}.card:hover .golink{background:linear-gradient(180deg,#ff9b3d,#ff5e00);border-color:transparent;color:#fff}.card.nostock .golink,.card.nostock:hover .golink{background:#ffffff0a;border-color:#ffffff1a;color:var(--muted)}@media(min-width:1024px){.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media(min-width:1280px){.grid4{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:641px){.grid4 .card.grp{padding:10px}.grid4 .card.grp .ph{aspect-ratio:16/9}.grid4 .card.grp .body{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:10px}.grid4 .card.grp h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}}.pfrom{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.pfrom .from{font-size:13px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:2fr 1fr;gap:20px}.catban{border-radius:var(--radius);aspect-ratio:3/1;width:100%;max-height:420px;margin-top:14px;--a:#6a3b12;--b:#2a1a10}.catban img{object-position:center 38%}@media(max-width:640px){.catban{aspect-ratio:16/7;margin-top:10px}}.card.grp.fromban .ph img{object-position:left center}.cnt2{white-space:nowrap;font-size:12px;color:var(--muted);background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.svc{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.svc .banner{border-radius:var(--radius);min-height:110px;--a:#6a3b12;--b:#2a1a10}.svc .item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;gap:10px;align-items:center}.svc .item .ph{width:56px;height:56px;border-radius:12px;flex-shrink:0}.svc .item h3{font-size:13px}.track{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp4)}.track h3{font-size:17px;font-weight:600}.track p{font-size:var(--fs-hint);color:var(--muted);margin-bottom:var(--sp2)}.track #trackOut{margin-top:var(--sp2);font-size:13px}footer{margin-top:72px;border-top:1px solid #ffffff10;background:#0a0c10;padding:40px 0 0}.foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;font-size:14px;color:var(--muted)}.foot h3{color:var(--text);font-size:15px;margin-bottom:10px;font-family:Kanit,sans-serif;font-weight:600}.foot p{line-height:1.7;margin:0}.foot p+p{margin-top:8px}.foot .thanks{color:#8d94a3}.flogo{display:flex;align-items:center;gap:10px;min-height:24px}.flogo img{width:36px;height:36px;border-radius:9px;flex:none}.flogo b{font-family:Kanit,sans-serif;font-weight:700;font-size:19px;color:#fff;letter-spacing:.3px;text-transform:uppercase}.flogo b span{color:var(--orange)}.fcol>p:first-of-type{margin-top:10px}.flinks{list-style:none;display:grid;gap:4px}.flinks a{display:inline-flex;align-items:center;gap:12px;padding:7px 0;color:var(--muted);line-height:1.5}.flinks a.fct{display:flex;gap:12px;margin:0 -10px;padding:8px 10px;border-radius:14px;transition:background .15s}.flinks a.fct:hover{background:#ffffff08;color:var(--muted)}.fct .fic{display:grid;flex:none;filter:drop-shadow(0 6px 12px #0006)}.fct .ft{display:flex;flex-direction:column;min-width:0;line-height:1.3}.fct .ft b{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--text)}.fct .ft small{font-size:13px;color:#8a91a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fct:hover .ft b{color:#ffad60}.flinks a:hover{color:var(--orange)}.flinks svg{width:36px!important;height:36px!important;flex:none}.fbottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:26px;padding-top:16px;padding-bottom:90px;font-size:13px;color:var(--muted)}.pd{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:16px;align-items:start}.pd-hero{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:36px;align-items:center;padding:24px;border-radius:28px;background:#11141a;border:1px solid #ffffff12;overflow:hidden;isolation:isolate}.pd-hero::before{content:"";position:absolute;inset:-40px;z-index:-1;background:var(--pdbg,none) center/cover;filter:blur(48px) saturate(1.3);opacity:.32}.pd-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11141a00 0%,#11141acc 55%,#11141af0 100%)}.pd-media{min-width:0}.pd-head{min-width:0}.pdchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pdc{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff1a;font-family:Kanit,sans-serif;font-size:13px;color:#d6d9e0;white-space:nowrap}.pdc svg{width:14px!important;height:14px!important}.pdc.now{background:#34d39914;border-color:#34d39940;color:#86efac}.pdc.wait{background:#ff8a1f14;border-color:#ff8a1f40;color:#ffb265}.pdc.pre{background:#60a5fa14;border-color:#60a5fa40;color:#93c5fd}.pdfrom{display:flex;align-items:baseline;gap:10px;margin-top:6px}.pdfrom small{color:#8a91a0;font-size:13px}.pdfrom b{font-family:Kanit,sans-serif;font-weight:600;font-size:26px;color:var(--orange)}.pd-main{display:flex;flex-direction:column;gap:16px;min-width:0}.pdblock,.pdhow,.pterms,.pdbuycard,.pd-info{background:#11141a;border:1px solid #ffffff10;border-radius:22px;padding:22px}.pd-buy{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-height:799px){.pd-buy{position:static}}.pdbuycard{box-shadow:0 30px 60px -36px #ff5e0055;border-color:#ff8a1f33}.pdsel{display:flex;flex-direction:column;gap:2px;padding:12px 14px;margin-bottom:4px;border-radius:14px;background:#ffffff06}.pdsel small{color:#8a91a0;font-size:13px}.pdsel b{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;line-height:1.35}.pdbuycard .actions{grid-template-columns:1fr;gap:10px;margin-top:4px}.pdbuycard .actions .btn{min-height:50px;border-radius:14px;font-size:16px}.pdbuycard .actions #buy{order:-1}.frame{position:relative;border-radius:22px;padding:8px;background:linear-gradient(145deg,#2a2f3b,#171a21);border:1px solid #343a47;box-shadow:0 24px 60px -24px #000c,0 0 0 1px #ffffff08 inset}.frame::before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(135deg,#ff8a1f88,transparent 40%,transparent 60%,#ff8a1f44);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.frame .ph{border-radius:14px;aspect-ratio:16/10}.frame .ph img{transition:transform .4s}.frame:hover .ph img{transform:scale(1.03)}.frame .soldout{position:absolute;inset:10px;border-radius:14px;background:#0b0d12b3;display:grid;place-items:center;z-index:3;font-family:Kanit,sans-serif;font-size:22px;letter-spacing:.5px;color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip2{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px;color:#cfd3dc}.chip2 svg{width:14px;height:14px;color:var(--orange);stroke-width:1.5}.pricebox{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:10px 0 2px}.pricebox small{color:var(--muted)}.pd .cmp{margin-top:0}.pd .desc{margin-top:16px}.pkg:not([disabled]):hover{border-color:#ff8a1f99}.pkg .tick{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#1a1205;display:none;place-items:center;font-size:12px;box-shadow:0 2px 8px #0008}.pkg.on .tick{display:grid}.pkg .tick svg.i1{width:13px;height:13px;stroke-width:1.9}.pkg .st{display:block;font-size:12px;margin-top:2px;font-family:Sarabun}.pkg .st.ok{color:var(--green)}.pkg .st.no{color:#ff6b78}.pkg .st.q{color:#ffd166}.pkg .st.pause{color:var(--muted)}.oos{display:flex;gap:10px;align-items:center;background:#ff4d5e14;border:1px solid #ff4d5e55;color:#ffb3ba;border-radius:12px;padding:10px 14px;margin-bottom:16px;font-size:14px}.qty .ctl button[disabled]{opacity:.35;cursor:not-allowed}.pd h1{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.pd .price{font-size:34px}.pd p.desc{color:#c2c7d0;margin:10px 0 14px;font-size:15px;line-height:1.7;max-width:62ch}.pd h4,.pd h2{font-family:Kanit,sans-serif;font-weight:500;font-size:1em;margin-bottom:8px}.pkgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pkg{position:relative;transition:.15s;border:1px solid #ffffff14;background:#ffffff06;border-radius:16px;padding:14px 10px;text-align:center;font-family:Kanit,sans-serif;line-height:1.4}.pkg b{display:block;font-size:18px}.pkg.on{border-color:var(--orange);background:#ff8a1f12;box-shadow:0 0 0 1px var(--orange) inset,0 12px 28px -16px #ff5e00aa}.pkg.on b{color:var(--orange)}.pd h2.pdstep{display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;font-size:17px;font-weight:600;margin-bottom:14px}.pd h2.pdstep>i{width:26px;height:26px;border-radius:50%;background:var(--orange);color:#1b1200;font-style:normal;font-weight:700;font-size:13px;display:grid;place-items:center;flex:none}.pkg .best{position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--orange);color:#1b1200;font-size:12px;font-weight:600;line-height:1.5;border-radius:999px;padding:1px 9px}.info{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 14px;margin-bottom:16px}.pd-buy .info{padding:8px 20px;margin:0}.info div{display:flex;gap:12px;padding:10px 0;font-size:13px}.info div+div{border-top:1px solid var(--line)}.stars{display:inline-flex;gap:1px;vertical-align:-2px}.stars svg{width:14px;height:14px;fill:#f5a524;stroke:none}.stars svg.off{fill:#3a3f4b}.rate{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.rate b{color:#f5a524;font-family:Kanit,sans-serif;font-weight:500}.pd .rate{margin:-6px 0 12px}.card .rate,.item .rate{font-size:12px;margin-top:4px}@media(max-width:359px){.card .rate>span:last-child{display:none}}.rv{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-top:26px}.rv h2{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;margin-bottom:12px}.rv .top{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.rv .big{font-family:Kanit,sans-serif;font-size:40px;line-height:1;color:#f5a524}.rv .bars{flex:1;min-width:190px;display:grid;gap:3px}.rv .bar{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.rv .bar i{flex:1;height:6px;background:#2a2e38;border-radius:3px;overflow:hidden}.rv .bar i b{display:block;height:100%;background:#f5a524}.rv ul{margin-top:10px}.rv li{list-style:none;border-top:1px solid var(--line);padding:10px 2px;font-size:13px}.rv li .when{color:var(--muted);font-size:12px;margin-left:8px}.rv li p{color:#cfd3dc;margin-top:4px}.auth{max-width:420px;margin:26px auto}.auth .box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}.auth h1{font-size:24px;text-align:center}.auth .sub{color:var(--muted);font-size:13px;text-align:center;margin:6px 0 18px}.auth label{display:block;font-size:var(--fs-label);color:#cfd3dc;margin:var(--sp4) 0 var(--sp2)}.acct-card label{display:block;font-size:var(--fs-label);color:#cfd3dc;margin:var(--sp4) 0 6px}.acct-card .btn{width:100%;justify-content:center;margin-top:16px}.auth .btn{width:100%;justify-content:center;margin-top:18px}.auth .row2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px}.auth .row2>a,.authform .row2>a{display:inline-flex;align-items:center;min-height:24px}.auth .row2 label{margin:0;display:flex;gap:6px;align-items:center;color:#cfd3dc}.auth .err{background:#ff4d5e1f;border:1px solid #ff4d5e55;color:#ffb3ba;border-radius:10px;padding:9px 12px;font-size:12px;margin-top:14px}.auth .ok2{background:#2fcf741f;border:1px solid #2fcf7455;color:#a7f0c4;border-radius:10px;padding:9px 12px;font-size:12px;margin-top:14px}.auth .foot{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}.auth .foot a{color:var(--orange)}.sso{display:grid;gap:10px;margin-top:4px}.ssobtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 52px;border:0;border-radius:14px;font-family:Kanit,sans-serif;font-weight:500;font-size:15px;position:relative;line-height:1;transition:filter .15s,transform .15s}.ssobtn>b{font-weight:500;border:0;background:none;padding:0}.ssobtn>svg{position:absolute;left:16px;top:50%;width:22px!important;height:22px!important;transform:translateY(-50%);stroke:none;flex-shrink:0}.ssobtn.g{background:#fff;color:#1f1f1f;box-shadow:inset 0 0 0 1px #dadce0}.ssobtn.l{background:#048537;color:#fff}a.ssobtn:hover{filter:brightness(.93)}.ssobtn.off{cursor:not-allowed}.ssobtn.g.off{color:#3c4043}.ssobtn.l.off{color:#fff}.ssobtn .soon{position:absolute;right:12px;font-style:normal;font-weight:400;font-size:12px;font-family:Sarabun;background:#00000099;color:#fff;border-radius:999px;padding:3px 10px;line-height:1.2}.ssobtn.off{padding-left:52px;padding-right:64px}@media(max-width:360px){.ssobtn{font-size:13px}}@media(max-width:330px){.ssobtn{font-size:12px}.ssobtn.off{padding-right:58px}.ssobtn .soon{right:8px;padding:3px 8px}}.tsbox{border:0;background:none;padding:0;margin-top:var(--sp4)}.tsbox #ts{width:100%;min-height:0}.tsbox #ts iframe{width:100%!important}.tshead{display:flex;align-items:center;gap:6px;margin-bottom:var(--sp2);line-height:1.4}.tshead svg{width:16px;height:16px;stroke:var(--orange);flex-shrink:0;stroke-width:1.6}.tshead b{font-family:inherit;font-weight:400;font-size:var(--fs-label);color:#cfd3dc;line-height:inherit}.tsbox .hint{margin-top:var(--sp1);font-size:var(--fs-hint)}.tsbox .tswarn{margin-top:6px;font-size:12px;color:#ffb3ba}.tsbox .link{font-size:12px;text-decoration:underline}.tsbox .link.o{color:var(--orange)}.orline2{display:flex;align-items:center;gap:12px;color:#7d8494;font-size:13px;margin:24px 0 4px}.orline2::before,.orline2::after{content:"";flex:1;height:1px;background:#ffffff14}.acct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.acct-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.acct-card h3{font-family:Kanit,sans-serif;font-weight:500;margin-bottom:10px}.refbox{display:flex;gap:8px;align-items:center;background:#12151c;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px}.refbox b{font-family:ui-monospace,monospace;letter-spacing:2px;font-size:16px;color:var(--orange)}.prov{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}.prov .pname{display:inline-flex;align-items:center;gap:9px}.prov .pname svg{width:20px;height:20px;flex:none}.prov .pact{display:inline-flex;align-items:center;gap:10px;margin-left:auto}.prov .linked{color:var(--green);font-size:13px;white-space:nowrap}.wbtns{display:flex;gap:8px;flex-wrap:wrap}.tbox{background:#12151c;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:10px}.tbox label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.tbox input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--text)}.tbox input:focus{outline:0;border-color:var(--orange)}.wlist{margin-top:8px}.wlist li{list-style:none;display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:12px}.win{color:var(--green);font-family:Kanit,sans-serif;white-space:nowrap}.wout{color:#ff8a8a;font-family:Kanit,sans-serif;white-space:nowrap}.payopts{display:grid;gap:8px;margin:12px 0}.payone{display:flex;align-items:center;gap:12px;background:var(--card2,#1b1f2a);border:1px solid var(--orange);border-radius:12px;padding:12px 14px;margin:12px 0}.payone.short{border-color:var(--line)}.payone svg{flex:none;color:var(--orange)}.payopts .payopt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;background:#12151c;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;cursor:pointer;text-align:left}.payopt:has(input:checked){border-color:var(--orange)}.payopt.off{opacity:.55;cursor:not-allowed}.payopt input{margin-top:3px;accent-color:var(--orange)}.payopt.off .btn{opacity:1;cursor:pointer;box-shadow:none}.nowrap{white-space:nowrap}.asme{display:flex;gap:9px;align-items:center;background:#12151c;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted);margin-bottom:12px}.asme svg{flex-shrink:0;color:var(--orange)}.asme b{color:var(--text);font-weight:500}.asme span{min-width:0;overflow-wrap:anywhere}@media(max-width:820px){.acct-grid{grid-template-columns:1fr}}.info small{color:var(--muted);display:block}.qty{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.qty .ctl{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.qty .ctl button,.qty .ctl span{width:44px;height:38px;display:grid;place-items:center}.qty .ctl span{border-inline:1px solid var(--line)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn.ghost{background:none;border:1.5px solid var(--orange);box-shadow:none;color:var(--orange)}.back{display:inline-flex;gap:6px;align-items:center;color:var(--muted);margin-top:18px}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin:var(--sp4) 0 var(--sp3)}.crumbs a:hover{color:var(--text);text-decoration:underline}.crumbs i{font-style:normal;color:#5c6577}.crumbs b{font-weight:400;color:var(--text)}.crumb-back{display:none;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin:calc(var(--sp4) - 12px) 0 calc(var(--sp3) - 12px);padding:12px 0}.crumb-back:hover{color:var(--text)}.hx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:36px 0 8px}.hx h1{margin:18px 0 14px;font-size:48px;line-height:1.14;font-weight:600;letter-spacing:-.01em}.hx h1 em{font-style:normal;background:linear-gradient(90deg,#ffb15e,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent}.hx .lead{color:#a3a9b6;font-size:17px;line-height:1.6;max-width:500px}.hx-search{display:flex;align-items:center;gap:12px;margin-top:26px;max-width:560px;height:58px;padding:0 7px 0 20px;border-radius:18px;background:#161a22;border:1px solid #ffffff1c;box-shadow:0 20px 40px -26px #000}.hx-search:focus-within{border-color:#ff8a1f88;box-shadow:0 0 0 4px var(--field-ring)}.hx-search>svg{width:20px;height:20px;color:#6c7383;flex:none}.hx-search input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:16px}.hx-search input::placeholder{color:var(--muted)}.hx-search button{height:44px;padding:0 22px;border-radius:13px;background:linear-gradient(180deg,#ff9b3d,#ff5e00);color:#fff;font-family:Kanit,sans-serif;font-weight:500;font-size:15px;box-shadow:inset 0 1px 0 #ffffff40,0 8px 22px -10px #ff5e00}.hx-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:#7a8191;white-space:nowrap}.hx-tags a{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:#ffffff08;border:1px solid #ffffff0f;color:#a3a9b6;font-family:Kanit,sans-serif;font-size:13px}.hx-tags a:hover{border-color:#ff8a1f66;color:var(--text)}.hx-stats{display:flex;gap:32px;margin-top:30px}.hx-stats div{display:flex;flex-direction:column}.hx-stats b{font-family:Kanit,sans-serif;font-size:24px;font-weight:600;line-height:1.25}.hx-stats b span{color:#fbbf24;font-size:18px}.hx-stats small{color:#7d8494;font-size:13px}.hx-art{position:relative;min-width:0}.hx-art .hero{margin:0}.hx-art .hero-main{border-radius:26px;border:1px solid #ffffff1c;box-shadow:0 40px 80px -40px #ff5e0066,0 30px 60px -30px #000}.hx-art .hero.slider .hero-main{padding-left:0}.hx-float{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:#151921e6;border:1px solid #ffffff1c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px -18px #000;pointer-events:none}.hx-float i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}.hx-float i svg{width:18px;height:18px}.hx-float b{display:block;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;line-height:1.25}.hx-float small{color:#7d8494;font-size:12px}.hx-float.f1{left:-24px;bottom:-24px}.hx-float.f1 i{background:#34d3991f;color:#6ee7b7}.hx-float.f2{right:-6px;top:-22px}.hx-float.f2 i{background:#ff8a1f1f;color:#ffad60}.hm-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:48px}.hm-cat{position:relative;display:flex;align-items:center;gap:16px;min-height:120px;padding:14px 20px;border-radius:22px;background:#11141a;border:1px solid #ffffff0f;overflow:hidden;transition:border-color .2s,transform .2s}.hm-cat:hover{border-color:#ff8a1f55;transform:translateY(-2px)}.hm-cat>div:first-child{position:relative;z-index:1}.hm-cat::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at 88% 50%,#ff8a1f2e,transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}.hm-cat::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent,#ffffff12 45%,#ffffff1f 50%,transparent);transform:translateX(-130%) skewX(-12deg);pointer-events:none;z-index:3}.hm-cat:hover{box-shadow:0 18px 40px -22px #ff8a1f88}.hm-cat:hover::before{opacity:1}.hm-cat:hover::after{transform:translateX(330%) skewX(-12deg);transition:transform .8s ease}.hm-cat h3,.hm-cat .cnt{transition:color .25s,background .25s}.hm-cat:hover h3{color:#ffad60}.hm-cat:hover .cnt{background:#ff8a1f1f;color:#ffc58a}.hm-stack img{transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.hm-cat:hover .hm-stack img:nth-child(1){transform:translate(-14px,-6px) rotate(-15deg)}.hm-cat:hover .hm-stack img:nth-child(2){transform:translate(8px,-6px) rotate(13deg)}.hm-cat:hover .hm-stack img:nth-child(3){transform:translateY(-8px) rotate(-1deg) scale(1.07);box-shadow:0 16px 30px -10px #000,0 0 0 1px #ff8a1f66}@keyframes hmfloat{0%,100%{translate:0 0}50%{translate:0 -5px}}.hm-stack{animation:hmfloat 4.5s ease-in-out infinite}.hm-cat:nth-child(2) .hm-stack{animation-delay:-1.5s}.hm-cat:nth-child(3) .hm-stack{animation-delay:-3s}.hm-cat:hover .hm-stack{animation-play-state:paused}.hm-cat:active{transform:scale(.985)}@media(prefers-reduced-motion:reduce){.hm-stack{animation:none}.hm-cat::after{display:none}.hm-stack img{transition:none}}.hm-cat h3{font-size:20px;font-weight:600;line-height:1.25}.hm-cat p{color:#7d8494;font-size:14px}.hm-cat .cnt{display:inline-block;margin-top:8px;height:24px;padding:0 10px;border-radius:999px;background:#ffffff0a;font-family:Kanit,sans-serif;font-size:13px;line-height:24px;color:#a3a9b6}.hm-stack{position:relative;margin-left:auto;width:150px;align-self:stretch;margin-block:-14px;flex:none}.hm-stack img{position:absolute;width:104px;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:2px solid #11141a;box-shadow:0 10px 24px -10px #000}.hm-stack img:nth-child(1){right:44px;top:16px;transform:rotate(-8deg)}.hm-stack img:nth-child(2){right:0;top:28px;transform:rotate(6deg)}.hm-stack img:nth-child(3){right:20px;top:58px;transform:rotate(-1deg);z-index:2}.hm-cat h3 .nw{white-space:nowrap}.hm-stack.solo{width:136px}.hm-stack.solo i{position:absolute;right:6px;top:50%;width:118px;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#ff8a1f40,#ff8a1f0d);border:1px solid #ff8a1f40}.hm-stack.solo i:nth-child(1){transform:translateY(-50%) translate(-16px,-6px) rotate(-12deg)}.hm-stack.solo i:nth-child(2){transform:translateY(-50%) translate(4px,4px) rotate(9deg);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-color:#ffffff1f}.hm-stack.solo img{right:6px;top:50%;width:118px;transform:translateY(-50%) rotate(-3deg);z-index:2;box-shadow:0 14px 28px -12px #000,0 0 0 1px #ff8a1f55,0 0 26px -6px #ff8a1f88}.hm-stack.solo i,.hm-stack.solo img{transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.hm-cat:hover .hm-stack.solo img{transform:translateY(-50%) translateY(-6px) rotate(0) scale(1.08)}.hm-cat:hover .hm-stack.solo i:nth-child(1){transform:translateY(-50%) translate(-24px,-8px) rotate(-17deg)}.hm-cat:hover .hm-stack.solo i:nth-child(2){transform:translateY(-50%) translate(10px,6px) rotate(14deg)}.hm-marq{overflow-x:auto;scrollbar-width:none;margin:0 -8px;padding:6px 8px 4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.hm-marq::-webkit-scrollbar{display:none}.hm-track{display:flex;gap:14px;width:max-content}.hm-gi{flex:none;width:150px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}@media(prefers-reduced-motion:reduce){.hm-track>[data-dup]{display:none}}.hm-marq.still .hm-track>[data-dup]{display:none}.hm-gi .t{width:100%;aspect-ratio:1/1;border-radius:22px;overflow:hidden;border:1px solid #ffffff1c;background:#161a22;transition:transform .2s,box-shadow .2s}.hm-gi .t img{width:100%;height:100%;object-fit:cover;object-position:12% center;display:block}.hm-gi:hover .t{transform:translateY(-3px);box-shadow:0 16px 30px -16px #ff5e00aa}.hm-gi b{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;line-height:1.3;color:#a3a9b6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px;border-radius:26px;background:linear-gradient(135deg,#ff8a1f14,#ffffff05 50%,#7c3aed12);border:1px solid #ffffff1c}.hm-step{display:flex;gap:16px;align-items:flex-start}.hm-step .no{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:#161a22;border:1px solid #ffffff1c;font-family:Kanit,sans-serif;font-weight:600;font-size:18px;color:var(--orange)}.hm-step h3{font-size:17px;font-weight:500}.hm-step p{color:#a3a9b6;font-size:14px}.hm-duo{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:stretch}.hm-duo.solo{grid-template-columns:minmax(0,480px)}.hm-box{border-radius:24px;background:#11141a;border:1px solid #ffffff0f;padding:24px}.hm-rvh{display:flex;align-items:center;gap:18px;margin-bottom:18px}.hm-rvh h2{font-size:24px;font-weight:600}.hm-score{font-family:Kanit,sans-serif;font-size:46px;font-weight:600;line-height:1}.hm-rvh small{display:block;color:#7d8494;font-size:13px}.hm-rvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hm-rv{display:block;padding:16px;border-radius:16px;background:#161a22;border:1px solid #ffffff0f}a.hm-rv:hover{border-color:#ff8a1f55}.hm-rv q{display:block;margin:8px 0 12px;font-size:14px;color:var(--text);quotes:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hm-rv q.muted{color:#a3a9b6}.hm-rv .who{display:flex;align-items:center;gap:8px;font-size:13px;color:#7d8494;min-width:0}.hm-rv .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-rv .who i{width:24px;height:24px;flex:none;border-radius:8px;display:grid;place-items:center;background:#ff8a1f1f;color:#ffad60;font-family:Kanit,sans-serif;font-weight:600;font-size:12px;font-style:normal}.hm-trk{display:flex;flex-direction:column}.hm-trk .track{background:none;border:0;padding:0}.hm-trk .track h3{font-size:20px;font-weight:600}.hm-trk .track p{font-size:14px;margin:2px 0 16px}.hm-help{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid #ffffff0f;font-size:14px;color:#a3a9b6}.hm-trk .track+.hm-help{margin-top:18px}.hm-help i{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#22c55e1a;color:#4ade80}.hm-help i svg{width:18px;height:18px}.hm-help b{color:var(--text);font-weight:500;font-family:Kanit,sans-serif}.hm-help:hover b{color:#ffad60}@media(max-width:1023px){.hx{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px 0 0}.hx-art{order:-1}.hx-float{display:none}.hx h1{font-size:32px;margin:14px 0 8px}.hm-duo{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.hx h1{font-size:28px}.hx .lead{font-size:15px}.hx-search{height:52px;margin-top:16px;border-radius:15px;padding:0 6px 0 16px}.hx-search button{height:40px;padding:0 16px}.hx-tags{flex-wrap:nowrap;overflow-x:auto;margin:12px -16px 0;padding:0 16px;scrollbar-width:none}.hx-tags::-webkit-scrollbar{display:none}.hx-tags a{flex:none}.hx-stats{gap:0;justify-content:space-between;margin-top:18px;padding:14px 16px;border-radius:16px;background:#11141a;border:1px solid #ffffff0f}.hx-stats b{font-size:18px}.hx-stats small{font-size:12px}.hx-art .hero-main{border-radius:18px}.hm-cats{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:28px}.hm-cat{min-height:88px;padding-block:8px;border-radius:18px}.hm-stack{margin-block:-8px}.hm-cat h3{font-size:17px}.hm-cat .cnt{display:none}.hm-stack{width:120px}.hm-stack img{width:80px}.hm-stack img:nth-child(1){right:36px;top:10px}.hm-stack img:nth-child(2){right:0;top:18px}.hm-stack img:nth-child(3){right:16px;top:38px}.sec-h h2{font-size:20px}.sec-h p{display:none}.sec-h>a{height:32px;padding:0 12px;font-size:13px;border-radius:10px}.hm-marq{margin:0 -16px;padding:6px 16px 4px}.hm-track{gap:12px}.hm-gi{width:76px}.hm-gi .t{border-radius:18px}.hm-gi b{font-size:12px}.hm-steps{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px;border-radius:20px}.hm-box{padding:18px;border-radius:20px}.hm-rvs{display:flex;overflow-x:auto;margin:0 -18px;padding:0 18px;scrollbar-width:none}.hm-rvs::-webkit-scrollbar{display:none}.hm-rv{flex:none;width:78%}.hm-score{font-size:38px}}.hpfab{position:fixed;right:20px;bottom:20px;z-index:35;display:flex;align-items:center;gap:10px}.hpfab .lbl{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;background:#151921ee;border:1px solid #ffffff1c;font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--text);box-shadow:0 14px 30px -14px #000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.hpfab .lbl i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #2fd27a26}.hpfab .go{position:relative;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#ff9b3d,#ff5e00);box-shadow:inset 0 1px 0 #ffffff40,0 14px 30px -10px #ff5e00}.hpfab .go svg{width:26px;height:26px;stroke:#fff;stroke-width:1.8}.hpfab .go .x{display:none}.hpfab.on .go .o{display:none}.hpfab.on .go .x{display:block}.hpfab.on .lbl{display:none}body.hp-off .hpfab,body.hp-off .hpbox{display:none!important}body.hp-mhide .hpfab,body.hp-mhide .hpbox{display:none!important}.hpbox{position:fixed;right:20px;bottom:88px;z-index:36;width:384px;height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;background:#12151bf7;border:1px solid #ffffff1c;box-shadow:0 30px 70px -20px #000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;animation:hpIn .18s ease-out}.hpbox[hidden]{display:none}@keyframes hpIn{from{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.hpbox{animation:none}}.hpbody{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.hpmsg{display:flex;gap:8px;align-items:flex-end;max-width:92%}.hpmsg img{width:28px;height:28px;border-radius:9px;background:#2a1c10;object-fit:contain;flex:none}.hpmsg .t{padding:10px 14px;border-radius:16px 16px 16px 6px;background:#1d222c;border:1px solid #ffffff0d;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.hpmsg.me{align-self:flex-end}.hpmsg.me .t{border-radius:16px 16px 6px 16px;background:linear-gradient(180deg,#ff9b3d,#ff7a12);border:0;color:#1d1105}.hpmsg .t a.o{color:#ffad60;text-decoration:underline}.hpprod{display:grid;gap:6px;margin-top:8px}.hpprod a{display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff0d;color:var(--text);text-decoration:none!important}.hpprod a:hover{border-color:#ff8a1f55}.hpprod img{width:52px;height:32px;border-radius:7px;object-fit:cover;background:#161a22;flex:none}.hpprod span{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpprod b{font-family:Kanit,sans-serif;font-weight:600;font-size:13px;color:#ffad60;white-space:nowrap}.hpacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hpacts a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff1a;color:var(--text);font-family:Kanit,sans-serif;font-size:13px;text-decoration:none!important}.hpacts a.ln{background:#048537;border-color:transparent;color:#fff}.hpacts a svg{width:15px!important;height:15px!important}.hpqh{font-size:13px;color:#7d8494;margin-top:4px}.hpall{display:block;margin:10px 2px 2px;font-size:13px;color:#ffad60;text-decoration:underline}.hpno{display:table;margin-top:10px;font-size:13px;color:#ffad60;text-decoration:underline}@media(max-width:1023px){.hpfab{right:16px;bottom:calc(104px + env(safe-area-inset-bottom))}.hpfab .lbl{display:none}.hpfab .go{width:52px;height:52px;border-radius:16px}.hpbox{left:12px;right:12px;width:auto;bottom:calc(168px + env(safe-area-inset-bottom));height:calc(100vh - 250px - env(safe-area-inset-bottom));max-height:620px}}@media(max-width:1023px){.pd{display:flex;flex-direction:column;gap:14px;align-items:stretch}.pd-main,.pd-buy{display:contents}.pd-hero{order:0;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:20px;padding:16px;border-radius:22px}.pdq{order:1}.pdb-pkg{order:2}.pdb-form{order:3}.pdbuycard{order:4}.pd-info{order:5}.pdhow{order:6}.pterms{order:7}}@media(max-width:640px){.pd-hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px;border-radius:20px}.pd-hero::after{background:linear-gradient(180deg,#11141a00 0%,#11141acc 45%,#11141af0 100%)}.pd h1{font-size:26px}.pdblock,.pdhow,.pterms,.pdbuycard,.pd-info{padding:16px;border-radius:18px}.pdfrom b{font-size:22px}}@media(max-width:640px){.carthead h1{font-size:24px}.cartlist{padding:4px 16px;border-radius:18px}.cartlist .line{flex-wrap:wrap;gap:12px}.cartlist .line .ph{width:84px;height:53px}.cartlist .line>.grow{flex:1 1 calc(100% - 100px)}.cartlist .lside{flex:1 1 100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:0;justify-items:start}.cartlist .lact{grid-column:2;grid-row:1/3;margin:0}.summary{padding:18px;border-radius:18px}}.m-only{display:none!important}.promo{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:12px;padding:10px 14px;margin-top:14px}.promo b{font-family:Kanit,sans-serif;display:block}.promo small{font-size:12px;opacity:.85}.promo .btn{margin-left:auto}.bnav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:30;border-radius:20px;background:#151921ee;border:1px solid #ffffff1c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 40px -12px #000;display:none;grid-template-columns:repeat(5,1fr)}.bnav a{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp1);font-size:12px;color:var(--muted)}.bnav a svg{width:22px;height:22px;stroke-width:1.8}.bnav a.on{color:var(--text)}.bnav a.on svg{color:var(--orange)}.dots{display:flex;gap:5px;justify-content:center;margin-top:8px}.dots i{width:6px;height:6px;border-radius:50%;background:#555}.dots i.on{background:var(--orange);width:14px;border-radius:3px}.toast{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);background:#fff;color:#222;padding:10px 18px;border-radius:999px;font-family:Kanit,sans-serif;opacity:0;transition:.2s;z-index:50;pointer-events:none}.toast.on{opacity:1}@media(max-width:1023px){header{padding-top:8px}.top{height:56px;border-radius:16px;padding:0 8px 0 12px}header .d-only{display:none!important}body.homemode .msearch{display:none!important}.msearch{display:flex!important;padding-top:12px}body.acctmode .msearch{display:none!important}.top{justify-content:space-between;gap:var(--sp3)}.bnav{display:grid}main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.fbottom{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.grid4{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}}@media(max-width:640px){.grid4{grid-template-columns:repeat(2,1fr);gap:11px}.homegrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}.homegrid::-webkit-scrollbar{display:none}.homegrid>*{flex:none;width:62%;scroll-snap-align:start}.card:not(.grp) .body{padding:10px 12px 12px}.card h3{font-size:15px}.card .price{font-size:18px}.card .golink{width:34px;height:34px;border-radius:10px}.card.grp .grphd{flex-direction:column;align-items:flex-start;gap:4px}.card.grp h3{white-space:normal}html,body{font-size:16px}.wrap{padding:0 16px}.d-only{display:none!important}.m-only{display:flex!important}.m-only[hidden]{display:none!important}.bnav{display:grid}main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.pd p.desc.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.top{gap:var(--sp3)}.logo .mark{width:36px;height:36px}.logo b{font-size:21px}.logo small{display:none}.search{max-width:none;margin-top:10px}.hnav{display:none}.hero-main>*{max-width:62%}.hero-main p{font-size:12px;margin:6px 0 0}.hero-main .btn{padding:8px 14px;font-size:13px}.card .btn{display:inline-flex;padding:7px 14px;font-size:12px}.price{font-size:19px}.svc{grid-template-columns:1fr 1fr}.svc .banner{grid-column:1/-1}.foot{grid-template-columns:1fr;gap:22px}.fbottom{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:calc(116px + env(safe-area-inset-bottom))}.frame{padding:6px;border-radius:18px}.frame .ph{border-radius:13px}.frame .soldout{inset:6px;border-radius:13px}.pkgs{grid-template-columns:repeat(2,1fr)}.actions{position:static}}.muted{color:var(--muted)}.d-block{display:block}.empty{padding:40px 0;text-align:center;color:var(--muted)}.ssr-home{padding:var(--sp6) 0;color:var(--muted)}.ssr-home h1{color:var(--text);font-size:clamp(28px,4vw,44px);line-height:1.2;margin:0 0 var(--sp3)}.ssr-home h1 em{font-style:normal;color:var(--orange)}.ssr-home h2{color:var(--text);font-size:18px;margin:var(--sp5) 0 var(--sp3)}.ssr-home nav,.ssr-home ul{display:flex;flex-wrap:wrap;gap:var(--sp2);list-style:none;padding:0;margin:var(--sp4) 0 0}.ssr-home a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text);text-decoration:none}.notice{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:10px;padding:10px 14px;margin:14px 0 0;font-size:14px}.notice.warn{border-left-color:#ff4d5e}.notice.ok{border-left-color:var(--green)}.tuwarn{margin:0 0 14px}.page-h{margin:16px 0 24px}.page-h h1{font-size:28px;font-weight:600;line-height:1.25}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.tabs a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 16px;white-space:nowrap}.tabs a.on{background:var(--orange);border-color:var(--orange);color:#1a1205;font-weight:500}.svc a.item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;gap:10px;align-items:center}.svc a.item .ph{width:56px;height:56px;border-radius:12px;flex-shrink:0}.svc a.item h3{font-size:13px}.pkg[disabled]{opacity:.55;cursor:not-allowed;border-style:dashed;background:transparent}.pkg[disabled] b{color:var(--muted);text-decoration:line-through}.pkg[disabled]{opacity:1;color:#7d8494}.pkg[disabled] b{color:#7d8494}.pkg[disabled] .best,.pkg[disabled] .tick{opacity:.55}.form{display:grid;gap:var(--sp3);margin-bottom:var(--sp4)}.form label,.summary label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-label);color:#cfd3dc}.form label .lb{display:block}.form label .lb .req{padding-left:4px}.form label small.hint{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5;margin-top:-2px}.form label.tick{flex-direction:row;align-items:flex-start;gap:10px}.form label.tick input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--orange)}.form label.tick>span{flex:1;line-height:1.6}.imgf{display:flex;flex-direction:column;gap:8px}.imgf .drop{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:12px;background:var(--card);color:var(--muted);cursor:pointer;font-size:14px}.imgf .drop:hover{border-color:var(--orange);color:#cfd3dc}.imgf .prev{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.imgf .prev img{width:72px;height:72px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#0003}.imgf .prev .nm{flex:1;min-width:0;font-size:13px;color:#cfd3dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imgf .err{color:#ff8a8a;font-size:13px;line-height:1.5}.imgf .busy{color:var(--muted);font-size:13px}.carthead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0 24px}.carthead h1{font-size:28px;font-weight:600;line-height:1.25}.carthead p{color:#8a91a0;font-size:14px;margin-top:4px}.cartsteps{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#11141a;border:1px solid #ffffff10}.cartsteps span{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 6px;border-radius:999px;font-family:Kanit,sans-serif;font-size:13px;color:#7d8494}.cartsteps i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:#ffffff0d;color:#a3a9b6}.cartsteps span.on{background:#ff8a1f17;color:#ffad60}.cartsteps span.on i{background:var(--orange);color:#1a1205;font-weight:600}.cartempty{text-align:center;padding:56px 24px;border-radius:24px;background:#11141a;border:1px solid #ffffff10}.cartempty h2{font-family:Kanit,sans-serif;font-weight:600;font-size:20px}.cartempty p{color:#8a91a0;font-size:14px;margin:8px auto 22px;max-width:420px}.cartlist{background:#11141a;border:1px solid #ffffff10;border-radius:22px;padding:8px 22px}.clh{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ffffff0d}.clh b{font-family:Kanit,sans-serif;font-weight:600;font-size:17px}.clh a{height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff1a;font-family:Kanit,sans-serif;font-size:13px}.clh a:hover{border-color:#ff8a1f66;color:#ffad60}.checkout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.cartlist .line{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #ffffff0d}.cartlist .line:last-child{border-bottom:0}.lthumb{flex:none}.lname{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:16px;line-height:1.35}.lname:hover{color:#ffad60}.lmeta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.lpkg,.ldl{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:13px;white-space:nowrap}.lpkg{background:#ffffff0d;border:1px solid #ffffff14;color:#d6d9e0}.ldl.now{background:#34d39914;color:#86efac}.ldl.wait{background:#ff8a1f14;color:#ffb265}.lfield{display:flex;gap:6px;font-size:13px;color:#8a91a0;margin-top:3px;min-width:0}.lfield b{color:#cfd3dc;font-weight:500;overflow-wrap:anywhere}.lside{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.lside .price.sm{font-size:18px;font-weight:600;color:var(--text)}.lunit{font-size:12px;color:#7d8494}.lact{display:flex;align-items:center;gap:8px;margin-top:8px}.ldel{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#8a91a0;border:1px solid #ffffff14;background:#ffffff06}.ldel:hover{color:#fda4af;border-color:#ef444466;background:#ef44441a}.ldel svg{width:16px!important;height:16px!important}.cartlist .line .ph{width:104px;height:65px;border-radius:12px;flex-shrink:0}.cartlist .line .ph .ttl{display:none}.grow{flex:1;min-width:0}.ctl{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;width:max-content}.ctl button,.ctl span{width:44px;height:40px;display:grid;place-items:center}.ctl span{border-inline:1px solid var(--line)}.link{color:var(--muted);display:inline-flex;gap:4px;align-items:center;font-size:13px}.link:hover{color:#ff4d5e}.summary{background:#11141a;border:1px solid #ff8a1f33;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;position:sticky;top:100px;box-shadow:0 30px 60px -36px #ff5e0055}.sumh{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;margin-bottom:2px}.summary h3{font-size:17px}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;padding-top:14px}.summary .total .price{font-size:28px}.total.sub{border-top:0;padding-top:0;font-size:14px;color:var(--muted);margin-bottom:-6px}.summary>.total:first-child,.summary>.sumh+.total{border-top:0;padding-top:0}.total.sub.o{color:var(--orange)}.dsc{display:flex;gap:8px;align-items:center}.memberbox{background:#ffffff06;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.memberbox ol{margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7}.dsc input{flex:1;min-width:0;text-transform:uppercase}.dsc .btn{height:var(--h-control);padding:0 16px;flex:none}.dsc.ok{background:var(--card2,#1b1f2a);border:1px dashed var(--orange);border-radius:10px;padding:8px 12px;font-size:13px;justify-content:space-between}.dsc.ok b{color:var(--orange)}.btn.block{width:100%;justify-content:center}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.chip{border-radius:999px;padding:4px 14px;background:#ff8a1f22;color:var(--orange);font-family:Kanit,sans-serif;white-space:nowrap}.chip.ok{background:#2fd27a22;color:var(--green)}.chip.bad{background:#ff4d5e22;color:#ff4d5e}.steps{display:flex;margin:6px 0 20px}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;position:relative;color:var(--muted)}.step::before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--line)}.step:first-child::before{display:none}.step.done::before,.step.cur::before{background:var(--orange)}.step b{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--bg);display:grid;place-items:center;z-index:1;font-size:12px}.step.done b{background:var(--green);border-color:var(--green);color:#0b2114}.step.cur{color:var(--text)}.step.cur b{background:var(--orange);border-color:var(--orange);color:#1a1205}.qr{background:#fff;color:#222;border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px}.qr #qr img,.qr #qr canvas{display:block;max-width:100%}.slip{display:flex;flex-direction:column;gap:10px}.drop{border:1.5px dashed var(--line);border-radius:12px;padding:18px;text-align:center;cursor:pointer;color:var(--muted)}.drop:hover{border-color:var(--orange)}.drop input{display:none}.deliver{background:#2fd27a12;border:1px solid #2fd27a55;border-radius:12px;padding:14px;margin-top:6px}.deliver h3{font-size:16px;margin-bottom:8px}.secret{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;background:var(--card);border-radius:10px;padding:10px;margin-bottom:8px}.secret small{grid-column:1/-1;color:var(--muted)}.secret code{font-size:15px;word-break:break-all;color:#fff}@media(max-width:640px){.checkout{grid-template-columns:minmax(0,1fr)}.cartsteps{display:none}.summary{position:static}.page-h h1{font-size:24px}}@media(max-width:360px){.card .row{flex-wrap:wrap;gap:6px}.card .row .btn{flex:1 1 100%;max-width:none}}.wpill{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 5px 5px 14px;flex-shrink:0}.wpill .coin{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#ffb457,#ff6a00);display:grid;place-items:center;font-size:13px}.wpill i{font-style:normal;font-size:12px;color:var(--muted);display:block;line-height:1.2}.wpill b{font-family:Kanit,sans-serif;font-size:16px;line-height:1.2}.wpill .btn{padding:7px 14px;font-size:13px}.wbar{display:none;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 10px 9px 12px;margin-bottom:10px}.wbar .coin{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#ffb457,#ff6a00);display:grid;place-items:center}.wbar b{font-family:Kanit,sans-serif;font-size:17px;flex:1}.wbar .btn{padding:7px 14px;font-size:13px}.wbar small{color:var(--muted);font-size:12px}.bnav a.fab{position:relative;justify-content:flex-end;padding-bottom:var(--sp3)}.bnav a.fab .ring{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#ff9b3d,#ff5e00);display:grid;place-items:center;box-shadow:0 10px 22px -8px #ff5e00,0 0 0 5px var(--bg)}.bnav a.fab .ring svg{width:24px;height:24px;stroke:#fff;stroke-width:1.8}.bnav a.fab span{margin:0}.bnav a.fab.on{color:var(--orange)}.mlayout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:28px;align-items:start;margin:28px 0 0}.mlayout>div{min-width:0}.mside{background:#11141a;border:1px solid #ffffff10;border-radius:22px;padding:12px;position:sticky;top:100px;align-self:start}.miniprofile{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#ff8a1f1f,#ff8a1f05);border:1px solid #ff8a1f26;margin-bottom:10px;min-width:0}.miniprofile .ava{width:44px;height:44px;font-size:18px;flex-shrink:0;box-shadow:0 0 0 3px #ff8a1f33}.miniprofile .who{min-width:0}.miniprofile b{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniprofile small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mside a{display:flex;align-items:center;gap:12px;min-height:42px;margin:2px 0;padding:0 12px;border-radius:12px;color:#a3a9b6;font-size:14px}.mside a svg{width:18px;height:18px;flex-shrink:0}.mside a:hover{background:#ffffff08;color:var(--text)}.mside a.on{background:#ff8a1f17;color:#ffad60;font-weight:600}.mside a.on:hover{background:#ff8a1f17;color:#ffae60}.sidebottom{border-top:1px solid #ffffff10;margin-top:10px;padding-top:10px}.mtitle{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.mtitle h1{font-size:28px;font-weight:600;line-height:1.25}.mtitle p{color:#8a91a0;font-size:14px;margin:4px 0 0}.mtitle .eyebrow{display:none}.welcome .eyebrow{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:#ff8a1f17;border:1px solid #ff8a1f33;font-family:Kanit,sans-serif;font-size:13px;color:#ffad60;margin-bottom:10px}.welcome h1{font-size:28px}.mcard{background:#11141a;border:1px solid #ffffff10;border-radius:var(--radius);padding:18px}.mcard+.mcard{margin-top:14px}.mcard>h3,.mcard>h2.mh{font-family:Kanit,sans-serif;font-weight:500;font-size:17px;margin-bottom:12px}.mcard .headrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.mcard .headrow h3{font-family:Kanit,sans-serif;font-weight:500;font-size:17px}.mcard .headrow a{color:var(--orange);font-size:13px}.couponrow{display:flex;gap:10px;flex-wrap:wrap}.couponrow .inp{flex:1;min-width:180px;height:var(--h-control);background:var(--field-bg);border:1px solid var(--line);border-radius:var(--r-field);color:var(--text);font-family:ui-monospace,monospace;font-size:15px;letter-spacing:1px;padding:0 var(--field-pad)}.couponrow .inp:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--field-ring)}.couponrow .btn{height:var(--h-control);flex:none}.note.r{color:#ff7d87}@media(max-width:420px){.couponrow .btn{width:100%}}.balancecard{position:relative;display:flex;align-items:center;gap:24px;flex-wrap:wrap;overflow:hidden;background:radial-gradient(420px 220px at 0% 0%,#ff8a1f40,transparent 70%),linear-gradient(135deg,#2a1a0e,#15120f 60%,#11141a);border:1px solid #ff8a1f40;border-radius:24px;padding:28px;margin-bottom:24px;box-shadow:0 30px 60px -36px #ff5e0080}.balancecard::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:1px solid #ff8a1f1f;pointer-events:none}.balancecard .blabel{display:flex;align-items:center;gap:6px;color:#ffc898;font-size:13px}.balancecard .blabel svg{width:16px;height:16px;stroke:#ffad60}.balancecard .bigbalance{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:40px;line-height:1.15;margin-top:6px;font-variant-numeric:tabular-nums}.balancecard .bcacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.balancecard .bcacts .btn{min-height:44px}.balancecard .spacer{flex:1;min-width:0}.overviewstatus{display:flex;gap:10px;position:relative;z-index:1}.overviewstatus>*{min-width:120px;text-align:left;padding:14px 16px;border-radius:16px;background:#00000040;border:1px solid #ffffff14}.overviewstatus>*:hover{border-color:#ff8a1f55}.overviewstatus strong{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:26px;line-height:1.2}.overviewstatus small{font-size:13px;color:#a3a9b6;white-space:nowrap}.accountcols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:22px;align-items:start}.accountcols .stack>*+*{margin-top:20px}.sechead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sechead h2{font-family:Kanit,sans-serif;font-weight:600;font-size:17px}.sechead a{color:var(--orange);font-size:13px;white-space:nowrap}.purchase{background:#11141a;border:1px solid #ffffff10;border-radius:20px;padding:22px;margin-bottom:14px;transition:border-color .2s}.purchase:hover{border-color:#ffffff1f}.purchasehead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff0d;padding-bottom:12px;margin-bottom:17px;font-size:12px;color:var(--muted)}.purchase .prow{display:flex;align-items:center;justify-content:space-between;gap:16px}.purchase .product{display:flex;align-items:center;gap:11px;min-width:0}.purchase .product .othumb{width:96px;height:60px;border-radius:12px;flex-shrink:0}.purchase .product .pinfo{min-width:0}.purchase .product b{display:block;font-family:Kanit,sans-serif;font-weight:500;font-size:17px;line-height:1.3}.purchase .product small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.purchase .product .cd{font-family:ui-monospace,monospace}.purchase .amount{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.purchaseactions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.purchaseactions .btn{min-width:130px;justify-content:center}.infoinline{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.infoinline .ihead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.infoinline h3{font-family:Kanit,sans-serif;font-weight:500;font-size:16px}.plabel{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.4;padding:4px 10px;border-radius:999px;white-space:nowrap;background:#303743;color:#c6d0df}.plabel.green{background:#2fd27a16;color:var(--green)}.plabel.orange{background:#ff8a1f18;color:#ffb46e}.plabel.red{background:#ff879216;color:#ff8792}.payopts{display:flex;gap:10px;margin-bottom:22px}.payopts button{flex:1;min-height:56px;display:flex;justify-content:center;align-items:center;gap:10px;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;color:var(--text);font-family:Kanit,sans-serif;font-weight:500;font-size:15px}.payopts button:hover{border-color:#627087}.payopts button.active{color:var(--orange);border-color:var(--orange);background:#ff8a1f17}.payopts svg{flex:none}.stepbar{display:flex;gap:12px;margin:0 0 22px;font-size:12px;color:var(--muted);flex-wrap:wrap}.stepbar span{display:flex;align-items:center;gap:6px}.stepbar i{font-style:normal;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex:none}.stepbar .done{color:var(--orange)}.stepbar .done i{background:#ff8a1f17;border-color:#8b5429}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.amounts button{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;min-height:44px;padding:9px 14px;color:var(--text);font-weight:600}.amounts button:hover{border-color:#627087}.amounts button.selected{color:var(--orange);border-color:var(--orange);background:#ff8a1f17}.amounts button:disabled{opacity:.45;cursor:not-allowed}.biginput{font-size:24px;text-align:left;width:100%;background:var(--field-bg);border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-height:56px;color:var(--text);font-family:Kanit,sans-serif}.actionfooter{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.safety{font-size:12px;color:var(--muted);margin-top:20px;display:block}.fileinput{display:block;border:1px dashed #647084;border-radius:9px;padding:20px;margin:12px 0 0;cursor:pointer;text-align:center;font-size:13px}.fileinput:hover{border-color:var(--orange);color:var(--orange)}.payopts .paylogo{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none}.bankpanel{background:#ffffff08;border-radius:16px;padding:16px 18px;margin-top:14px}.bankpanel+.bankpanel{margin-top:12px}.bankhead{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.bankhead .blogo{position:relative;width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:Kanit,sans-serif;font-weight:600;font-size:14px;color:#fff;letter-spacing:.5px;overflow:hidden}.bankhead .blogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bankhead b{display:block;font-family:Kanit,sans-serif;font-weight:500;font-size:15px;line-height:1.4}.bankhead small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.bankno{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:14px}.bankno .grow{flex:1;min-width:150px}.bankno .lbl{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.bankno .num{font-family:Kanit,sans-serif;font-weight:600;font-size:23px;line-height:1.25;letter-spacing:1.5px;font-variant-numeric:tabular-nums;word-break:break-all}@media(max-width:640px){.bankno .num{font-size:20px}}.fileinput input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fileinput{display:flex;flex-direction:column;align-items:center;gap:6px}.fileinput svg{width:26px;height:26px;color:var(--muted)}.fileinput b{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--text)}.fileinput small{color:var(--muted);font-size:12px}.fileinput:hover svg,.fileinput:hover b{color:var(--orange)}.fileinput:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ff8a1f22}.slippv{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.slippv img{width:96px;height:120px;object-fit:cover;border-radius:9px;border:1px solid var(--line);flex:none}.slippv b{font-size:13px;word-break:break-all}.qrbox{text-align:center}.qrbox .bigbalance{display:block;margin-top:4px}.qrbox #tqr{display:inline-grid;place-items:center;background:#fff;padding:14px;border-radius:6px;margin:14px auto 0;min-height:60px}.qrbox #tqr img,.qrbox #tqr canvas{display:block}.qrframe{display:inline-grid;justify-items:center;gap:8px}.qrwarn{max-width:260px;color:#d61f2b;font-size:12px;font-weight:700;line-height:1.35;text-align:center}.qrimg{position:relative;display:grid;place-items:center}.qrimg img,.qrimg canvas{display:block;width:100%;height:100%}.qrnote{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;max-width:88%;padding:4px 8px;border-radius:5px;background:#fffffff2;color:#d61f2b;font-size:12px;font-weight:700;line-height:1.3;text-align:center;word-break:break-word}.inp[readonly]{background:transparent;color:var(--muted);cursor:default}.inp[readonly]:focus{border-color:var(--line);box-shadow:none}.pendbox{border-color:#714321;background:#241d17;margin-bottom:20px}.pendrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #714321}.pendrow:last-child{border-bottom:0;padding-bottom:0}.pendrow .grow{flex:1;min-width:180px}.pendrow b{font-family:Kanit,sans-serif;font-weight:600;font-size:16px;display:block}.pendrow small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.wrow{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.wrow:first-child{padding-top:0}.wrow:last-of-type{border-bottom:0;padding-bottom:0}.wico{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--card2);color:var(--orange);flex:none}.wrow .grow{flex:1;min-width:0}.wrow b{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;display:block}.wrow small{display:block;color:var(--muted);font-size:12px;margin-top:2px;overflow-wrap:anywhere}.wend{text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wend b{font-family:Kanit,sans-serif;font-weight:600;font-size:15px}.wend b.ok{color:var(--green)}.wend small{color:var(--muted);font-size:12px}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line);font-size:12px;flex-wrap:wrap}@media(max-width:640px){.payopts{gap:8px}.payopts button{padding:10px 7px;font-size:12px;min-height:50px;flex-direction:column;gap:4px}.amounts{gap:8px}.amounts button{padding:8px;font-size:13px}.stepbar{gap:8px;font-size:12px;justify-content:space-between}.stepbar i{width:21px;height:21px}.actionfooter .btn{flex:1;justify-content:center}}.orditem{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.orditem:last-of-type{border-bottom:0}.orditem .product{display:flex;align-items:center;gap:11px;min-width:0}.orditem .product .ph{width:60px;height:46px;border-radius:9px;flex:none}.orditem .product .ph .ttl{display:none}.orditem .pinfo{min-width:0}.orditem .pinfo b{display:block;font-family:Kanit,sans-serif;font-weight:500;font-size:15px;line-height:1.35}.orditem .pinfo small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.orditem .amount{font-family:Kanit,sans-serif;font-weight:600;white-space:nowrap}.fieldrow{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.fieldrow:last-child{border-bottom:0}.fieldrow span:first-child{color:var(--muted)}.note{font-size:12px;color:var(--muted);margin-bottom:14px}.timeline{padding-left:20px;border-left:1px solid #414957;margin:10px 0 10px 7px}.timeline>div{position:relative;padding:0 0 20px}.timeline>div:last-child{padding-bottom:0}.timeline>div::before{content:"";position:absolute;left:-25px;top:5px;width:8px;height:8px;background:var(--orange);border-radius:50%}.timeline b{font-size:14px}.timeline p{font-size:12px;color:var(--muted);margin:4px 0 0}.emptyblock{text-align:center;padding:48px 24px}#recentlist+.mcard{margin-top:16px}.emptyblock .stateicon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.emptyblock h3{font-family:Kanit,sans-serif;font-weight:600;font-size:18px}.emptyblock p{max-width:400px;margin:8px auto 22px;color:#8a91a0;font-size:14px}.stateicon{width:64px;height:64px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a1f26,#ff8a1f0a);border:1px solid #ff8a1f33;color:var(--orange);border-radius:20px;margin:0 auto 18px}.emptyacts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.openclaim{padding:14px 0;border-bottom:1px solid var(--line)}.openclaim:first-of-type{padding-top:0}.openclaim:last-child{border-bottom:0;padding-bottom:0}.openclaim .crow{display:flex;align-items:center;justify-content:space-between;gap:10px}.openclaim .cd{font-family:ui-monospace,monospace;font-size:13px}.openclaim small{display:block;color:var(--muted);font-size:12px;margin:5px 0 10px}.compactlinks a{display:flex;align-items:center;gap:12px;padding:10px;margin:0 -10px;border-radius:14px;font-size:14px}.compactlinks a+a{margin-top:2px}.compactlinks a .ci{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff10;flex:none}.compactlinks a .ci svg{width:18px;height:18px;stroke:#ffad60;stroke-width:1.8}.compactlinks a .grow small{display:block;color:#8a91a0;font-size:13px;margin-top:1px}.compactlinks a:hover{background:#ffffff06;color:var(--text)}.compactlinks a:hover b{color:#ffad60}.compactlinks a b{font-family:Kanit,sans-serif;font-weight:500}.mlayout .tabs{gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:12px;scrollbar-width:none}.mlayout .tabs::-webkit-scrollbar{display:none}.mlayout .tabs a{border:0;background:transparent;border-radius:999px;color:var(--muted);padding:9px 14px;min-height:40px;display:inline-flex;align-items:center}.mlayout .tabs a.on{background:#ff8a1f17;color:var(--orange);font-weight:500}.mlayout .tabs a:hover{color:var(--text)}.mlayout .tabs a.on:hover{color:var(--orange)}.mlayout .mcard,.accountcols .mcard{border-radius:20px;padding:24px}.mlayout .mcard>h3,.accountcols .mcard>h3,.mlayout .mcard .headrow h3{font-size:17px;font-weight:600;margin-bottom:14px}.mlayout .mcard .headrow{margin-bottom:14px}.mlayout .btn,.accountcols .btn{border-radius:12px;box-shadow:none;padding:9px 16px;min-height:44px;font-size:14px}.btn.soft{background:#ffffff0a;border:1px solid #ffffff1c;color:var(--text);box-shadow:none;border-radius:12px}.btn.soft:hover{border-color:#ff8a1f66;color:#ffad60}.mlayout .btn.sm,.accountcols .btn.sm{min-height:32px;padding:5px 10px;font-size:12px}.mlist a{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid #ffffff0d;font-size:14px}.mlist a:first-child{border-top:0}.mlist a svg{stroke:var(--orange);flex-shrink:0}.mlist a:hover{color:var(--orange)}.mlist a .grow small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.dupnav{display:none}@media(max-width:900px){.dupnav{display:block}.mlist a.dupnav{display:flex}}.olist a{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.olist a:first-child{border-top:0}.olist a:hover{color:var(--text)}.olist .ph,.olist .othumb{width:44px;height:44px;border-radius:10px;flex-shrink:0}.olist .othumb.noimg svg{width:20px;height:20px}.olist .ph .ttl{display:none}.olist b{font-size:15px;display:block}.olist small{color:var(--muted);font-size:12px;display:block}.olist .cd{font-family:ui-monospace,monospace}.olist .oend{text-align:right;white-space:nowrap;margin-left:auto}.olist .oend .oprice{font-size:15px;margin-bottom:1px}.dot2{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--muted);margin-right:5px;vertical-align:middle}.dot2.ok{background:var(--green)}.dot2.go{background:var(--orange)}.dot2.wait{background:#ff4d5e}.othumb{width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--card2);display:grid;place-items:center}.othumb img{width:100%;height:100%;object-fit:cover}.othumb.noimg svg{width:28px;height:28px;fill:none;stroke:var(--muted);stroke-width:1.9}.oprice{font-family:Kanit,sans-serif;font-weight:700;font-size:22px;line-height:1.15;color:var(--orange)}.ostate{font-size:14px;color:var(--muted)}.ostate.ok{color:var(--green)}.ostate.go{color:var(--orange)}.ostate.wait{color:#ff6b7a}.srow{display:flex;gap:var(--sp3);align-items:center;margin-bottom:var(--sp4)}.srow input{flex:1}.tline{display:flex;gap:0;margin:16px 0 4px}.tline .tstep{flex:1;text-align:center;position:relative;font-size:12px;color:var(--muted)}.tline .tstep::before{content:"";position:absolute;top:11px;right:50%;width:100%;height:2px;background:var(--line)}.tline .tstep:first-child::before{display:none}.tline .tstep.done::before{background:var(--orange)}.tline .tstep i{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:var(--bg);display:grid;place-items:center;margin:0 auto 5px;position:relative;z-index:1;font-style:normal;font-size:12px}.tline .tstep.done i{background:var(--orange);border-color:var(--orange);color:#1a1205}.tline .tstep b{display:block;font-weight:500;color:var(--text)}.tline .tstep small{display:block;font-size:12px}.dlv{border:1px solid #2fd27a55;background:#2fd27a0f;border-radius:12px;padding:14px;margin-top:12px}.dlv h3{font-size:15px;font-family:Kanit,sans-serif;font-weight:500;margin-bottom:10px}.drow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:var(--card);border-radius:10px;padding:10px 12px;margin-bottom:8px}.drow .lbl{grid-column:1/-1;font-size:12px;color:var(--muted)}.drow code{font-size:14px;word-break:break-all;color:#fff;font-family:ui-monospace,monospace}.drow code.hide{color:transparent;text-shadow:0 0 7px #fff9;user-select:none}.drow .btn{padding:6px 12px;font-size:12px}.helprow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.helprow .btn{flex:1;justify-content:center;min-width:150px;padding:9px 14px;font-size:13px}.btn.warnline{border:1.5px solid #ffae4d;background:transparent;color:#ffae4d;box-shadow:none}.btn.warnline:hover{background:#ffae4d18}.btn.plain{border:1.5px solid #ffffffd9;background:transparent;color:#fff;box-shadow:none}.btn.plain:hover{background:#ffffff1f;border-color:#fff}.btn[disabled]{opacity:.5;pointer-events:none;box-shadow:none}.oacts .btn.pill{border:1.5px solid #ffae4d;background:#ffae4d1a;color:#ffae4d;box-shadow:none}.secbox{grid-column:1/-1;margin-top:12px;background:var(--field-bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.secbox.tight{margin-top:10px;background:none;border:0;padding:0}.secbox h3{font-family:Kanit,sans-serif;font-weight:500;font-size:16px;margin-bottom:12px}.cardlabel{font-size:12px;color:var(--muted);margin-bottom:8px}.copyfield{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0 14px}.copyfield code{font-size:13px;min-width:0;font-family:ui-monospace,monospace;color:var(--text);word-break:break-all}.cfbtns{display:flex;gap:8px;flex-shrink:0}.cfbtns .btn{gap:6px}.cfbtns svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}.secpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.copyok{display:flex;align-items:center;gap:7px;color:var(--green);font-size:13px;margin:-8px 0 12px}.copyok svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}.howto{margin-top:6px}.howto summary{color:var(--orange);font-size:13px;cursor:pointer;width:fit-content}.howto p{font-size:12px;color:var(--muted);margin-top:12px}.secacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.secacts .btn{flex:1;justify-content:center;white-space:nowrap;min-width:210px;padding:9px 14px;font-size:13px}.secnote{font-size:12px;color:var(--muted);margin-top:20px}.ovl{position:fixed;inset:0;background:#000a;backdrop-filter:blur(2px);z-index:60;display:grid;place-items:center;padding:20px;overflow:auto}.dlg{background:var(--card);border:1px solid var(--line);border-radius:18px;width:min(620px,100%);padding:22px;max-height:calc(100vh - 40px);overflow:auto}.dlg .dhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.dlg .dhead h2{font-size:28px;font-family:Kanit,sans-serif;font-weight:600;line-height:1.25}.dlg .dclose{color:var(--muted);font-size:22px;line-height:1;padding:4px}.dlg .dclose:hover{color:var(--text)}.dlg label{display:block;font-size:15px;color:#e6e8ee;margin-bottom:8px;margin-top:16px}.dlg .back{display:none}.clmhead{display:flex;gap:12px;align-items:center;background:var(--card2);border-radius:12px;padding:12px}.clmhead .ph{width:52px;height:52px;border-radius:10px;flex-shrink:0}.clmhead .ph .ttl{display:none}.clmhead b{font-size:15px;display:block}.clmhead small{display:block;color:var(--muted);font-size:13px}.clmhead .auto{color:var(--green);font-size:13px;margin-top:3px}.shots{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.shot{position:relative;width:96px;height:86px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.shot img{width:100%;height:100%;object-fit:cover}.shot button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000c;color:#fff;font-size:13px;line-height:1;display:grid;place-items:center}.addshot,.dlg label.addshot{width:96px;height:86px;border:1.5px dashed var(--line);border-radius:12px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--orange);font-size:13px;font-family:Kanit,sans-serif}.addshot:hover{border-color:var(--orange);background:#ff8a1f0f}.addshot svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.dlgacts{display:flex;gap:12px;margin-top:22px}.dlgacts .btn{flex:1;justify-content:center;min-height:50px;font-size:16px}.clmdone{text-align:center;padding:10px 0}.clmdone .big{width:56px;height:56px;border-radius:50%;background:#2fd27a22;color:var(--green);display:grid;place-items:center;margin:0 auto 12px}.clmdone .big svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9}.clmdone h2{font-size:22px;font-family:Kanit,sans-serif;font-weight:600;color:var(--green)}.clmdone .sub{color:var(--muted);font-size:14px;margin-top:6px}.ttabs{display:flex;gap:10px;margin-bottom:16px;overflow-x:auto}.ttabs button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:11px 20px;white-space:nowrap;font-family:Kanit,sans-serif;font-weight:500}.ttabs button.on{border-color:var(--orange);color:var(--orange);background:#ff8a1f12}.ttabs button svg{width:17px;height:17px}.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.amts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.amts button{border:1px solid var(--line);background:#12151c;border-radius:10px;padding:11px 0;font-family:Kanit,sans-serif;font-weight:500;font-size:15px}.amts button.on{border-color:var(--orange);color:var(--orange);background:#ff8a1f12}.amts button[disabled]{opacity:.4;cursor:not-allowed}.amtin{position:relative;display:block}.amtin input{font-family:Kanit,sans-serif;font-size:17px;padding-right:var(--sp6)}.amtin span{position:absolute;right:var(--field-pad);top:50%;transform:translateY(-50%);color:var(--muted);font-size:var(--fs-hint)}.angbox{text-align:center;padding:10px 0 16px}.angbox .emj{font-size:54px;line-height:1}.result{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.result .rr{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:14px}.result .rr b{font-family:Kanit,sans-serif;font-size:20px;color:var(--orange)}.thist{width:100%;border-collapse:collapse;font-size:13px}.thist th{text-align:left;color:var(--muted);font-weight:400;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}.thist td{padding:10px;border-bottom:1px solid var(--line)}.thist tr:last-child td{border-bottom:0}.thist .amt{font-family:Kanit,sans-serif;white-space:nowrap}.thist .amt.plus{color:var(--green)}.tscroll{overflow-x:auto}body.authmode footer{display:none}body.authmode #app{padding-top:0;padding-bottom:0}.authpage{position:relative;display:grid;grid-template-columns:44% 56%;max-width:1080px;margin:28px auto 40px;background:#11141a;border:1px solid #ffffff14;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px -40px #000,0 0 0 1px #ffffff06}.authart{position:relative;display:flex;flex-direction:column;padding:44px;min-height:640px;overflow:hidden;background:linear-gradient(160deg,#2a1c10,#14161c)}.authart img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:0}.authart::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#000000d9 0%,#00000073 45%,#00000000 100%)}.authart>*{position:relative;z-index:2}.artlogo{display:flex;align-items:center;gap:10px;margin-bottom:26px}.artlogo img{width:36px;height:36px;border-radius:10px;object-fit:cover}.artlogo b{font-family:Kanit,sans-serif;font-weight:800;font-size:19px;letter-spacing:.3px;text-transform:uppercase}.artlogo b span{color:var(--orange)}.authart h2{font-family:Kanit,sans-serif;font-weight:700;font-size:38px;line-height:1.22;letter-spacing:-.01em;text-shadow:0 2px 12px #000a}.authart h2 span{color:var(--orange);display:block}.authart p{color:#cfd3dc;font-size:14px;margin-top:10px;text-shadow:0 2px 10px #000a}.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;padding-top:0}.perks div{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:14px;font-size:12px;color:#cfd3dc;background:#0000004d;border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.perks b,.perks span{display:block;white-space:nowrap;font-weight:400}.perks b{color:#fff;font-weight:500}.perks svg{width:22px;height:22px;stroke:var(--orange);stroke-width:1.8;margin-bottom:6px}.authform{padding:52px 52px 44px;min-width:0;overflow-x:hidden}.authform *{min-width:0;max-width:100%;box-sizing:border-box}.authform h1{font-family:Kanit,sans-serif;font-size:28px;font-weight:600;line-height:1.3}.authform .sub{color:var(--muted);font-size:14px;margin:4px 0 24px}.ssohint{font-size:13px;color:#a3a9b6;margin:12px 0 0;text-align:center}.ssonote{font-size:12px;color:#8a91a0;line-height:1.65;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#ffffff05;border:1px solid #ffffff0d}.ssonote a{color:var(--orange);text-decoration:underline}.ssonote b{color:var(--text);font-weight:600}.ssohint a{color:var(--orange);text-decoration:underline}.reftoggle{margin:16px 0 0}.reftoggle .link{background:none;border:0;padding:0;color:var(--orange);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.reftoggle .link{min-height:32px;padding:0 4px;margin:-8px -4px}.authform label{display:block;font-size:var(--fs-label);color:#cfd3dc;margin:var(--sp4) 0 var(--sp2)}.authform .btn{width:100%;justify-content:center;margin-top:22px;min-height:52px;border-radius:14px;font-size:16px}.authmini{display:none;text-align:center;margin-bottom:6px}.authmini img.cat{width:140px;height:140px;object-fit:contain;margin:0 auto;display:block}.authmini .artlogo{justify-content:flex-start;margin-bottom:8px}.authmini .artlogo img{width:30px;height:30px}.authmini .artlogo b{font-size:17px}.authart img.bg.fallback{object-fit:contain;object-position:center;padding:16%;opacity:.92}.hand{display:block;font-family:Itim,Kanit,cursive;font-size:19px;color:var(--orange);line-height:1.45;margin-top:2px}.authform .foot{display:block;text-align:center;font-size:13px;color:var(--muted);margin-top:16px}.authform .foot a{color:var(--orange)}.authform .err{background:#ff4d5e1f;border:1px solid #ff4d5e55;color:#ffb3ba;border-radius:10px;padding:9px 12px;font-size:12px;margin-top:14px}.authform .ok2{background:#2fcf741f;border:1px solid #2fcf7455;color:#a7f0c4;border-radius:10px;padding:9px 12px;font-size:12px;margin-top:14px}.authform .row2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:12px}.authform .row2 a{color:var(--orange)}.hint{font-size:12px;color:var(--muted);margin-top:5px}.tick,.authform label.tick{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#cfd3dc;margin-top:16px;line-height:1.5;cursor:pointer}.tick input[type=checkbox],.accept input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.tick>span,.accept>span{flex:1;position:relative;padding-left:52px;min-height:26px;padding-top:2px}.tick>span::before,.accept>span::before{content:"";position:absolute;left:0;top:1px;width:40px;height:24px;border-radius:999px;background:var(--line);border:1px solid #3a4152;transition:background .15s,border-color .15s}.tick>span::after,.accept>span::after{content:"";position:absolute;left:3px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.tick input:checked+span::before,.accept input:checked+span::before{background:#14532d;border-color:var(--green)}.tick input:checked+span::after,.accept input:checked+span::after{transform:translateX(16px);background:var(--green)}.tick input:focus-visible+span::before,.accept input:focus-visible+span::before{outline:2px solid var(--orange);outline-offset:2px}.tick a{color:var(--orange);text-decoration:underline}.backshop{position:absolute;top:16px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:6px;color:#e7e9ee;font-size:13px;background:#00000059;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px}.backshop:hover{background:#00000080;color:#fff}.legal{max-width:780px;margin:0 auto}.legal h2{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;margin:22px 0 8px;color:var(--orange)}.legal p,.legal li{font-size:14px;color:#cfd3dc;line-height:1.75}.legal ul,.legal ol{margin:6px 0 0 20px}.legal li{margin-bottom:5px}.guidegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}@media(max-width:640px){.guidegrid{grid-template-columns:1fr}}.guidecard{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;transition:border-color .15s}.guidecard:hover{border-color:var(--orange)}.guidecard b{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;line-height:1.45;color:var(--text)}.guidecard span{color:var(--muted);font-size:14px;line-height:1.65}.guidecard small{color:var(--orange);font-size:13px;margin-top:auto}.guide{margin-bottom:8px}.guide .page-h h1{font-size:24px;line-height:1.4}.guide h3{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;margin:22px 0 8px;color:var(--orange)}.guidelinks{display:flex;flex-direction:column;margin-top:12px;padding:6px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}.guidelinks b{font-family:Kanit,sans-serif;font-weight:600;font-size:15px;padding:8px 0 6px}.guidelinks a{display:block;min-height:44px;padding:11px 0;border-top:1px solid var(--line);color:var(--orange);font-size:14px;line-height:1.55}.guidelinks a:hover{text-decoration:underline}@media(max-width:1100px){.authpage{max-width:min(1040px,calc(100vw - 32px))}.authart,.authform{padding:30px}.authart h2{font-size:28px}.perks{gap:12px}}@media(max-width:900px){body.authmode header,body.authmode .msearch{display:none!important}.authpage{grid-template-columns:1fr;grid-template-rows:auto;max-width:480px;margin:12px auto 0;border-radius:20px}body.authmode #app{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.authart{display:none}.authform{padding:20px 20px calc(24px + env(safe-area-inset-bottom));overflow:visible}.authmini{display:block}.authmini img.cat{width:96px;height:96px}.authform.withhand>.sub{display:none}.backshop{top:12px;right:12px}.authform h1{font-size:24px}.mlayout{grid-template-columns:1fr;gap:0;margin-top:22px}.mside{display:none}.tgrid{grid-template-columns:1fr}.accountcols{grid-template-columns:1fr}.overviewstatus{display:none}.balancecard{gap:18px}}@media(max-width:640px){.amts{grid-template-columns:repeat(4,1fr);gap:8px}.amts button{padding:10px 0;font-size:14px}.helprow .btn{min-width:0;flex:1 1 100%}.mtitle{margin-bottom:20px}.mtitle h1{font-size:24px}.welcome h1{font-size:24px}.mtitle p{font-size:12px}.balancecard{padding:18px;gap:14px;margin-bottom:20px}.balancecard .bigbalance{font-size:30px}.balancecard .btn{margin-left:auto}.purchase{padding:16px}.purchase .product .othumb{width:68px;height:58px}.purchase .product b{font-size:15px}.purchase .product small{font-size:12px}.purchase .amount{font-size:15px}.purchasehead{font-size:12px;gap:8px}.purchase .prow{gap:12px}.purchaseactions{justify-content:stretch}.purchaseactions .btn{min-width:0;flex:1;font-size:12px}.emptyblock{padding:35px 18px}.emptyacts .btn{flex:1 1 100%;justify-content:center}body.authmode #app{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.authpage{margin-top:8px}.authform{padding:var(--sp5) var(--sp4) calc(var(--sp5) + env(safe-area-inset-bottom))}.ovl{padding:0;display:block;background:var(--bg)}.dlg{width:100%;min-height:100vh;max-height:none;border:0;border-radius:0;background:var(--bg);padding:16px 16px calc(104px + env(safe-area-inset-bottom))}.dlg .dclose{display:none}.dlg .back{display:flex;align-items:center;gap:6px;color:var(--text);font-size:15px}.dlg .dhead{justify-content:flex-start;flex-wrap:wrap}.dlg .dhead h2{font-size:24px}.dlgacts{flex-direction:column}.dlgacts .btn.plain{order:2}.dlgacts .btn:not(.plain){order:1}.secacts{gap:8px}.secacts .btn{min-width:0;flex:1 1 100%;white-space:normal;text-align:center;line-height:1.4;padding:11px 14px;font-size:13px;min-height:46px;height:auto}.secacts .btn svg{flex:none}.secpair{grid-template-columns:1fr}.copyfield code{font-size:12px}.copyfield{flex-wrap:wrap}.secbox{padding:12px 13px}.oprice{font-size:18px}}.casebox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13px}.casebox .grow{flex:1;min-width:140px}.cprev{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.cprev img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.cchat{display:flex;flex-direction:column;gap:10px;margin:14px 0}.cmsg{max-width:82%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:14px;white-space:pre-wrap}.cmsg small{display:block;color:var(--muted);font-size:12px;margin-top:4px;white-space:normal}.cmsg.me{align-self:flex-end;background:var(--orange);border-color:var(--orange);color:#1a1205}.cmsg.me small{color:rgba(26,18,5,.72)}.cmsg.sys{align-self:center;max-width:90%;background:var(--bg2);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;text-align:center;padding:5px 14px}.cmsg img{display:block;max-width:190px;border-radius:10px;margin-top:8px}.cmsg a{color:var(--orange);text-decoration:underline;overflow-wrap:anywhere}.cbtns{display:flex;flex-wrap:wrap;gap:8px;max-width:82%;margin:-2px 0 2px}.cbtn{background:var(--card);border:1px solid var(--orange);color:var(--orange);border-radius:999px;padding:10px 16px;font-size:13px;font-family:Kanit,sans-serif;font-weight:500;line-height:1.3;cursor:pointer;min-height:44px}.cbtn:hover:not(:disabled){background:var(--orange);color:#1a1205}.cbtn:disabled{opacity:.5;cursor:default}.chatstart{max-width:760px;margin:0 auto}.chatstart .btn{min-height:48px;justify-content:center}.crow{display:flex;gap:8px;align-items:flex-start;max-width:100%}.crow.me{justify-content:flex-end}.cav{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--bg3,var(--card));border:1px solid var(--line)}.cstack{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1 1 auto;max-width:min(78%,520px)}.crow.me .cstack{align-items:flex-end;max-width:min(78%,440px)}.netst{display:block;font-size:12px;color:var(--muted)}.netst.off{color:#ffae4d}.caselayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp4);align-items:start;margin-top:var(--sp4)}.casemain{min-width:0}.casechat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp3);margin-top:var(--sp4)}.casechat .cchat{max-height:60vh;min-height:220px;overflow:auto;margin:0 0 var(--sp3);padding-right:4px}.cwrap{display:flex;flex-direction:column;align-items:flex-start;max-width:70%}.cwrap.me{align-self:flex-end;align-items:flex-end}.cwrap .cmsg{max-width:100%}.cwrap .cmsg p{margin:0;white-space:pre-wrap;word-break:break-word}.cwho{color:var(--muted);font-size:12px;margin-top:4px}.cwho .failed{color:#ff8d97}.cmsg.sending{opacity:.6}.linkbtn{color:var(--orange);text-decoration:underline;font-size:12px;padding:0}.csys{display:flex;align-items:center;gap:var(--sp3);color:var(--muted);font-size:12px;margin:2px 0}.csys::before,.csys::after{content:"";flex:1;height:1px;background:var(--line)}.csys span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.cshots{display:flex;flex-wrap:wrap;gap:var(--sp2);margin-top:var(--sp2)}.cshot{width:84px;height:84px;padding:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--card2);flex:none}.cshot img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;margin:0;border-radius:0}.cshot:hover{border-color:var(--orange)}.casecard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp4);position:sticky;top:130px}.casecard h3{font-family:Kanit,sans-serif;font-size:17px;font-weight:600;margin-bottom:var(--sp3)}.casecard h4{font-family:Kanit,sans-serif;font-size:13px;color:var(--muted);font-weight:500;margin:var(--sp4) 0 var(--sp2)}.kvlist>div{display:flex;justify-content:space-between;gap:var(--sp3);padding:7px 0;border-top:1px solid var(--line);font-size:13px}.kvlist>div:first-child{border-top:0}.kvlist span{color:var(--muted);flex:none}.kvlist b{font-weight:500;text-align:right;word-break:break-word}.kvlist b.ostate{display:inline-flex;align-items:center;gap:6px}.quo{border-left:3px solid var(--line);padding:2px 0 2px var(--sp3);margin:0;color:#cfd3dc;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.caseacts{margin-top:var(--sp4);display:flex;flex-direction:column;gap:var(--sp2)}.pickprev{display:flex;gap:var(--sp2);flex-wrap:wrap;margin-top:var(--sp2)}.pshot{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:block}.pshot img{width:100%;height:100%;object-fit:cover;display:block}.pshot button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;font-size:12px;line-height:1;display:grid;place-items:center}.pshot button:hover{background:#ff4d5e}.lbox{position:fixed;inset:0;z-index:60;background:#000000e6;display:grid;place-items:center;padding:24px}.lbox img{max-width:min(100%,1100px);max-height:90vh;border-radius:12px;display:block}.lclose{position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:18px;display:grid;place-items:center}.lclose:hover{background:#ffffff33}.clmtabs{margin-top:var(--sp4)}.clmtabs b{font-weight:500;opacity:.7;margin-left:2px}.clmlist{display:flex;flex-direction:column;gap:var(--sp2)}.clmrow{display:grid;grid-template-columns:110px minmax(0,1.4fr) minmax(0,1fr) 110px 130px auto;align-items:center;gap:var(--sp3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-field);padding:var(--sp3) var(--sp4);font-size:13px}.clmrow:hover{border-color:var(--orange)}.clmrow .cid{font-family:Kanit,sans-serif;font-weight:500;color:var(--orange);display:inline-flex;align-items:center;gap:6px}.clmrow .cpd b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clmrow .cpd small,.clmrow .cdt{color:var(--muted);font-size:12px}.clmrow .cgo{color:var(--muted);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.clmrow:hover .cgo{color:var(--orange)}.clmrow .cgo svg{width:14px;height:14px;stroke-width:1.5}.mdot{background:#ff4d5e;color:#fff;font-size:12px;font-style:normal;font-family:Kanit,sans-serif;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);display:inline-grid;place-items:center;line-height:1;flex:none}.mdot.sm{min-width:8px;width:8px;height:8px;padding:0}.mside a{gap:10px}.mside a .grow{flex:1}@media(max-width:900px){.caselayout{grid-template-columns:1fr}.casecard{position:static;order:-1}.casechat .cchat{height:auto;max-height:none;min-height:0;overflow:visible}.cwrap{max-width:82%}.clmrow{grid-template-columns:1fr auto;gap:var(--sp2) var(--sp3);padding:var(--sp3)}.clmrow .cis,.clmrow .cdt{color:var(--muted);font-size:12px}.clmrow .cid{grid-column:1}.clmrow .cst{grid-column:2;grid-row:1;text-align:right}.clmrow .cpd{grid-column:1/-1}.clmrow .cis{grid-column:1}.clmrow .cdt{grid-column:2;text-align:right}.clmrow .cgo{display:none}}.tubal{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:14px;background:#11141a;border:1px solid #ff8a1f33}.tubal>svg{width:32px!important;height:32px!important;padding:7px;border-radius:10px;background:#ff8a1f17;color:#ffad60;stroke:#ffad60}.tubal small{display:block;font-size:12px;color:#8a91a0;line-height:1.2}.tubal b{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;line-height:1.2}.tubal:hover{border-color:#ff8a1f66}.payopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.payopts button{position:relative;justify-content:flex-start;gap:14px;min-height:72px;padding:12px 16px;text-align:left;background:#11141a;border:1px solid #ffffff12;border-radius:18px}.payopts button:hover{border-color:#ffffff2a}.payopts button.active{color:var(--text);border-color:var(--orange);background:linear-gradient(135deg,#ff8a1f1a,#11141a 70%);box-shadow:0 0 0 1px var(--orange) inset}.payopts button.active::after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1205' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;position:absolute;top:10px;right:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background-color:var(--orange);color:#1a1205;font-size:12px;font-weight:700}.payopts .paylogo,.payopts button>svg{width:36px!important;height:36px!important;border-radius:50%;flex:none}.payopts .pot{display:flex;flex-direction:column;min-width:0}.payopts .pot b{font-family:Kanit,sans-serif;font-weight:600;font-size:16px}.payopts .pot small{font-family:Sarabun,sans-serif;font-weight:400;font-size:13px;color:#8a91a0;margin-top:1px}.payopts button.active .pot b{color:#ffad60}.amounts button{font-family:Kanit,sans-serif;font-weight:600;font-size:16px;min-height:54px!important;border-radius:14px!important}.amounts button.selected{background:linear-gradient(180deg,#ff9b3d,#ff5e00)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px -12px #ff5e00}.amtwrap{position:relative}.amtwrap .biginput{padding-right:64px;font-weight:600}.amtwrap span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:Kanit,sans-serif;font-size:15px;color:#8a91a0;pointer-events:none}.btn.tugo{min-height:50px!important;padding:0 28px!important;font-size:16px!important;border-radius:14px!important}.timeline{counter-reset:tl;padding-left:0;border-left:0;margin:14px 0 4px}.timeline>div{counter-increment:tl;position:relative;padding:0 0 22px 46px}.timeline>div::before{content:counter(tl);left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ff8a1f17;border:1px solid #ff8a1f55;color:#ffad60;font-family:Kanit,sans-serif;font-size:13px;font-weight:600}.timeline>div:not(:last-child)::after{content:"";position:absolute;left:15px;top:34px;bottom:4px;width:1px;background:#ffffff1a}.timeline b{font-family:Kanit,sans-serif;font-weight:600;font-size:15px}.timeline p{font-size:13px;color:#8a91a0}.stepbar{gap:8px;padding:6px;border-radius:999px;background:#11141a;border:1px solid #ffffff10;width:max-content;max-width:100%}.stepbar span{height:32px;padding:0 14px 0 6px;border-radius:999px;font-family:Kanit,sans-serif;font-size:13px}.stepbar .done{background:#ff8a1f17}.stepbar .done i{background:var(--orange);border-color:transparent;color:#1a1205;font-weight:600}.thist th{font-size:13px;padding:10px 12px;border-bottom:1px solid #ffffff10}.thist td{padding:14px 12px;border-bottom:1px solid #ffffff0a}.thist tbody tr:hover td{background:#ffffff04}.thist .amt{font-weight:600}.wico{width:42px;height:42px;border-radius:13px;background:#ff8a1f12;border:1px solid #ff8a1f26}.btn.warnline{border:1px solid #ff8a1f40;background:#ff8a1f0d;color:#ffad60}.btn.warnline:hover{background:#ff8a1f1a;border-color:#ff8a1f80}.btn.plain{border:1px solid #ffffff1c;background:#ffffff0a;color:var(--text)}.btn.plain:hover{border-color:#ff8a1f66;color:#ffad60}.clmrow{background:#11141a!important;border:1px solid #ffffff10!important;border-radius:16px!important;padding:14px 18px!important}.clmrow:hover{border-color:#ff8a1f66!important}@media(max-width:640px){.payopts{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.payopts button{flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:86px;padding:12px 6px;gap:6px;border-radius:16px}.payopts .pot{align-items:center}.payopts .pot small{display:none}.payopts .pot b{font-size:14px}.payopts .paylogo,.payopts button>svg{width:30px!important;height:30px!important}.payopts button.active::after{top:6px;right:6px;width:18px;height:18px;font-size:12px}.amounts button{font-size:14px;white-space:nowrap;padding:0 4px!important;min-height:48px!important}}.hm-faq{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;border-radius:24px;background:#11141a;border:1px solid #ffffff0f}.hm-faqh{display:flex;align-items:center;gap:14px}.hm-faqi{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:#ff8a1f1a;color:#ffad60}.hm-faqi svg{width:22px;height:22px}.hm-faqh h2{font-size:20px;font-weight:600;line-height:1.3}.hm-faqh p{color:#7d8494;font-size:14px}.hm-faqq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hm-faqq a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff0d;font-size:14px;color:var(--text);transition:border-color .15s,color .15s}.hm-faqq a:hover{border-color:#ff8a1f55;color:#ffad60}.hm-faqb{display:flex;flex-direction:column;gap:8px}.hm-faqb .btn{justify-content:center;min-height:44px;padding:0 20px}.hlp{max-width:820px;margin:0 auto}.hlpq{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;margin-bottom:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.hlpq:focus-within{border-color:#ff8a1f88}.hlpq svg{width:18px;height:18px;flex:none;color:var(--muted)}.hlpq input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--text);font-size:15px}.hlpnone{padding:22px;text-align:center;color:var(--muted);border:1px dashed #ffffff1c;border-radius:var(--r-card)}.hlpmore{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#ff8a1f14,#ffffff05);border:1px solid #ff8a1f33}.hlpmore b{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:17px}.hlpmore span{color:var(--muted);font-size:14px}.hlpbtn{display:flex;gap:8px;flex-wrap:wrap}.hlpbtn .btn{min-height:44px;justify-content:center;align-items:center;padding:0 18px}.hlpguide{display:flex;align-items:center;gap:10px;margin-top:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);color:var(--muted);font-size:14px}.hlpguide svg{width:18px;height:18px;flex:none}.hlpguide b{color:var(--text);font-weight:500}.hlpguide:hover b{color:#ffad60}@media(max-width:1100px){.hm-faq{grid-template-columns:minmax(0,1fr)}.hm-faqb{flex-direction:row}.hm-faqb .btn{flex:1}}@media(max-width:420px){.hm-faqb{flex-wrap:wrap}.hm-faqb .btn{flex:1 1 auto}}@media(max-width:640px){.hm-faq{padding:18px;gap:16px}.hm-faqq{grid-template-columns:minmax(0,1fr)}.hlpbtn{width:100%}.hlpbtn .btn{flex:1 1 140px}}.hlp{position:relative;isolation:isolate}.hlp::before{content:"";position:absolute;left:50%;top:-40px;width:min(640px,100%);height:260px;transform:translateX(-50%);background:radial-gradient(closest-side,#ff8a1f26,transparent);pointer-events:none;z-index:-1}.hlp .page-h h1{background:linear-gradient(90deg,#fff 30%,#ffc58a);-webkit-background-clip:text;background-clip:text;color:transparent}.hlpq{transition:border-color .2s,box-shadow .2s}.hlpq:focus-within{box-shadow:0 0 0 4px #ff8a1f1f,0 12px 30px -16px #ff8a1f88}.hlpq:focus-within svg{color:#ffad60}@keyframes hlpUp{from{opacity:0;transform:translateY(14px)}}.hlp .faqlist{counter-reset:hq}.hlp .faqit{counter-increment:hq;position:relative;animation:hlpUp .45s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 45ms);transition:border-color .2s,transform .2s,box-shadow .2s,background .2s}.hlp .faqit summary::before{content:counter(hq,decimal-leading-zero);flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ffffff0a;color:var(--muted);font-size:13px;font-weight:600;transition:background .2s,color .2s}.hlp .faqit:hover{border-color:#ff8a1f55;transform:translateY(-2px);box-shadow:0 14px 30px -20px #ff8a1f99}.hlp .faqit:hover summary::before,.hlp .faqit[open] summary::before{background:#ff8a1f22;color:#ffad60}.hlp .faqit[open]{border-color:#ff8a1f44;background:linear-gradient(180deg,#ff8a1f0d,transparent 70%),var(--card)}.hlp .faqit::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#ffad60,#ff6a00);transform:scaleY(0);transition:transform .25s}.hlp .faqit[open]::after{transform:scaleY(1)}.hlp .faqit[open] summary::after{border-color:#ffad60}@keyframes hlpAns{from{opacity:0;transform:translateY(-6px)}}.hlp .faqit[open] .faqa{animation:hlpAns .3s ease-out;padding-left:56px}@keyframes hlpHit{0%,100%{box-shadow:0 0 0 0 #ff8a1f00}40%{box-shadow:0 0 0 6px #ff8a1f55}}.hlp .faqit.hit{animation:hlpUp .45s backwards,hlpHit 1.2s .5s 2}.hlpmore{position:relative;overflow:hidden}.hlpmore::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(105deg,transparent,#ffffff10 50%,transparent);transform:translateX(-120%) skewX(-12deg);animation:hlpSheen 6s ease-in-out 1.2s infinite;pointer-events:none}@keyframes hlpSheen{0%{transform:translateX(-120%) skewX(-12deg)}35%,100%{transform:translateX(320%) skewX(-12deg)}}.hlpbtn .btn{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.hlpbtn .btn:hover{transform:translateY(-2px)}.hlpguide{transition:border-color .2s,transform .2s}.hlpguide:hover{border-color:#ff8a1f55;transform:translateX(3px)}.hlpnone{animation:hlpUp .3s backwards}@media(max-width:640px){.hlp .faqit[open] .faqa{padding-left:16px}}@media(prefers-reduced-motion:reduce){.hlp .faqit,.hlp .faqit.hit,.hlp .faqit[open] .faqa,.hlpnone{animation:none}.hlpmore::after{display:none}.hlp .faqit:hover,.hlpbtn .btn:hover,.hlpguide:hover{transform:none}}svg.i1{width:1em;height:1em;flex:none;vertical-align:-.14em}.tstep i svg.i1,.stepbar i svg.i1{stroke-width:1.9;width:14px;height:14px}.foot .thanks svg.i1{color:var(--orange);fill:var(--orange);stroke:none}.queue-note .ic svg{width:16px;height:16px;margin-top:3px;color:#ffc233}.drop svg.i1{width:18px;height:18px;margin-right:6px;vertical-align:-.25em}.ok2 svg.i1,.linked svg.i1,.auto svg.i1{stroke-width:1.9}.btn{justify-content:center;min-height:44px;padding-top:0;padding-bottom:0}.btn.sm{min-height:38px}.btn.ghost{border-width:1px}.card .btn,.wpill .btn,.wbar .btn,.drow .btn,.hero-main .btn{min-height:0}.helprow{align-items:center}.hdots button,.hdots button:hover,.hdots button[aria-selected=true]{box-sizing:content-box;border:12px solid transparent;margin:-12px -4px;background-clip:padding-box}.sechead a,.headrow a,.casecard a.o{display:inline-block;padding:12px 0;margin:-12px 0}.cartbar{display:none}.summary .accepted{display:flex;align-items:center;gap:8px;margin:10px 0 4px;font-size:13px;color:#86efac}@media(max-width:1023px){.cartbar{display:flex;align-items:center;gap:12px;position:fixed;left:12px;right:12px;z-index:29;bottom:calc(88px + env(safe-area-inset-bottom));padding:10px 10px 10px 16px;border-radius:18px;background:#151922f2;border:1px solid #ff8a1f40;box-shadow:0 16px 40px -12px #000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .2s,transform .2s}.cartbar.off{opacity:0;transform:translateY(12px);pointer-events:none}.cartbar>div{display:flex;flex-direction:column;line-height:1.2;min-width:0}.cartbar small{font-size:12px;color:var(--muted)}.cartbar b{font-family:Kanit,sans-serif;font-size:20px;color:var(--orange)}.cartbar .btn{margin-left:auto;flex:none;max-width:64%;white-space:nowrap}}.hpav{position:relative;flex:none}.hpav img{width:42px;height:42px;border-radius:14px;background:#2a1c10;object-fit:contain;display:block}.hpav i{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2.5px solid #171a22}.hpt{flex:1;min-width:0}.hpt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--muted);flex:none;transition:background .15s,color .15s}.hpic:hover{background:#ffffff10;color:var(--text)}.hpic svg{width:19px;height:19px}.hpmsg{animation:hpPop .22s ease-out}@keyframes hpPop{from{opacity:0;transform:translateY(6px)}}.hptyping{display:flex;gap:4px;padding:14px 16px!important}.hptyping i{width:7px;height:7px;border-radius:50%;background:#8a91a0;animation:hpDot 1s infinite}.hptyping i:nth-child(2){animation-delay:.15s}.hptyping i:nth-child(3){animation-delay:.3s}@keyframes hpDot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.hpchips{display:flex;gap:6px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.hpchips::-webkit-scrollbar{display:none}.hpchips button{flex:none;height:36px;padding:0 14px;border-radius:999px;background:#ffffff08;border:1px solid #ffffff14;font-size:13px;color:var(--text);white-space:nowrap}.hpchips button:hover{border-color:#ff8a1f66;color:#ffad60}.hpin{padding:10px 12px 12px;border-top:1px solid #ffffff0d}.hpfield{display:flex;align-items:center;gap:6px;height:50px;padding:0 5px 0 16px;border-radius:999px;background:#0d1016;border:1px solid #ffffff17;transition:border-color .15s,box-shadow .15s}.hpfield:focus-within{border-color:#ff8a1f88;box-shadow:0 0 0 3px var(--field-ring)}.hpbox .hpfield input{flex:1;min-width:0;height:100%;padding:0;background:none;border:0;box-shadow:none;outline:0;color:var(--text);font:inherit;font-size:14px}.hpfield button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9e45,#ff6a00);color:#fff;flex:none;box-shadow:0 6px 16px -6px #ff6a00}.hpfield button svg{width:18px;height:18px;stroke-width:1.9}@media(prefers-reduced-motion:reduce){.hpmsg{animation:none}.hptyping i{animation:none}}.chatwin{max-width:780px;margin:0 auto;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#12151bf7;border:1px solid #ffffff1c;box-shadow:0 30px 70px -30px #000}.cwhead{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #ffffff10;background:radial-gradient(120% 140% at 0% 0%,#ff8a1f2b,transparent 60%),linear-gradient(180deg,#1a1d26,#14171e)}.cwhead .hpt b{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:15px;line-height:1.3}.cwsub{display:block;font-size:13px;color:#8a91a0}.cwhead .netst{display:inline;font-size:13px}.cwhead .netst.off{color:#ffae4d}.cwroom{margin-left:auto;font-size:12px;color:#8a91a0;white-space:nowrap}.cwline{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;background:#048537;color:#fff;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;flex:none}.cwline svg{width:16px!important;height:16px!important}.chatwin .cchat{margin:0;min-height:360px;max-height:62vh;overflow:auto;padding:18px 16px;gap:12px;background:none;border:0;border-radius:0}.chatwin .crow{animation:hpPop .22s ease-out}.chatwin .cav{width:30px;height:30px;border-radius:10px;background:#2a1c10;object-fit:contain}.chatwin .cmsg small{margin-top:6px}.chatwin .cmsg{background:#1d222c;border:1px solid #ffffff0d;border-radius:18px 18px 18px 6px;padding:10px 14px;line-height:1.6}.chatwin .cmsg.me{background:linear-gradient(180deg,#ff9b3d,#ff7a12);border:0;color:#1d1105;border-radius:18px 18px 6px 18px}.chatwin .cmsg.me small{color:rgba(29,17,5,.72)}.chatwin .cmsg.me a{color:#1d1105}.chatwin .cmsg small{font-size:12px;opacity:.9}.chatwin .cstack .cmsg{max-width:100%}.chatwin .cstack .cbtns{max-width:100%;margin:0}.chatwin .cmsg.sys{background:#ffffff08;border:1px solid #ffffff12}.cwform{padding:10px 12px 12px;border-top:1px solid #ffffff0d}.cwattachorder{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 4px 8px;font-size:13px;color:#a3a9b6}.cwform .pickprev{margin:0 4px 8px}.cwform .pickprev:empty{display:none}.cwfield{display:flex;align-items:flex-end;gap:6px;min-height:52px;padding:5px;border-radius:26px;background:#0d1016;border:1px solid #ffffff17;transition:border-color .15s,box-shadow .15s}.cwfield:focus-within{border-color:#ff8a1f88;box-shadow:0 0 0 3px var(--field-ring)}.chatwin .cwfield textarea,.casechat .cwfield textarea{flex:1;min-width:0;min-height:40px;max-height:140px;padding:9px 4px;background:none;border:0;box-shadow:none;outline:0;resize:none;color:var(--text);font:inherit;font-size:15px;line-height:1.45}.chatwin .cwfield textarea::placeholder,.casechat .cwfield textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwattach{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#a3a9b6;flex:none;transition:background .15s,color .15s}.cwattach:hover{background:#ffffff10;color:#ffad60}.cwattach svg.i1{width:20px;height:20px}.cwsend{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9e45,#ff6a00);color:#fff;flex:none;box-shadow:0 6px 16px -6px #ff6a00}.cwsend svg{width:18px;height:18px;stroke-width:1.9}.cwsend:disabled{opacity:.5}.cwnote{display:block;margin:8px 6px 0;font-size:12px;line-height:1.5;color:#8a91a0}.cwnote svg{vertical-align:-.2em;margin-right:4px}.cwfoot{max-width:780px;margin:10px auto 0;font-size:12px;text-align:center}@media(max-width:640px){.chatwin{border-radius:20px}.cwroom{display:none}.chatwin .cchat{height:calc(100dvh - 560px);min-height:220px;max-height:none}}@media(prefers-reduced-motion:reduce){.chatwin .crow{animation:none}}.casechat{padding:0;overflow:hidden;border-radius:24px;background:#12151bf7;border:1px solid #ffffff1c;box-shadow:0 30px 70px -30px #000}.casechat .cchat{margin:0;padding:18px 16px;min-height:240px;gap:12px}.casechat .cwrap{animation:hpPop .22s ease-out}.casechat .cmsg{background:#1d222c;border:1px solid #ffffff0d;border-radius:18px 18px 18px 6px;padding:10px 14px;line-height:1.6}.casechat .cmsg.me{background:linear-gradient(180deg,#ff9b3d,#ff7a12);border:0;color:#1d1105;border-radius:18px 18px 6px 18px}.casechat .cmsg.me a{color:#1d1105}.casechat .cwho{margin:4px 6px 0}.casemain .tline{padding:18px 12px 14px;border-radius:20px;background:radial-gradient(120% 160% at 0% 0%,#ff8a1f14,transparent 60%),#12151b;border:1px solid #ffffff12;margin:0}.casemain .tline .tstep i{box-shadow:0 0 0 4px #12151b}.casecard{border-radius:22px;background:radial-gradient(120% 120% at 100% 0%,#ff8a1f14,transparent 55%),#12151b;border:1px solid #ffffff14}.casecard .kvlist>div{padding:9px 0;border-bottom:1px solid #ffffff0a}.casecard .kvlist>div:last-child{border-bottom:0}@media(prefers-reduced-motion:reduce){.casechat .cwrap{animation:none}}.ohero{padding:20px 22px;border-radius:24px;background:radial-gradient(120% 160% at 0% 0%,#ff8a1f1f,transparent 60%),#12151b;border:1px solid #ffffff14;flex-wrap:nowrap;gap:16px}.ohero .ohic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;background:#ff8a1f1f;color:#ffad60}.ohero.green .ohic{background:#22c55e1f;color:#4ade80}.ohero.red .ohic{background:#fb71851f;color:#fb7185}.ohero .ohic svg.i1{width:26px;height:26px;stroke-width:1.9}.ohero .ohtx{flex:1;min-width:0}.ohright{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.ohamt{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;line-height:1.2;color:var(--text)}.orderpage .mcard{border-radius:22px;background:radial-gradient(120% 120% at 100% 0%,#ff8a1f0f,transparent 55%),#12151b;border:1px solid #ffffff14}.orderpage .mcard>h3{font-size:17px;font-weight:600}.orderpage .orditem .product .ph{border-radius:14px}.orderpage .fieldrow{border-bottom-color:#ffffff0a}.orderpage .fieldrow:last-of-type{border-bottom:0}.orderpage .secacts .btn.plain{border-radius:14px;min-height:48px}@media(max-width:640px){.ohero{flex-wrap:wrap;padding:16px}.ohero .ohic{width:44px;height:44px;border-radius:14px}.ohright{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding-top:12px;border-top:1px solid #ffffff0d}}.hpB{background:#0f1218f7;height:min(700px,calc(100vh - 120px))}.hpB .hpbody{padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column}.hpscroll{flex:1;min-height:0;overflow-y:auto}.hppad{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.hppad>*{flex:none}.hphero{padding:18px 18px 64px;background:linear-gradient(160deg,#ff9e45,#ff5e00 58%,#c2410c);color:#1d1105}.hptop{display:flex;align-items:center;gap:10px}.hptop img{width:32px;height:32px;border-radius:10px;background:#ffffff40;object-fit:contain}.hptop b{flex:1;font-family:Kanit,sans-serif;font-weight:600;font-size:15px}.hptop .hpic{color:#1d1105}.hptop .hpic:hover{background:#00000014;color:#1d1105}.hphero h2{margin-top:16px;font-family:Kanit,sans-serif;font-weight:700;font-size:26px;line-height:1.25}.hphero p{margin-top:4px;font-size:14px;color:#3b1a07}.hpcards{margin-top:-46px;padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.hpcard{display:block;background:#171b23;border:1px solid #ffffff14;border-radius:18px;padding:14px;box-shadow:0 14px 30px -18px #000;color:var(--text)}.hpsearch{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:#0d1016;border:1px solid #ffffff17;color:#8a91a0;transition:border-color .15s,box-shadow .15s}.hpsearch:focus-within{border-color:#ff8a1f88;box-shadow:0 0 0 3px var(--field-ring)}.hpbox .hpsearch input{flex:1;min-width:0;height:100%;padding:0;background:none;border:0;box-shadow:none;outline:0;color:var(--text);font:inherit;font-size:14px}.hpcard h3{margin:14px 2px 2px;font-size:13px;font-weight:500;color:#8a91a0}.hprow{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 2px;border-bottom:1px solid #ffffff0a;text-align:left;font-size:14px;color:var(--text)}.hprow:last-child{border-bottom:0}.hprow span{flex:1}.hprow svg{width:16px;height:16px;color:#5b6372;transition:transform .15s,color .15s}.hprow:hover{color:#ffad60}.hprow:hover svg{color:#ffad60;transform:translateX(2px)}.hptalk{display:flex;align-items:center;gap:12px;transition:border-color .2s}.hptalk:hover{border-color:#ff8a1f55}.hptalk>img{width:42px;height:42px;border-radius:50%;background:#2a1c10;object-fit:contain}.hptalk div{flex:1;min-width:0}.hptalk b{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:15px}.hptalk small{color:#8a91a0;font-size:13px}.hpgo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9e45,#ff6a00);color:#fff;flex:none}.hpgo svg{width:18px;height:18px}.hplogo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#06c755;flex:none}.hptalk.ln .hpgo{background:#048537}.hpchead{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-bottom:1px solid #ffffff10;background:radial-gradient(120% 140% at 0% 0%,#ff8a1f2b,transparent 60%),linear-gradient(180deg,#1a1d26,#14171e)}.hpchead .hpt b{display:block;font-family:Kanit,sans-serif;font-weight:600;font-size:15px;line-height:1.3}.hpchead .hpt small{display:block;color:#8a91a0;font-size:13px}.hpmsgs{padding:16px;display:flex;flex-direction:column;gap:12px}.hpacc{border-radius:14px;background:#ffffff06;border:1px solid #ffffff10}.hpacc summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;cursor:pointer;list-style:none;font-family:Kanit,sans-serif;font-size:14px}.hpacc summary::-webkit-details-marker{display:none}.hpacc summary::after{content:"";margin-left:auto;width:8px;height:8px;flex:none;border-right:2px solid #8a91a0;border-bottom:2px solid #8a91a0;transform:rotate(45deg) translateY(-2px);transition:transform .15s}.hpacc[open]{border-color:#ff8a1f44}.hpacc[open] summary::after{transform:rotate(-135deg) translateY(-2px);border-color:#ffad60}.hpacc p{padding:0 14px 14px;color:#c6ccd6;font-size:14px;line-height:1.65}.hptabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff10;background:#12151b;flex:none}.hptabs button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 10px;font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:#8a91a0}.hptabs button svg{width:20px;height:20px}.hptabs button.on{color:#ffad60}.hptabs button:hover{color:var(--text)}