@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--bg:#10100f;--surface:#1b1b19;--line:#33322d;--muted:#a5a399;--text:#faf7ef;--accent:#e5bd6e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{transition:.2s}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.topline{padding:10px max(5%,calc((100vw - 1240px)/2));background:#e5bd6e;color:#17220e;font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;justify-content:space-between}.topline span{letter-spacing:0;font-weight:500}header{max-width:1240px;margin:auto;display:flex;align-items:center;height:98px;gap:45px}.brand{display:flex;align-items:center;font-weight:800;letter-spacing:1.1px;font-size:22px;gap:6px}.brand-light{font-weight:400;color:#a6a7af;font-size:19px}.mark{background:var(--accent);color:#13180c;border-radius:10px;font-size:31px;padding:0 10px;margin-right:4px}nav{display:flex;gap:30px;align-items:center;margin-left:auto;color:#a2a3ad;font-size:12px}nav .active{color:var(--accent)}.textbtn{border:0;background:none;color:inherit;padding:0}.cartbtn{background:#1d1f28;border:1px solid #363742;color:white;padding:12px 15px;border-radius:9px;display:flex;gap:10px;align-items:center}.cartbtn b{background:var(--accent);color:#17200d;border-radius:5px;padding:3px 6px;font-size:10px}main{max-width:1240px;margin:auto}.hero{min-height:420px;overflow:hidden;border:1px solid #34303f;border-radius:18px;background:radial-gradient(ellipse at 78% 50%,#422370 0,transparent 53%),#191625;display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-copy{padding:48px;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;border-radius:100%;background:var(--accent)}h1{font-size:48px;line-height:1.23;letter-spacing:-2px;margin:23px 0 18px}h1 em{color:var(--accent);font-style:normal}.hero p{font-size:13px;color:#b2acbf;line-height:1.8}.primary{display:inline-flex;justify-content:center;align-items:center;gap:40px;background:var(--accent);border:0;color:#17200b;border-radius:8px;padding:15px 20px;font-size:12px;font-weight:700}.primary:hover{background:#f4d79c;transform:translateY(-1px)}.hero .primary{margin-top:13px}.hero-notes{display:flex;gap:22px;color:#aaa5b4;font-size:10px;margin-top:26px}.hero-art{position:relative;display:grid;place-items:center}.orbit{position:absolute;width:360px;height:360px;border:1px solid #af8ce82b;border-radius:100%;transform:rotate(-28deg) scaleY(.62)}.o2{width:470px;height:470px}.o3{width:550px;height:550px}.gem{width:195px;height:195px;transform:rotate(-14deg);filter:drop-shadow(0 0 35px #b06fff80);background:linear-gradient(135deg,#fcf0ff 0%,#d7aaff 24%,#7c42d2 25%,#e5c8ff 49%,#a16cea 50%,#583291 75%,#c59bf6 76%);clip-path:polygon(24% 5%,77% 5%,100% 35%,50% 100%,0 35%)}.gem div{height:100%;background:linear-gradient(60deg,transparent 50%,#faf3ff60 51%,transparent 52%);clip-path:polygon(24% 5%,50% 100%,77% 5%)}.float-label{position:absolute;border:1px solid #9c84bf50;background:#2b223fc9;backdrop-filter:blur(8px);padding:15px 20px;border-radius:10px;font-weight:800;letter-spacing:1px;box-shadow:0 15px 25px #0003}.float-label span{display:block;color:#bbb0cf;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:6px}.l1{left:34px;top:70px;transform:rotate(-8deg)}.l2{right:38px;bottom:85px;transform:rotate(8deg)}.star{position:absolute;color:#d7bdff}.s1{right:100px;top:70px;font-size:35px}.s2{left:80px;bottom:90px;font-size:25px}.art-caption{position:absolute;bottom:35px;font-size:8px;letter-spacing:3px;color:#bdb0d1}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:23px 0 54px}.category{background:#171820;border:1px solid var(--line);color:white;border-radius:11px;padding:19px 16px;display:flex;gap:13px;text-align:left;align-items:center}.category:hover,.category.selected{border-color:#677b46;background:#1c211b}.category i{font-style:normal;font-size:22px;width:42px;height:42px;display:grid;place-items:center;border-radius:10px}.purple{background:#352644;color:#cca1ff}.blue{background:#20344c;color:#83b9ff}.orange{background:#3f2c20;color:#ffc17c}.green{background:#233a31;color:#7fe3ae}.category b{font-size:11px}.category small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.category>span{margin-left:auto;color:#767882}.section-title{display:flex;align-items:center;justify-content:space-between}h2{font-size:27px;letter-spacing:-.8px;margin:13px 0 22px}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 15px;width:300px;color:var(--muted)}.search span{font-size:22px;line-height:15px}.search input{background:none;border:0;outline:0;color:white;width:100%;font-size:11px}.filterbar{display:flex;align-items:center;justify-content:space-between;margin:5px 0 24px}.tabs{display:flex;gap:8px}.tabs button{background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);padding:10px 17px;font-size:11px}.tabs .selected{background:var(--accent);color:#1a240e;font-weight:600}select{background:#171820;color:#aeb0bb;border:1px solid var(--line);padding:10px;border-radius:6px;font-size:10px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.product{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.product:hover{transform:translateY(-4px);border-color:#605070}.product-art{height:164px;position:relative;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.product-art:after{content:'◇';position:absolute;right:14px;top:12px;font-size:155px;line-height:1;transform:rotate(-15deg);opacity:.25}.art-lq{background:radial-gradient(at 90% 100%,#426b98,transparent 70%),#172f4a}.art-ff{background:radial-gradient(at 90% 100%,#b86934,transparent 70%),#402c25}.art-card{background:radial-gradient(at 90% 100%,#456c5b,transparent 70%),#203731}.product-art small{font-size:8px;letter-spacing:1px;color:#ddd;z-index:1}.product-art strong{font-size:24px;line-height:1.05;letter-spacing:-.6px;max-width:150px;font-weight:800;z-index:1}.product-art strong span{display:block;font-size:10px;letter-spacing:4px;margin-top:7px;font-weight:500}.product-body{padding:18px}.product-type{color:var(--muted);font-size:9px}.product h3{font-size:13px;margin:8px 0 18px}.product-bottom{display:flex;align-items:center;justify-content:space-between}.price small{font-size:9px;color:var(--muted);display:block;margin-bottom:5px}.price b{font-size:17px;color:var(--accent)}.choose{background:#262a20;border:1px solid #465136;color:var(--accent);font-size:11px;padding:10px 13px;border-radius:7px}.choose:hover{background:var(--accent);color:#142009}.catalog-note{color:#797c8b;font-size:10px;margin:20px 0 45px}.how{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px}.how h2{font-size:25px;margin-bottom:0}.how article>b{color:#737d60;font-size:26px;font-weight:500}.how h3{font-size:13px;margin:12px 0}.how p{color:var(--muted);font-size:11px;line-height:1.9}.faq{max-width:790px;margin:50px auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:12px}details p{color:var(--muted);font-size:12px;line-height:1.8}footer{max-width:1240px;margin:auto;padding:30px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:25px}footer .brand{font-size:16px}footer .brand-light{font-size:14px}footer .mark{font-size:22px}footer p{color:var(--muted);font-size:11px}footer small{margin-left:auto;color:#737580;font-size:9px}dialog{background:#1a1b25;color:white;border:1px solid #3b3d49;border-radius:16px;padding:32px;width:min(530px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#aaa;font-size:28px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.options button{border:1px solid #454752;border-radius:7px;color:white;background:#232532;padding:14px 4px;font-size:12px}.options button.selected{border-color:var(--accent);color:var(--accent);background:#2c3425}.notice{background:#292b23;border:1px solid #4a5135;color:#c4ccae;padding:14px;border-radius:8px;line-height:1.8;font-size:11px}.full{width:100%;margin-top:12px}.detail-price{color:var(--accent);font-size:26px;font-weight:700}.total{display:flex;justify-content:space-between;margin:25px 0;font-size:15px}.total b{color:var(--accent)}.cart-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between}.cart-row b{font-size:12px}.cart-row small{display:block;color:var(--muted);font-size:11px;margin:7px 0}.qty{display:flex;align-items:center;gap:14px}.qty button{border:1px solid #454752;background:#232532;color:white;border-radius:5px;min-width:28px;height:28px}.remove{font-size:10px;border:0;background:none;color:#e3a5a5;padding:0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--accent);color:#152208;padding:15px 23px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:40px 0;text-align:center;color:var(--muted);grid-column:1/-1}dialog p{line-height:1.8;font-size:12px;color:#b7b8c6}@media(max-width:1300px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:900px){header{gap:20px}nav{gap:15px}.hero-copy{padding:32px}h1{font-size:37px}.l1{left:0}.l2{right:8px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(3,1fr)}.how{grid-template-columns:1fr 1fr}.hero-notes{gap:12px;font-size:9px}footer small{margin-left:0}}@media(max-width:600px){.topline{font-size:8px;letter-spacing:1px}.topline span{font-size:8px;max-width:220px;text-align:right}header{height:80px;justify-content:space-between}.brand{font-size:17px}.brand-light{font-size:14px}nav{display:none}.cartbtn{padding:9px}.cartbtn>span{display:none}.hero{grid-template-columns:1fr;min-height:560px}.hero-copy{padding:28px 24px}.hero h1{font-size:37px;margin-top:20px}.hero p{font-size:11px}.hero-art{height:230px;margin-top:-15px}.gem{width:140px;height:140px}.l1{left:18px;top:20px;font-size:11px}.l2{right:18px;bottom:45px;font-size:11px}.art-caption{bottom:18px;font-size:7px}.s1{right:35px;top:0}.s2{left:35px;bottom:30px}.orbit{height:210px;width:300px}.o2{width:400px;height:300px}.o3{display:none}.hero-notes{margin-top:20px}.categories{gap:10px;margin:16px 0 35px}.category{padding:13px 10px;gap:9px}.category i{width:32px;height:34px;font-size:17px}.category b{font-size:9px}.category small{font-size:8px}.category>span{display:none}.section-title{display:block}.search{width:100%;margin-bottom:20px}.section-title h2{font-size:25px}.filterbar{display:block}.tabs{gap:4px;justify-content:space-between}.tabs button{padding:9px 11px;font-size:10px}select{margin-top:15px;width:100%}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-art{height:140px;padding:15px}.product-art strong{font-size:20px}.product-art:after{font-size:125px;right:0;top:30px}.product-body{padding:13px}.product h3{font-size:11px;line-height:1.5;min-height:33px}.price b{font-size:14px}.choose{padding:8px;font-size:9px}.how{gap:20px;padding:30px 0}.how>div{grid-column:1/-1}.how article:last-child{grid-column:1/-1}.how h2 br{display:none}.faq{margin:35px 0}.faq h2{font-size:23px}footer{gap:12px}footer small{line-height:1.8}.desktop{display:none}dialog{padding:28px 20px}.toast{width:85%;text-align:center}}

/* Trương Thúc Store identity */
.brand{font-size:18px;gap:12px;letter-spacing:.7px;white-space:nowrap}.brand-logo{width:49px;height:49px;object-fit:contain;border-radius:10px;background:#fff}.brand small{display:block;font-size:8px;letter-spacing:2.1px;color:var(--accent);margin-top:6px;font-weight:500}.hero{background:radial-gradient(ellipse at 80% 50%,#66502b 0,transparent 60%),#201e19;border-color:#4c4130}.hero p,.hero-notes{color:#bfb8a9}.orbit{border-color:#e4be6c25}.logo-showcase{width:245px;height:245px;border:6px solid #ffffff14;border-radius:28px;transform:rotate(-7deg);box-shadow:0 25px 80px #0008;overflow:hidden;background:#fff}.logo-showcase img{width:100%;height:100%;object-fit:contain}.float-label{background:#28241de8;border-color:#ae8d5059;z-index:2}.float-label span,.art-caption{color:#d0bd96}.star{color:#edca83}.category{background:var(--surface)}.category:hover,.category.selected{border-color:#a78a51;background:#29251c}.purple{background:#413723;color:#efd096}.choose{background:#302a1e;border-color:#685532}.product:hover{border-color:#907646}.how article>b{color:#b99758}select,.cartbtn{background:#23221e}dialog{background:#1d1d1a;border-color:#4b463b}.options button,.qty button{background:#2a2924}.options button.selected{background:#39301f}.notice{background:#2b281f;border-color:#51462e;color:#d8c8a6}.secondary{border:1px solid var(--line);background:transparent;color:var(--text);padding:13px;border-radius:8px}.field{display:grid;gap:9px;margin:18px 0;font-size:12px;color:#d7d1c4}.field input,.field select{width:100%;background:#121310;border:1px solid #49463c;color:#fff;padding:13px;border-radius:8px;font-size:13px}.form-error{color:#ffb4a9!important}.payment-status{display:inline-block;border:1px solid #685532;border-radius:6px;padding:10px;color:var(--accent);font-size:11px}#order-review{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}#review-products p{padding:8px 0;margin:0;border-bottom:1px solid var(--line)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.brand:hover{color:var(--accent)}
@media(max-width:900px){header{gap:15px}.brand{font-size:15px}nav{gap:13px;font-size:10px}.logo-showcase{width:210px;height:210px}}
@media(max-width:600px){.brand{font-size:13px;gap:8px}.brand small{font-size:7px;letter-spacing:1.3px}.brand-logo{width:40px;height:40px}.logo-showcase{width:160px;height:160px;border-width:3px;border-radius:18px}.l1{top:4px}.l2{bottom:28px}.art-caption{bottom:5px}.hero-art{margin-top:0;margin-bottom:12px}.product-bottom{flex-wrap:wrap;gap:12px}.choose{width:100%}footer .brand{font-size:14px}}
.product-logo{display:block;width:180px;max-width:100%;height:76px;object-fit:contain;object-position:left center}.product-art strong:has(.product-logo){max-width:100%}.logo-ff{border-radius:5px}.game-category img{width:100%;height:100%;object-fit:contain}.accountbtn{background:transparent;color:var(--accent);border:1px solid #685532;padding:12px;border-radius:8px;font-size:11px}.account-tabs{display:flex;gap:8px;margin:20px 0}.account-tabs button{flex:1;border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px;border-radius:8px}.account-tabs .selected{background:var(--accent);color:#18160f}.member-badge{display:inline-block;background:#23382c;color:#b8e8bb;padding:8px 12px;border-radius:30px;font-size:11px}.account-note{font-size:11px!important;color:var(--muted)!important}.signout{display:block;text-align:center}#account-message{color:var(--accent)}[hidden]{display:none!important}header{gap:20px}nav{gap:18px}.field input:read-only{color:var(--muted);background:#26251f}
@media(max-width:900px){header nav{display:none}.accountbtn{margin-left:auto}}@media(max-width:600px){header{flex-wrap:wrap;height:auto;padding:16px 0;gap:10px}.brand{margin-right:auto}.accountbtn{font-size:10px;padding:10px;order:3;width:100%}.product-logo{height:64px;width:130px}}
.wallet-balance{background:linear-gradient(120deg,#3b301b,#24231b);border:1px solid #685532;border-radius:12px;padding:20px;display:grid;gap:12px}.wallet-balance span{font-size:12px;color:#c9bfaa}.wallet-balance strong{font-size:30px;color:var(--accent)}.bank-details{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:10px}.bank-details b{color:#ee655f}.bank-details p{margin:8px 0}.bank-details small{display:block;color:var(--muted);font-size:10px}.bank-details code{display:block;margin-top:8px;overflow-wrap:anywhere}.field textarea{resize:vertical;width:100%;background:#121310;border:1px solid #49463c;color:var(--accent);padding:12px;border-radius:8px;font:12px/1.7 monospace}.topup-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.topup-presets button{background:#2b281f;border:1px solid #51462e;color:var(--text);font-size:11px;padding:10px 4px;border-radius:6px}#topup-qr{text-align:center;margin:20px 0}#topup-image{max-width:100%;width:280px;border-radius:8px}#wallet-message{color:var(--accent)}#wallet-history p{border-bottom:1px solid var(--line);padding-bottom:10px}header{gap:12px}header nav{gap:12px}header .accountbtn{white-space:nowrap}