:root{--v21-bg:#07111d;--v21-card:rgba(12,27,43,.78);--v21-line:rgba(130,200,255,.16);--v21-text:#f3f8ff;--v21-muted:#91a9bc;--v21-accent:#7c5cff;--v21-cyan:#24d6ff;--v21-green:#22c77a;--v21-red:#ff647c;--v21-warn:#f3b63d}
*{box-sizing:border-box}html{background:var(--v21-bg)}body.v21-page{margin:0;min-height:100vh;color:var(--v21-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(79,92,255,.27),transparent 34%),radial-gradient(circle at 95% 20%,rgba(36,214,255,.14),transparent 28%),linear-gradient(180deg,#07111d,#050a12 65%,#05080d)}
.v21-shell{width:min(1080px,100%);margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(40px,env(safe-area-inset-bottom))}.v21-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.v21-brand{font-size:18px;font-weight:900;letter-spacing:.3px}.v21-brand span{background:linear-gradient(90deg,#8a6cff,#38ddff);-webkit-background-clip:text;color:transparent}.v21-back{border:1px solid var(--v21-line);background:rgba(255,255,255,.045);color:#dbefff;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:750}.v21-hero{position:relative;overflow:hidden;border:1px solid var(--v21-line);border-radius:28px;padding:26px;background:linear-gradient(145deg,rgba(28,45,69,.92),rgba(9,20,33,.82));box-shadow:0 25px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}.v21-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(124,92,255,.55),transparent 65%);filter:blur(2px)}.v21-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(120,211,255,.2);background:rgba(42,135,210,.09);border-radius:999px;color:#a9e8ff;font-size:12px;font-weight:800}.v21-hero h1{font-size:clamp(27px,7vw,52px);line-height:1.03;margin:14px 0 10px;max-width:760px}.v21-hero p{max-width:760px;margin:0;color:#b6c9d8;line-height:1.6}.v21-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:16px;margin-top:16px}.v21-card{border:1px solid var(--v21-line);background:var(--v21-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px;padding:20px;box-shadow:0 16px 46px rgba(0,0,0,.2)}.v21-card h2,.v21-card h3{margin:0 0 12px}.v21-muted{color:var(--v21-muted);font-size:13px;line-height:1.55}.v21-drop{display:block;border:1.5px dashed rgba(106,195,255,.34);border-radius:20px;padding:24px 18px;text-align:center;cursor:pointer;background:rgba(27,61,94,.18);transition:.18s}.v21-drop:hover,.v21-drop.drag{border-color:#62d8ff;background:rgba(42,120,180,.18);transform:translateY(-1px)}.v21-drop strong{display:block;font-size:17px;margin-top:7px}.v21-file{margin-top:10px;color:#aee9ff;font-size:13px;word-break:break-all}.v21-input{width:100%;margin-top:12px;border:1px solid var(--v21-line);background:rgba(4,12,21,.62);color:#fff;border-radius:15px;padding:13px 14px;outline:none}.v21-btn{width:100%;border:0;border-radius:16px;padding:14px 16px;margin-top:12px;font:inherit;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(90deg,#6d52ff,#5a77ff 50%,#21c7ef);box-shadow:0 10px 28px rgba(87,91,255,.23)}.v21-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.v21-btn.secondary{background:rgba(255,255,255,.07);border:1px solid var(--v21-line);box-shadow:none}.v21-btn.green{background:linear-gradient(90deg,#11a965,#24cf8b)}.v21-table{width:100%;border-collapse:collapse;font-size:13px}.v21-table td,.v21-table th{padding:9px 7px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.v21-table th{color:#a9c7dc;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.v21-price{font-size:34px;font-weight:950;letter-spacing:-1px;margin:5px 0;background:linear-gradient(90deg,#fff,#73dcff);-webkit-background-clip:text;color:transparent}.v21-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.v21-kpi{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:11px}.v21-kpi b{display:block;font-size:16px}.v21-kpi small{color:var(--v21-muted)}.v21-breakdown{display:grid;gap:8px;margin-top:12px}.v21-row{display:flex;justify-content:space-between;gap:12px;color:#c9d8e4;font-size:14px}.v21-row.total{font-weight:900;font-size:16px;color:white;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.v21-pay{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.v21-qr{width:180px;height:180px;border-radius:18px;background:white;object-fit:contain;padding:5px}.v21-code{font-weight:900;font-size:18px;letter-spacing:.5px;word-break:break-all}.v21-copy{border:1px solid var(--v21-line);background:rgba(255,255,255,.06);color:#dff5ff;border-radius:10px;padding:7px 10px;margin-left:7px;cursor:pointer}.v21-status{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);margin-top:12px}.v21-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#7b8da0;box-shadow:0 0 0 5px rgba(123,141,160,.1)}.v21-dot.run{background:#35d9ff;box-shadow:0 0 0 5px rgba(53,217,255,.1)}.v21-dot.ok{background:#2ddb87;box-shadow:0 0 0 5px rgba(45,219,135,.1)}.v21-dot.err{background:#ff647c;box-shadow:0 0 0 5px rgba(255,100,124,.1)}.v21-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:11px}.v21-progress>i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#745cff,#25d6ff);transition:width .3s}.v21-note{padding:11px 13px;border-radius:13px;margin-top:10px;font-size:13px;line-height:1.5}.v21-note.warn{background:rgba(243,182,61,.1);color:#ffd982;border:1px solid rgba(243,182,61,.18)}.v21-note.err{background:rgba(255,100,124,.1);color:#ffabb8;border:1px solid rgba(255,100,124,.18)}.v21-note.ok{background:rgba(34,199,122,.1);color:#91f5c5;border:1px solid rgba(34,199,122,.18)}.v21-hidden{display:none!important}.v21-foot{color:#6f879a;text-align:center;font-size:12px;padding:24px 4px 4px}.v21-fatal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#07111d;color:#fff}.v21-fatal>div{max-width:520px;background:#101d2a;border:1px solid #263a4d;border-radius:20px;padding:20px}.v21-entry{position:fixed;z-index:80;right:16px;bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px));display:flex;align-items:center;gap:8px;text-decoration:none;color:white;background:linear-gradient(90deg,rgba(90,74,255,.96),rgba(31,190,226,.96));border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:0 12px 36px rgba(32,92,180,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(min-width:900px){.v21-entry{bottom:24px;right:24px}}@media(max-width:760px){.v21-grid{grid-template-columns:1fr}.v21-hero{padding:21px}.v21-card{padding:16px}.v21-pay{grid-template-columns:1fr;text-align:center}.v21-qr{margin:auto}.v21-kpis{grid-template-columns:repeat(3,1fr)}.v21-shell{padding-left:12px;padding-right:12px}}@media(max-width:390px){.v21-kpis{grid-template-columns:1fr}.v21-entry{font-size:13px;padding:10px 12px}}

/* ============================================================
   V21.1 — AI Theme Translator thành SẢN PHẨM GHIM ĐẦU
   ============================================================ */
.v21-entry{display:none!important}
.v21-product-pin{position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(121,141,255,.24);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,247,255,.94));color:#111827;box-shadow:0 14px 38px rgba(40,50,110,.13);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0}
.v21-product-pin:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(51,63,145,.18);border-color:rgba(108,84,255,.4)}
.v21-product-pin:focus-visible{outline:3px solid rgba(91,81,255,.28);outline-offset:2px}
.v21-product-pin-cover{position:relative;isolation:isolate;min-height:155px;aspect-ratio:1.58/1;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(74,222,255,.85),transparent 24%),radial-gradient(circle at 19% 90%,rgba(190,89,255,.78),transparent 34%),linear-gradient(135deg,#171432 0%,#302564 45%,#087da2 100%)}
.v21-product-pin-cover:before{content:"";position:absolute;inset:-30%;z-index:-1;background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.22),transparent 28%,rgba(111,69,255,.32),transparent 62%);filter:blur(12px);animation:v21pinGlow 8s linear infinite}
@keyframes v21pinGlow{to{transform:rotate(360deg)}}
.v21-product-pin-badge,.v21-product-pin-ai{position:absolute;top:12px;border:1px solid rgba(255,255,255,.23);background:rgba(8,12,28,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.45px}
.v21-product-pin-badge{left:12px}.v21-product-pin-ai{right:12px;color:#b9f3ff}
.v21-product-pin-icon{position:absolute;left:18px;bottom:18px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:29px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.28),0 14px 30px rgba(0,0,0,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.v21-product-pin-art{position:absolute;right:16px;bottom:17px;width:112px;height:78px}.v21-product-pin-art i{position:absolute;right:0;bottom:0;width:70px;height:70px;border-radius:20px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.05));box-shadow:0 12px 26px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.v21-product-pin-art i:nth-child(1){transform:translate(-38px,-8px) rotate(-13deg);opacity:.7}.v21-product-pin-art i:nth-child(2){transform:translate(-18px,-4px) rotate(-5deg);opacity:.82}.v21-product-pin-art i:nth-child(3){transform:rotate(7deg)}
.v21-product-pin-body{padding:13px 14px 14px}.v21-product-pin-name{font-size:16px;line-height:1.25;font-weight:950;letter-spacing:-.25px}.v21-product-pin-desc{margin-top:6px;color:#687083;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v21-product-pin-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.v21-product-pin-meta span{font-size:10px;font-weight:800;color:#5e5a75;background:#f0efff;border:1px solid #e5e2ff;border-radius:999px;padding:4px 7px}.v21-product-pin-row{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:12px}.v21-product-pin-row small{display:block;color:#8b91a0;font-size:10px;font-weight:700}.v21-product-pin-row b{display:block;margin-top:1px;font-size:18px;line-height:1;color:#5d45e8;letter-spacing:-.4px}.v21-product-pin-row button{border:0;border-radius:12px;padding:9px 11px;background:linear-gradient(90deg,#6c4eff,#258eea);color:#fff;font:inherit;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(85,74,220,.24)}
@media(max-width:520px){.v21-product-pin-cover{min-height:128px}.v21-product-pin-icon{width:48px;height:48px;border-radius:15px;font-size:24px}.v21-product-pin-art{transform:scale(.82);transform-origin:right bottom}.v21-product-pin-body{padding:11px}.v21-product-pin-name{font-size:14px}.v21-product-pin-desc{font-size:11px}.v21-product-pin-row{align-items:center}.v21-product-pin-row b{font-size:15px}.v21-product-pin-row button{padding:8px 9px;font-size:10px}}

/* V21.2: native Store product tag */
.m4x-v212-tag{position:absolute!important;z-index:5!important;left:8px!important;top:8px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(5,12,22,.88)!important;border:1px solid rgba(255,209,102,.38)!important;color:#ffd166!important;font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:.02em!important;box-shadow:0 6px 20px rgba(0,0,0,.25)!important;backdrop-filter:blur(10px)!important}