@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800;850&display=swap');
:root{color-scheme:dark;--bg:#090d15;--surface:#111722;--line:#242d3d;--text:#f2f5fc;--muted:#8f9db3;--blue:#588cff;--green:#67dfb0;--font:'Be Vietnam Pro',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 var(--font);overflow-x:hidden}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #91b0ff;outline-offset:4px}[hidden]{display:none!important}.ambient{position:absolute;inset:0 0 auto;height:850px;background:radial-gradient(ellipse at 75% 15%,#1e2b512d,transparent 60%);pointer-events:none}.topbar{position:relative;max-width:1280px;margin:auto;height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #ffffff0d;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.05}.brand-mark{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid #759cff5c;border-radius:14px;background:linear-gradient(145deg,#668cff,#365edf);font-size:20px;color:white;letter-spacing:-1.2px;box-shadow:0 5px 24px #365edf20}.brand-mark>span{position:absolute;right:4px;top:1px;font-size:14px}.brand-mark.small{width:40px;height:40px;font-size:17px}.brand-store{display:block;font-size:9px;letter-spacing:4.3px;color:#8a9bbc;font-weight:600;margin:8px 0 0 2px}.desktop-nav{display:flex;gap:33px;color:#94a2b8;font-size:12px;font-weight:550}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.header-actions{display:flex;gap:12px;align-items:center}.wallet-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#151c29;color:#d7e3fc;border-radius:30px;padding:10px 17px;font-size:12px;font-weight:600}.wallet-chip .icon{color:#86a5ff;font-size:18px}.profile-button{border:1px solid #35435e;background:#202d46;color:#c7d9ff;width:39px;height:39px;border-radius:50%;font-weight:700}main{max-width:1280px;margin:auto;padding:32px 40px 0;position:relative}.hero{min-height:405px;background:radial-gradient(ellipse at 90% 90%,#3d378b35,transparent 60%),linear-gradient(110deg,#141e32,#121826 57%,#171d34);border:1px solid #2c38515e;border-radius:24px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:42px 0 35px 38px;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#a6b7dc;display:block}.eyebrow i,.catalog-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ea1ff;margin-right:7px;box-shadow:0 0 12px #6ea1ff70}.hero h1{font-size:43px;line-height:1.28;letter-spacing:-2px;margin:20px 0 18px;font-weight:800}.hero h1>span{background:linear-gradient(90deg,#8caeff,#c2bcff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:12px;color:#a4b0c8;line-height:1.9;margin:0 0 26px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;padding:12px 19px;border-radius:10px;font-size:12px;font-weight:650;min-height:44px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-1px)}.primary{background:#588cff;color:#fff;box-shadow:0 5px 25px #588cff20}.primary:hover{background:#6b9aff}.secondary{background:#202a3c;border-color:#354057;color:#e4ebfa}.text-link{font-size:11px;color:#becbe4}.text-link span{margin-left:8px}.hero-notes{display:flex;gap:25px;color:#899cbf;font-size:10px;margin-top:25px}.hero-notes i{font-style:normal;color:#84c2bb;margin-right:5px}.hero-art{position:relative;min-height:390px;isolation:isolate}.orbit{position:absolute;border:1px solid #6279c926;border-radius:50%;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:385px;height:385px;border-style:dashed;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-2{width:250px;height:250px;background:radial-gradient(circle,#5b62d420,transparent)}.orbit-center{position:absolute;top:48%;left:52%;width:138px;height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(-9deg);border:1px solid #92a3ff77;border-radius:34px;background:linear-gradient(150deg,#5a71cc,#222a54 85%);box-shadow:0 25px 65px #0006,inset 0 0 25px #b7c2ff13}.orbit-center>span{font-size:56px;font-weight:850;letter-spacing:-6px;color:#f0efff;line-height:1.1}.orbit-center>small{font-size:6px;letter-spacing:2px;color:#b7c5ff;margin-top:10px}.floating-app{position:absolute;border:1px solid #4a598367;border-radius:16px;background:linear-gradient(125deg,#28324c,#171e30);padding:15px 18px;box-shadow:0 18px 30px #0004;min-width:155px;transform:rotate(-7deg);z-index:2}.floating-app>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:22px;background:#72dfbd20;color:#83edce;margin-bottom:10px}.floating-app b{display:block;font-size:10px;color:#e3e9ff}.floating-app small{display:block;color:#8295ba;font-size:8px;margin-top:2px}.app-ai{top:36px;left:35px}.app-cut{top:79px;right:24px;transform:rotate(11deg)}.app-cut>span{color:#c2a5ff;background:#a66bff20}.app-play{bottom:32px;left:98px;transform:rotate(-1deg);min-width:175px;display:grid;grid-template-columns:38px 1fr;gap:0 10px;align-items:center}.app-play>span{grid-row:span 2;background:#ff789420;color:#ff87a5;margin:0;font-size:15px}.spark{position:absolute;color:#97aeff;font-size:26px;z-index:2}.spark-a{right:74px;bottom:69px}.spark-b{top:37px;right:123px;font-size:15px;color:#b49cff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 48px}.benefits>div,.benefits>a{display:flex;align-items:center;gap:12px;padding:15px 13px;border:1px solid #202938;border-radius:12px;background:#101621}.benefit-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:34px;border-radius:9px;font-size:21px}.blue{color:#81a7ff;background:#557bff16}.purple{color:#bd99ff;background:#a56bff16}.green{color:#72dfbc;background:#64d6a616}.orange{color:#ffc088;background:#f9a95d16}.benefits strong{display:block;font-size:10px;font-weight:600}.benefits small{font-size:8px;color:#8190a9;display:block;margin-top:3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow.muted{font-size:8px;color:#7485a2;letter-spacing:1.6px}.section-title h2{font-size:28px;letter-spacing:-1px;margin:8px 0 0;line-height:1.4}.section-title h2>span,.page-section h1>span{color:var(--blue)}.catalog-status{font-size:9px;color:#6fd5b2;border:1px solid #224437;border-radius:30px;background:#14241e;padding:7px 11px;white-space:nowrap}.catalog-status i{width:5px;height:5px;background:#6fd5b2;box-shadow:none}.catalog-controls{display:flex;gap:13px}.search-box{display:flex;align-items:center;gap:12px;flex:1;border:1px solid #293347;border-radius:11px;background:#121a27;padding:0 16px}.search-box>span{font-size:29px;color:#8391ab;line-height:1}.search-box input{border:0;background:transparent;color:#fff;outline:none;width:100%;height:48px;font-size:11px;min-width:0}.search-box input::placeholder{color:#7889a4}.search-box kbd{font:10px var(--font);border:1px solid #354056;border-radius:4px;padding:0 6px;color:#8190aa}.catalog-controls select{border:1px solid #293347;border-radius:10px;background:#121a27;color:#b7c4dd;font-size:10px;padding:0 14px;min-width:170px}.categories{display:flex;gap:8px;margin-top:18px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px}.category{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #263044;border-radius:8px;background:#111825;color:#9cacc5;font-size:10px;white-space:nowrap}.category b{font-size:8px;font-weight:500;color:#6f829f}.category.active{background:#dce7ff;color:#142b54;border-color:#dce7ff}.category.active b{color:#526d95}.results-line{display:flex;justify-content:space-between;font-size:9px;color:#7f90aa;margin:17px 0}.results-line label{display:flex;align-items:center;gap:6px}.results-line input{accent-color:var(--blue);width:12px;height:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{border:1px solid #253044;border-radius:14px;background:linear-gradient(155deg,#131b2a,#101722);overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);border-color:#536b9a}.product-open{border:0;background:transparent;text-align:left;color:inherit;padding:0;display:flex;flex-direction:column;height:100%;width:100%}.product-visual{height:145px;position:relative;overflow:hidden;width:100%;display:grid;place-items:center;background:radial-gradient(circle at 73% 5%,var(--glow,#39735c55),transparent 65%),var(--tile,#122a28);border-bottom:1px solid #ffffff06}.product-visual:before{content:'';position:absolute;inset:17px -40px;border:1px solid #ffffff12;transform:rotate(-25deg);border-radius:50%}.product-visual:after{content:'';position:absolute;inset:15px -30px;border:1px solid #ffffff09;border-radius:50%;transform:rotate(25deg)}.product-visual .visual-mark{font-size:42px;font-weight:800;letter-spacing:-3px;color:var(--mark,#95e9cc);border:1px solid #ffffff1c;border-radius:20px;background:#ffffff08;width:76px;height:76px;display:grid;place-items:center;box-shadow:0 10px 30px #0003;z-index:1}.visual-name{position:absolute;bottom:10px;right:13px;font-size:8px;letter-spacing:2px;font-weight:650;color:var(--mark,#95e9cc);opacity:.7}.stock-badge{position:absolute;top:11px;left:11px;z-index:2;display:flex;align-items:center;gap:4px;font-size:7px;font-weight:650;color:#9ff3d0;background:#15372ee8;border:1px solid #62cf9e35;border-radius:5px;padding:3px 6px}.stock-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.stock-badge.out{color:#eeadad;background:#45232ae0;border-color:#c56e7e45}.product-body{padding:15px 15px 12px;width:100%;display:flex;flex-direction:column;flex:1}.product-category{font-size:7px;font-weight:650;letter-spacing:1.7px;color:#6c86b1;text-transform:uppercase}.product-body h3{font-size:11px;font-weight:650;line-height:1.65;margin:7px 0;color:#e9eefb;min-height:36px}.product-summary{font-size:8px;color:#788cae;margin:0 0 16px;line-height:1.6}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0b;margin-top:auto;padding-top:12px;gap:8px}.product-price{font-size:16px;font-weight:750;letter-spacing:-.4px;color:#8aaeff}.product-arrow{display:grid;place-items:center;width:26px;height:26px;border:1px solid #384861;border-radius:8px;color:#a5bfff;font-size:14px}.stock-line{font-size:8px;color:#71839f;margin-top:8px;display:flex;align-items:center;gap:5px}.stock-line i{width:4px;height:4px;background:#65d6aa;border-radius:50%}.stock-line.out i{background:#c67583}.pagination{display:flex;justify-content:center;gap:6px;margin-top:28px}.pagination button{min-width:34px;height:34px;border:1px solid #28364e;border-radius:8px;background:#111a29;color:#9bb0d1;font-size:11px}.pagination button.active{background:#588cff;color:#fff}.notice{border:1px solid #6b5735;background:#302716;color:#e9cf94;border-radius:10px;padding:12px 15px;font-size:11px;line-height:1.75;margin-bottom:17px}.help-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:50px 0 65px;padding:28px;border:1px solid #25324b;border-radius:16px;background:linear-gradient(105deg,#152035,#111825)}.help-banner h2{font-size:21px;letter-spacing:-.6px;margin:8px 0}.help-banner p{color:#899bbb;font-size:11px;margin:0}.help-banner .eyebrow{font-size:8px}footer{max-width:1200px;margin:auto;padding:30px 0 120px;border-top:1px solid #222b3b;display:flex;align-items:center;gap:24px;color:#647896;font-size:9px;position:relative}footer .brand{font-size:19px;color:#ccd8ef}footer .brand-store{font-size:7px;letter-spacing:3.5px}footer p{margin-right:auto}footer>a:last-child{color:#a5b9da}.bottom-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;padding:6px;border:1px solid #34405a;border-radius:21px;box-shadow:0 8px 40px #0008;background:#131b2bed;backdrop-filter:blur(18px);z-index:20;gap:4px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:100px;height:51px;border-radius:15px;font-size:8px;font-weight:600;color:#879bbc}.bottom-nav a>span{font-size:20px;line-height:1.4}.bottom-nav a.active{color:#dce7ff;background:#2d3d5b;border:1px solid #485a7a}.page-section{padding:45px 0 70px;min-height:65vh}.page-section>h1{font-size:36px;letter-spacing:-1.5px;margin:15px 0 10px}.subtitle{color:var(--muted);font-size:12px;margin-bottom:30px}.panel{background:#121a28;border:1px solid #29364b;border-radius:15px;padding:25px}.empty{text-align:center;padding:45px 20px;color:#8295b5;border:1px dashed #2d3d59;border-radius:15px}.empty>span{font-size:38px;color:#799cff}.empty h3{color:#d6e3fa;font-size:18px}.empty p{font-size:12px}.empty .button{margin-top:12px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.support-card{transition:border-color .2s}.support-card:hover{border-color:#789aff}.support-card h2{font-size:18px}.support-card p{font-size:12px;color:#8b9dbb}.support-card strong{font-size:11px;color:#9dbbff}.contact-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;font-size:26px;background:#2e78ed;color:#fff}.contact-icon.zalo{font-size:12px;font-weight:800}.contact-icon.telegram{background:#218bb4}.support-note{margin-top:24px;max-width:800px}.support-note h2{font-size:16px}.support-note p{font-size:12px;color:#97a7c3}.wallet-hero{background:linear-gradient(120deg,#1b3054,#1b2540);padding:29px;border:1px solid #3d547b;border-radius:17px;margin:30px 0 22px;display:flex;justify-content:space-between;align-items:center}.wallet-hero small{color:#a5b6d5}.wallet-hero h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0}.wallet-hero p{color:#8fa5cb;font-size:11px}.wallet-grid,.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel h2{font-size:18px;margin-top:0}.panel p{color:#8d9fbe;font-size:12px}.wallet-form{display:flex;gap:10px;align-items:flex-end}.wallet-form label{flex:1;margin:0}.panel label,.auth-dialog label{display:block;font-size:11px;color:#aebfdd;margin:15px 0}.panel input,.auth-dialog input{display:block;width:100%;border:1px solid #35425b;border-radius:9px;background:#0e1522;color:#eef3ff;padding:12px 13px;margin-top:6px}.auth-dialog input:focus,.panel input:focus{border-color:#6c97ff;outline:none}.order-row{padding:18px;border:1px solid #2c3951;background:#121b2a;border-radius:12px;margin-top:12px}.order-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:15px}.order-row p{font-size:11px;color:#8fa3c4}.status{font-size:9px;color:#80d7b3;border:1px solid #37604e;background:#1a3228;padding:4px 8px;border-radius:20px}.status.pending{background:#392e1e;color:#e1bd79;border-color:#5d4c2c}.delivered{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#0a111d;border-radius:8px;border:1px solid #263650;color:#a8c7ff;font-size:12px}.order-actions{display:flex;gap:10px;margin-top:12px}.ledger-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #28344a;font-size:11px;color:#97aacb}.ledger-row strong{color:#b7cbed}.qr-box{background:#fff;display:block;margin:18px auto;border-radius:12px;max-width:260px;width:100%;padding:12px}.topup-data{font-size:12px;line-height:2;color:#c8d8f4}.topup-data code{background:#1b2941;padding:4px 8px;border-radius:5px}.muted{color:#91a3c2}.full{width:100%}.form-error{font-size:11px;color:#ff9caa!important}.product-dialog,.auth-dialog{color:var(--text);border:1px solid #3a4966;border-radius:20px;background:#111a2a;padding:32px;max-width:750px;width:calc(100vw - 32px);box-shadow:0 25px 100px #0008}.product-dialog::backdrop,.auth-dialog::backdrop{background:#050914cc;backdrop-filter:blur(7px)}.close{position:absolute;top:13px;right:13px;background:#25324a;color:#b8c6e0;border:1px solid #3b4a65;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;z-index:2}.detail-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}.detail-visual .product-visual{height:250px;border-radius:15px}.detail-visual .visual-mark{width:110px;height:110px;font-size:57px}.detail-info h2{font-size:21px;letter-spacing:-.5px;line-height:1.5;margin:10px 0}.detail-info .product-price{font-size:28px}.detail-info>p{font-size:11px;color:#8fa4c7;white-space:pre-line}.quantity{display:flex;align-items:center;border:1px solid #354766;border-radius:9px;width:128px;overflow:hidden;margin:17px 0}.quantity button{background:#1e2c43;color:#cbdaf4;border:0;width:38px;height:36px;font-size:20px}.quantity output{text-align:center;flex:1;font-size:13px}.buy-summary{display:flex;justify-content:space-between;font-size:11px;margin:15px 0;color:#98adce}.buy-summary strong{font-size:15px;color:#c3d5ff}.auth-dialog{max-width:410px;padding:30px}.auth-mark{width:44px;height:44px;border-radius:12px;background:#588cff;display:grid;place-items:center;font-weight:800;font-size:19px;margin-bottom:25px}.auth-dialog h2{font-size:23px;margin:10px 0}.auth-dialog>p{font-size:11px}.auth-switch{display:block;background:transparent;border:0;color:#9cbaff;font-size:11px;margin:20px auto 9px}.forgot{display:block;text-align:center;color:#6c82a5;font-size:10px}.toast{position:fixed;bottom:104px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);background:#22334e;color:#e1ebff;border:1px solid #52698e;border-radius:12px;padding:13px 20px;font-size:12px;box-shadow:0 10px 30px #0006;z-index:100}::selection{background:#588cff55;color:#fff}@media(min-width:1450px){.topbar{max-width:1360px}main{max-width:1360px}.hero-copy{padding-left:48px}.hero h1{font-size:48px}.hero{min-height:430px}.hero-art{min-height:420px}.product-visual{height:165px}footer{max-width:1280px}}@media(max-width:1000px){.desktop-nav{gap:20px}.topbar{padding:0 24px}main{padding:24px 24px 0}.hero{grid-template-columns:1.1fr 1fr}.hero-copy{padding-left:25px}.hero h1{font-size:35px}.hero-art{transform:scale(.85);transform-origin:center}.hero-actions{gap:15px}.benefits{gap:8px}.benefits>div,.benefits>a{padding:12px 9px;gap:9px}.benefits strong{font-size:9px}.benefits small{font-size:7px}.product-grid{gap:12px}.product-body{padding:12px}.product-price{font-size:14px}footer{margin:0 24px}.hero-notes{gap:12px;font-size:8px}}@media(max-width:760px){.topbar{height:80px;padding:0 20px}.desktop-nav{display:none}main{padding:20px 20px 0}.hero{grid-template-columns:1fr;min-height:0;overflow:hidden}.hero-copy{padding:29px 26px 28px}.hero h1{font-size:37px}.hero-art{display:none}.hero-copy>p{font-size:11px}.hero-notes{font-size:8px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-actions{gap:20px}.benefits{grid-template-columns:repeat(2,1fr);margin-bottom:33px;gap:10px}.benefits>div,.benefits>a{padding:12px}.benefits strong{font-size:9px}.benefits small{font-size:8px}.section-title h2{font-size:24px}.section-title .eyebrow{font-size:7px;letter-spacing:1px}.catalog-status{font-size:8px}.catalog-controls{gap:9px}.catalog-controls select{min-width:0;width:140px;font-size:9px;padding:0 7px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-visual{height:145px}.product-body h3{font-size:11px}.product-summary{font-size:8px}.product-price{font-size:16px}.help-banner{padding:24px;align-items:flex-start;flex-direction:column;margin-bottom:40px;gap:18px}.help-banner h2{font-size:22px}.help-banner p{font-size:11px}.bottom-nav{bottom:13px;width:calc(100% - 32px);max-width:440px;justify-content:space-between}.bottom-nav a{min-width:0;flex:1}.brand{font-size:21px}.brand-mark{width:41px;height:41px;font-size:17px}.wallet-chip{font-size:10px;padding:8px 12px}.header-actions{gap:8px}.profile-button{width:35px;height:35px}.header-actions .icon{font-size:16px}.brand-store{font-size:8px;margin-top:6px}.support-grid{grid-template-columns:1fr}.support-card{display:grid;grid-template-columns:50px 1fr;gap:0 14px}.support-card .contact-icon{grid-row:span 3}.support-card h2{margin:0;font-size:17px}.support-card p{margin:5px 0}.support-card strong{font-size:10px}.wallet-grid,.account-grid{grid-template-columns:1fr}.wallet-hero{align-items:flex-start;flex-direction:column;gap:10px}.wallet-form{flex-direction:column;align-items:stretch}.page-section{padding-top:25px}.page-section>h1{font-size:31px}.detail-layout{grid-template-columns:1fr}.detail-visual .product-visual{height:160px}.detail-visual .visual-mark{width:75px;height:75px;font-size:40px}.product-dialog{padding:23px}.detail-info h2{font-size:19px}footer{flex-wrap:wrap;margin:0 20px;gap:17px;padding-top:25px}footer p{order:3;width:100%;margin:0}footer>span{margin-left:auto}footer>a:last-child{order:4}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.quantity[hidden]{display:none}

/* Catalog v2: source product photography, compact cards and pill navigation. */
.catalog-section { scroll-margin-top: 24px; }
.catalog-section .section-title h2 { font-size: 27px; letter-spacing: -.6px; }
.categories { gap: 8px; padding: 3px 0 9px; margin-top: 16px; scrollbar-width: thin; }
.category { border-radius: 999px; min-height: 36px; padding: 8px 14px; background: #11161e; border-color: #293442; color: #a8b4c7; font-size: 11px; font-weight: 650; }
.category b { color: inherit; font-size: 10px; font-weight: 600; }
.category:hover { color: #f3f7ff; border-color: #55739b; }
.category.active { background: #e5ecf7; color: #0c1b32; border-color: #e5ecf7; }
.category.active b { color: #415574; }
.results-line { margin-top: 9px; font-size: 10px; }
.product-grid { gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.product-card { border-radius: 21px; border-color: #293443; background: #11161e; }
.product-card:hover { transform: translateY(-3px); border-color: #637da4; box-shadow: 0 12px 28px #0003; }
.product-open:focus-visible { outline-offset: -3px; border-radius: 20px; }
.product-visual { height: auto; aspect-ratio: 3 / 2; display: block; background: #101b2b; border: 0; }
.product-visual::before, .product-visual::after { display: none; }
.product-photo { width: 100%; height: 100%; display: block; object-fit: cover; }
.stock-badge { left: 9px; top: 9px; border: 1px solid #b4ffe054; border-radius: 999px; padding: 4px 7px; background: #18a86bed; color: #fff; font-size: 8px; line-height: 1.3; font-weight: 800; box-shadow: 0 2px 8px #0004; }
.stock-badge.out { color: #fff; background: #ee4a61f0; border-color: #ffd3dd70; }
.sold-out-overlay { position: absolute; inset: 0; display: grid; place-items: center; background: #02040b40; }
.sold-out-overlay b { font-size: 12px; font-weight: 800; color: #fff; background: #06090ddd; border: 1px solid #ffffff50; border-radius: 999px; padding: 6px 16px; box-shadow: 0 4px 16px #0005; }
.product-body { padding: 12px 12px 10px; }
.product-category { font-size: 8px; font-weight: 750; letter-spacing: 1.25px; color: #8593a7; }
.product-body h3 { font-size: 14px; font-weight: 750; line-height: 1.4; margin: 6px 0 12px; color: #f3f5fa; min-height: 59px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.product-bottom { border-color: #2b3442; padding-top: 11px; gap: 5px; }
.product-price { color: #589dff; font-size: clamp(16px,1.65vw,21px); font-weight: 800; letter-spacing: -.6px; line-height: 1.3; white-space: nowrap; }
.stock-pill { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; font-size: 8px; font-weight: 600; border-radius: 999px; padding: 4px 6px; color: #6bd7ae; background: #0b2a22; white-space: nowrap; }
.stock-pill i { width: 5px; height: 5px; border-radius: 50%; background: #35c68f; }
.stock-pill.out { color: #e4a0ab; background: #341d25; }
.stock-pill.out i { background: #e3536c; }
.detail-visual .product-visual { height: auto; aspect-ratio: 3 / 2; border-radius: 15px; }
.detail-visual .stock-badge { font-size: 8px; }
.detail-visual .sold-out-overlay b { font-size: 11px; }
.detail-info .product-price { font-size: 28px; }
.bottom-nav { padding: 6px; gap: 3px; bottom: 16px; width: 560px; max-width: calc(100% - 28px); border-radius: 999px; border-color: #34404f; background: #0f141ded; box-shadow: 0 10px 40px #0009; }
.bottom-nav a { flex: 1; min-width: 0; height: 57px; border-radius: 999px; border: 1px solid transparent; font-size: 9px; color: #8e9aad; gap: 3px; }
.bottom-nav a > svg { width: 22px; height: 22px; color: #91baff; }
.bottom-nav a:nth-child(2) > svg { color: #9fb4dc; }
.bottom-nav a:nth-child(3) > svg { color: #ef8dbf; }
.bottom-nav a:nth-child(4) > svg { color: #9bbacd; }
.bottom-nav a.active { color: #fff; background: linear-gradient(135deg,#3d4555,#272f3d); border: 1px solid #768193; box-shadow: inset 0 1px 0 #ffffff14, 0 2px 6px #0003; }
@media (max-width: 1000px) {
  .product-body { padding: 11px 10px 10px; }
  .product-body h3 { font-size: 12px; min-height: 51px; }
  .product-category { font-size: 7px; }
  .product-price { font-size: 17px; }
  .stock-pill { font-size: 7px; padding: 4px 5px; gap: 3px; }
}
@media (max-width: 760px) {
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .product-card { border-radius: 17px; }
  .product-body h3 { font-size: 13px; min-height: 55px; }
  .product-category { font-size: 7px; letter-spacing: .9px; }
  .product-price { font-size: clamp(15px,3.6vw,21px); }
  .stock-badge { left: 7px; top: 7px; font-size: 7px; padding: 3px 6px; }
  .product-bottom { padding-top: 10px; }
  .catalog-section .section-title h2 { font-size: 24px; }
  .bottom-nav { bottom: 12px; width: calc(100% - 24px); max-width: 560px; }
  .bottom-nav a { height: 52px; font-size: 8px; }
}
@media (max-width: 370px) {
  .product-grid { gap: 8px; }
  .product-body { padding: 9px 8px; }
  .product-price { font-size: 14px; }
  .stock-pill { font-size: 6px; padding: 4px; }
}

/* DuLuong Store v4 — compact illustrated hero and actionable feature tiles. */
:root { --blue: #408cff; }
.topbar { height: 84px; gap: 20px; }
.desktop-nav { gap: 7px; }
.desktop-nav a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 39px; padding: 9px 13px; border: 1px solid #2b374b; border-radius: 11px; background: #131b2a; color: #aebdd4; font-size: 11px; transition: background .2s, border-color .2s; }
.desktop-nav a > svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.desktop-nav a:hover { background: #1b2c47; border-color: #50709f; }
.desktop-nav a.active { background: #1a355b; border-color: #4389e2; color: #e7f2ff; box-shadow: inset 0 1px 0 #91c0ff12; }
.wallet-chip { background: #142137; border-color: #344e72; box-shadow: inset 0 1px 0 #ffffff08; }
main { padding-top: 24px; }
.icon-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.hero { display: block; min-height: 0; height: 284px; border-radius: 24px; isolation: isolate; border: 1px solid #4c5b825c; background: #101626; box-shadow: 0 18px 48px #0003, inset 0 1px 0 #ffffff0a; }
.hero-media { position: absolute; inset: 0; z-index: -3; overflow: hidden; border-radius: inherit; }
.hero-scene { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 78% 47%; transform-origin: 78% 50%; animation: hero-drift 19s ease-in-out infinite alternate; }
.hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,#080f20f2 0%,#0c1428d9 31%,#0e172e87 53%,#111c3420 77%,#0a10243d 100%); pointer-events: none; }
.hero::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; z-index: -1; background: linear-gradient(90deg,transparent,#6e96ffb3,#ae85e0a6,transparent); }
.hero-glimmer { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .65; background: radial-gradient(circle at 69% 67%,#bbcbffb3 0 1px,transparent 2px),radial-gradient(circle at 83% 24%,#c7caff 0 1px,transparent 2px),radial-gradient(circle at 92% 74%,#a6cfff 0 1px,transparent 2px),radial-gradient(ellipse at 70% 100%,#5786df24,transparent 55%); animation: ambient-breathe 7s ease-in-out infinite; }
.hero-copy { padding: 26px 34px; max-width: 700px; position: relative; z-index: 1; }
.hero .eyebrow { color: #b7c9e9; font-size: 8px; letter-spacing: 2px; }
.hero .eyebrow i { background: #8fbaff; box-shadow: 0 0 10px #6f98ff; }
.hero h1 { font-size: clamp(28px,3.1vw,38px); line-height: 1.18; letter-spacing: -1.15px; margin: 12px 0 12px; font-weight: 800; text-shadow: 0 3px 22px #0005; }
.hero h1 > span { background: none; color: #d8e5ff; -webkit-text-fill-color: currentColor; }
.hero-copy > p { color: #bac7df; font-size: 11px; line-height: 1.85; margin: 0 0 17px; max-width: 485px; }
.hero-actions { gap: 17px; }
.hero-actions .primary { background: linear-gradient(120deg,#1689ff,#396df0); min-height: 41px; padding: 9px 17px; border-radius: 11px; border: 1px solid #7ab3ff4f; box-shadow: 0 7px 24px #186be936,inset 0 1px 0 #ffffff1a; font-size: 11px; }
.hero-actions .primary:hover { background: linear-gradient(120deg,#349aff,#537ffa); }
.hero-actions .text-link { color: #d2def4; font-size: 10px; }
.motion-toggle { position: absolute; bottom: 16px; right: 16px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; min-height: 31px; padding: 5px 10px; border-radius: 999px; border: 1px solid #b3c8ff40; background: #0b1427b3; color: #d9e6ff; backdrop-filter: blur(12px); font-size: 9px; font-weight: 600; }
.motion-toggle > svg { width: 12px; height: 12px; fill: currentColor; }
.motion-toggle:hover { background: #20365d; border-color: #779bd77d; }
.motion-toggle:disabled { opacity: .75; cursor: default; }
.benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 14px 0 34px; }
.benefits > .feature-card { --feature: #67adff; --feature-soft: #163960; --feature-surface: #14273e; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; min-height: 113px; padding: 13px 12px 11px; overflow: hidden; background: radial-gradient(ellipse at 50% -20%,var(--feature-soft),transparent 76%),linear-gradient(150deg,var(--feature-surface),#101722 88%); border: 1px solid color-mix(in srgb,var(--feature) 37%,#1e2c41); border-radius: 17px; box-shadow: inset 0 1px 0 #ffffff0b,0 7px 16px #0002; text-align: center; transition: transform .2s,border-color .2s,background .2s; }
.benefits > .feature-wallet { --feature: #be9dff; --feature-soft: #39265a; --feature-surface: #251e39; }
.benefits > .feature-orders { --feature: #64dfbd; --feature-soft: #174c46; --feature-surface: #142e2e; }
.benefits > .feature-support { --feature: #ffca8b; --feature-soft: #55402a; --feature-surface: #30271f; }
.feature-card::before { content: ''; position: absolute; top: 0; left: 22%; right: 22%; height: 1px; background: linear-gradient(90deg,transparent,var(--feature),transparent); opacity: .75; }
.feature-card .feature-icon { display: grid; place-items: center; width: 51px; height: 51px; margin: -3px 0 3px; color: var(--feature); filter: drop-shadow(0 6px 9px #0005); animation: feature-float 4.8s ease-in-out infinite; }
.feature-icon svg { width: 51px; height: 51px; overflow: visible; }
.feature-wallet .feature-icon { animation-delay: -.9s; }
.feature-orders .feature-icon { animation-delay: -2s; }
.feature-support .feature-icon { animation-delay: -3.1s; }
.benefits .feature-card strong { font-size: 12px; color: #f0f5ff; font-weight: 750; letter-spacing: -.15px; }
.benefits .feature-card small { margin-top: 3px; color: #a5b6ce; font-size: 8px; line-height: 1.5; }
.feature-card .feature-chevron { position: absolute; right: 11px; top: 11px; font-size: 12px; color: var(--feature); opacity: .5; }
.benefits > .feature-card:hover { transform: translateY(-3px); border-color: var(--feature); }
.benefits > .feature-card:focus-visible { outline-color: var(--feature); }
.feature-card:hover .feature-icon { animation-play-state: paused; transform: translateY(-3px) rotate(-4deg); }
html[data-motion='off'] .hero-scene,html[data-motion='off'] .hero-glimmer,html[data-motion='off'] .feature-icon { animation-play-state: paused; }
@keyframes hero-drift { from { transform: scale(1.035) translate3d(-.25%,0,0); } to { transform: scale(1.08) translate3d(.35%,-.7%,0); } }
@keyframes feature-float { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg); } 50% { transform: translate3d(0,-3px,0) rotate(2deg); } }
@keyframes ambient-breathe { 0%,100% { opacity: .35; } 50% { opacity: .85; } }
@media (min-width: 1450px) { .hero { min-height: 0; height: 300px; } .hero-copy { padding: 31px 38px; } .hero h1 { font-size: 40px; } }
@media (max-width: 1000px) { .desktop-nav { gap: 5px; } .desktop-nav a { padding: 8px 9px; font-size: 10px; } .desktop-nav a > svg { width: 15px; height: 15px; } .topbar { gap: 13px; } .hero-copy { padding-left: 26px; max-width: 70%; } .hero h1 { font-size: 32px; } .hero-copy > p { font-size: 10px; } .benefits { gap: 10px; } }
@media (max-width: 760px) {
  .topbar { height: 75px; gap: 10px; }
  .desktop-nav { display: none; }
  main { padding-top: 16px; }
  .hero { height: 272px; min-height: 0; border-radius: 20px; }
  .hero-copy { padding: 24px 22px; max-width: none; }
  .hero .eyebrow { font-size: 7px; letter-spacing: 1.25px; }
  .hero h1 { font-size: clamp(27px,5.4vw,34px); letter-spacing: -.9px; margin-top: 12px; }
  .hero-copy > p { max-width: 72%; font-size: 9px; line-height: 1.8; }
  .hero::before { background: linear-gradient(90deg,#080f20f2,#0c1428ca 38%,#0e172e8c 64%,#0a10242e); }
  .hero-scene { object-position: 79% 50%; }
  .hero-actions { gap: 12px; }
  .hero-actions .text-link { font-size: 9px; }
  .hero-actions .primary { min-height: 39px; padding: 8px 13px; font-size: 10px; }
  .motion-toggle { bottom: 12px; right: 12px; width: 30px; height: 30px; min-height: 30px; padding: 0; justify-content: center; }
  .motion-toggle > span { display: none; }
  .benefits { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 11px 0 28px; }
  .benefits > .feature-card { min-height: 98px; padding: 11px 4px 9px; border-radius: 13px; }
  .feature-card .feature-icon,.feature-icon svg { width: 40px; height: 40px; }
  .benefits .feature-card strong { font-size: 9px; }
  .benefits .feature-card small { display: none; }
  .feature-card .feature-chevron { top: 6px; right: 6px; font-size: 9px; }
}
@media (max-width: 400px) { .hero-copy { padding: 23px 18px; } .hero h1 { font-size: 27px; } .hero-copy > p { max-width: 78%; } .hero-actions .text-link { font-size: 8px; } .benefits { gap: 6px; } .benefits .feature-card strong { font-size: 8px; } }
@media (prefers-reduced-motion: reduce) { .hero-scene,.hero-glimmer,.feature-icon { animation: none !important; } .benefits > .feature-card,.hero-actions .button { transition: none; } }
.checkout-layout{display:grid;grid-template-columns:1fr 280px;gap:25px;align-items:start}.checkout-layout h2{font-size:21px;line-height:1.5;margin:10px 0}.checkout-layout p{font-size:11px;line-height:1.9;color:#b4c5df}.checkout-layout code{overflow-wrap:anywhere;background:#20324e;padding:3px 6px;border-radius:5px}.checkout-layout .product-price{font-size:27px}.warranty-block{margin-top:18px;padding:18px;border:1px solid #354c6d;border-radius:11px;background:#142139}.warranty-block h3{font-size:14px;margin:0 0 8px}.warranty-block p,.warranty-block summary{font-size:11px;color:#adc0de}.warranty-terms{white-space:pre-line;max-height:240px;overflow:auto;padding:12px;background:#0d1728;border-radius:8px}.warranty-form{margin-top:17px}.warranty-form label{display:block;color:#c3d1e8;font-size:11px}.warranty-form textarea{display:block;width:100%;background:#0b1424;color:#e1edff;border:1px solid #40577b;border-radius:8px;padding:10px;margin:7px 0 12px}.promotion-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:18px 23px;border:1px solid #5866b0;border-radius:16px;background:linear-gradient(100deg,#223b6a,#322958);color:#e4eeff}.promotion-strip h2{font-size:20px;margin:6px 0}.promotion-strip p{font-size:10px;margin:0;color:#b5c7e7}.promotion-clock{flex:0 0 auto;text-align:center;padding:12px 17px;background:#0b15376b;border:1px solid #a6b6ff33;border-radius:12px}.promotion-clock span{display:block;font-size:7px;letter-spacing:1.3px;color:#acbbe7}.promotion-clock strong{font-size:23px;letter-spacing:1px;display:block;color:#fff}.price-before{display:flex;align-items:center;gap:7px;font-size:9px;color:#8193ad;margin-top:auto;margin-bottom:8px}.price-before b{font-size:8px;background:#153d32;color:#8fe0bd;padding:2px 5px;border-radius:4px}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.checkout-layout>div:last-child{max-width:300px;margin:auto}.promotion-strip{padding:15px;gap:11px}.promotion-strip h2{font-size:16px}.promotion-clock{padding:10px}.promotion-clock strong{font-size:18px}.promotion-strip p{font-size:9px}.promotion-strip .eyebrow{font-size:6px}}
.payment-methods{display:grid;gap:11px;margin:10px 0 17px}.payment-methods>h3{font-size:13px;color:#e0ebff;letter-spacing:-.2px;margin:0 0 2px}.payment-option{border:1px solid #41618c;border-radius:13px;padding:14px;background:linear-gradient(130deg,#1c3152,#15233b)}.payment-option.payment-wallet{background:linear-gradient(130deg,#23332d,#152a28);border-color:#416c60}.payment-option-head{display:flex;align-items:center;gap:10px}.payment-option-icon{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border:1px solid #88b7ff3b;border-radius:10px;background:#588cff20;color:#b1cdff;font-size:21px}.payment-wallet .payment-option-icon{background:#58c8a522;color:#9ce9cf;border-color:#8cdfc347}.payment-option-head strong{font-size:12px;color:#ecf3ff;display:block}.payment-option-head small{font-size:9px;color:#9eb4d3;display:block;margin-top:3px}.payment-option p{font-size:10px;color:#a3b9d8;line-height:1.7;margin:11px 0}.payment-tag{margin-left:auto;font-size:8px;font-weight:700;color:#acd0ff;background:#305892;border:1px solid #729bcd50;padding:3px 6px;border-radius:5px}.payment-wallet-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#a1c2b7;margin-top:14px;padding:9px 0;border-top:1px solid #84bb9f25;border-bottom:1px solid #84bb9f25}.payment-wallet-balance strong{font-size:18px;color:#a1e7cb;letter-spacing:-.3px}.payment-wallet.insufficient{border-color:#75664a;background:linear-gradient(130deg,#302f2b,#1d262b)}.payment-wallet.insufficient .payment-wallet-hint{color:#e6c58f}.payment-wallet .button:disabled{cursor:not-allowed;opacity:.65;color:#a9b9c8}.payment-wallet .button:not(:disabled){background:#245a4c;border-color:#589a83;color:#d1ffed}.payment-option .button{min-height:41px;font-size:11px}

/* Account security v5.4 */
.security-profile{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid #3c5680;border-radius:18px;background:linear-gradient(120deg,#203557,#141e32);margin:0 0 22px}.security-avatar{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:17px;background:#5483ff;color:#fff;font-size:25px;font-weight:800}.security-profile h2{margin:0;font-size:22px}.security-profile p{margin:6px 0 0;color:#a9bcda;font-size:12px}.security-profile>a{margin-left:auto;white-space:nowrap}.security-grid{align-items:start}.security-grid .panel{padding:26px;border-color:#344969}.security-grid .panel>.eyebrow{display:block;margin-bottom:12px;color:#a1bdff}.security-info{display:grid;gap:7px;font-size:13px}.security-info dt{color:#92a7c9;font-size:11px;margin-top:8px}.security-info dd{margin:0;color:#f0f5ff;overflow-wrap:anywhere}.security-badge{display:inline-block;margin:5px 0 0 7px;padding:4px 7px;border:1px solid #5d5660;background:#332d39;border-radius:7px;font-size:10px;color:#dec9dd}.security-badge.verified{border-color:#2e6a54;background:#173d30;color:#8ee4bb}.security-links{display:grid;gap:13px;margin:22px 0}.security-links a{font-size:12px;color:#b4ceff}.security-form label{display:block;font-size:12px;color:#c1cfe7;margin:17px 0}.security-form input{display:block;width:100%;height:auto;min-height:44px;border:1px solid #455d82;border-radius:10px;background:#0c1526;color:#f5f8ff;padding:12px;margin-top:7px;box-sizing:border-box;font-size:13px}.security-form input:focus{outline:2px solid #81a7ff;outline-offset:1px}.security-form input[type=hidden]{display:none}.security-verify{margin-top:25px;padding-top:22px;border-top:1px solid #344969}.security-verify h3{font-size:16px}.security-success{padding:14px 18px;border:1px solid #36765c;border-radius:10px;background:#15382b;color:#a1edc7;font-size:13px}.security-text-button{display:block;background:none;border:0;color:#b8d0ff;text-decoration:underline;padding:14px 0;font:inherit;cursor:pointer}.security-feedback:empty{display:none}.recovery-dialog{max-width:470px}.recovery-dialog p{font-size:12px;line-height:1.7;color:#a9bcda}.security-profile .button{font-size:12px}@media(max-width:640px){.security-profile{flex-wrap:wrap;padding:18px}.security-profile>a{margin-left:74px}.security-grid .panel{padding:20px}.security-profile h2{font-size:19px}}

.referral-link{display:flex;gap:12px;margin:20px 0}.referral-link input{flex:1;min-width:0;color:#e4ecff;background:#0b1323;border:1px solid #42618c;border-radius:10px;padding:15px;font:inherit}.referral-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.referral-metrics h2{font-size:30px;color:#a8c6ff;margin:14px 0}.referral-metrics small{color:#adc2e5;font-weight:700}.ref-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ref-tier{background:#0d1727;border:1px solid #2f415c;border-radius:12px;padding:13px;display:grid;gap:6px}.ref-tier span{font-size:12px;color:#b6c7df}.ref-tier.current{border-color:#6ca5ff;background:#203857}.ref-confirm{display:flex!important;align-items:flex-start;gap:10px}.ref-confirm input{width:auto!important;flex:none;margin-top:4px}.ref-history{margin-top:22px}.ref-history-row{padding:18px 0;border-top:1px solid #30405a}.ref-history-row p{overflow-wrap:anywhere}.referral-intro h2{margin-top:10px}@media(max-width:700px){.referral-metrics{grid-template-columns:1fr}.referral-link{flex-direction:column}.referral-metrics h2{font-size:26px}}

/* Ocean skill presentation. Scoped poster artwork and buying interface. */
.product-dialog.skill-dialog{color-scheme:light;background:#fafbf7;color:#12374b;border:1px solid #d4e3eb;border-radius:24px;width:min(1080px,calc(100vw - 32px));max-width:1080px;padding:48px 30px 30px;box-shadow:0 32px 100px #0007;max-height:94dvh}
.skill-dialog::backdrop{background:#173f5480;backdrop-filter:blur(7px)}
.skill-dialog>.close{position:absolute;right:18px;top:14px;background:#fff;color:#07577f;border:1px solid #d4e3eb;width:36px;height:36px;border-radius:50%;z-index:3}
.skill-presentation{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:34px;align-items:start}
.skill-media{position:sticky;top:0;min-width:0}.skill-poster{min-height:470px;aspect-ratio:300/470;overflow:hidden;position:relative;border-radius:22px;border:1px solid #d4e3eb;background:radial-gradient(ellipse at 68% 40%,#ffc56d9c,transparent 49%),repeating-radial-gradient(ellipse at -10% -10%,transparent 0 12px,#5c91ad33 12.6px 13.1px,transparent 13.5px 26px),#edf5fa;padding:22px 18px;color:#12374b;display:flex;flex-direction:column;justify-content:space-between}
.skill-poster-brand{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;font-weight:750}.skill-poster-brand>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#07577f;color:#fff;font-size:13px;letter-spacing:-.5px}
.skill-poster-kicker{font-size:23px;line-height:1.2;font-weight:850;letter-spacing:-1px;margin:20px 0 12px}.skill-preview-stack{position:relative;height:235px;margin:4px 0 14px}
.skill-preview-source{position:absolute;left:0;top:60px;width:37%;height:145px;border-radius:14px;background:#badbeb;border:3px solid #fafbf7;transform:rotate(-7deg);box-shadow:0 8px 14px #126b9425;padding:10px 8px;display:flex;flex-direction:column;gap:10px}.skill-preview-source>span{font-size:7px;letter-spacing:.5px;font-weight:800}.skill-preview-source>i{height:9px;background:#5383a366;border-radius:3px}.skill-preview-source>i:nth-of-type(2){width:65%}.skill-preview-source small{font-size:6px;margin-top:auto}
.skill-preview-edit{position:absolute;right:0;top:0;width:68%;height:233px;border-radius:17px;border:3px solid #fafbf7;background:radial-gradient(ellipse at 90% 15%,#77b5d57d,transparent 68%),#07577f;box-shadow:0 13px 22px #126b9425;padding:12px 10px;color:#fff;transform:rotate(3deg)}
.skill-preview-edit>span{font-size:7px;font-weight:750;letter-spacing:.6px;color:#d8effa}.skill-demo-product{position:relative;margin:12px auto 7px;width:58px;height:62px;border-radius:12px;background:linear-gradient(120deg,#badbeb,#badbeb);display:grid;place-items:center;color:#07577f;box-shadow:5px 6px 0 #07577f}.skill-demo-product i{position:absolute;top:-7px;width:30px;height:11px;background:#468fb6;border-radius:4px}.skill-demo-product b{font-size:23px;letter-spacing:-2px}.skill-demo-caption{font-weight:850;text-align:center;line-height:1.35;font-size:15px}.skill-demo-caption em{color:#fff0df;font-style:normal}.skill-demo-timeline{display:flex;gap:4px;margin:13px 0 5px}.skill-demo-timeline i{height:9px;flex:1;border-radius:3px;background:#badbeb}.skill-demo-timeline i:nth-child(2n){background:#fff0df}.skill-preview-edit>small{font-size:5px;letter-spacing:1px;display:block;text-align:center;color:#badbeb}
.skill-poster-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid #d4e3eb;padding-top:14px}.skill-poster-bottom b{font-size:15px;line-height:1.3;letter-spacing:-.4px}.skill-poster-bottom>span{font-size:7px;line-height:1.6;text-align:right;letter-spacing:.5px}.skill-media-note{text-align:center;font-size:8px;letter-spacing:1.2px;color:#526b7a;font-weight:700;margin:13px 0}.skill-package-facts{display:flex;justify-content:space-around;gap:8px;color:#526b7a;border-top:1px solid #d4e3eb;margin-top:20px;padding-top:16px;font-size:9px}.skill-package-facts b{display:block;font-size:22px;color:#07577f}
.skill-content{min-width:0}.skill-badges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 23px}.skill-badges>span{border-radius:12px;background:#087cba;color:#fff;font-weight:750;font-size:11px;padding:9px 14px;box-shadow:0 6px 15px #0e7ab51a}.skill-badges>span+span{background:#e77b31}.skill-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:750;color:#526b7a;margin:0 0 9px}
.skill-content h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;color:#12374b;margin:0 0 15px;font-weight:800}.skill-lead{font-size:12px;line-height:1.95;color:#526b7a;margin:0 0 26px}
.skill-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}.skill-feature h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:11px;font-weight:750;color:#12374b}.skill-feature h3 svg{width:15px;height:15px;flex-shrink:0;color:#07577f}.skill-feature p{font-size:10px;line-height:1.95;color:#526b7a;margin:0}
.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 15px}.skill-tags span{padding:6px 11px;border:1px solid #d4e3eb;border-radius:30px;color:#526b7a;font-size:8px}
.skill-guide{border:1px solid #d4e3eb;background:#edf5fa;border-radius:16px;padding:15px 17px}.skill-guide h3{font-size:11px;font-weight:750;margin:0 0 8px;color:#07577f}.skill-guide p{font-size:10px;line-height:1.95;margin:0;color:#526b7a}.skill-guide b{color:#526b7a;font-weight:650}
.skill-requirements{margin-top:14px;color:#526b7a;font-size:10px;border-bottom:1px solid #d4e3eb;padding:0 1px 14px}.skill-requirements summary,.skill-wallet summary{cursor:pointer;font-weight:650;line-height:1.8}.skill-requirements p{font-size:10px;line-height:1.9;margin:11px 0 0;color:#526b7a}
.skill-purchase{padding-top:22px}.skill-price-label{font-size:10px;color:#526b7a}.skill-price{display:block;color:#087cba;font-size:34px;font-weight:850;line-height:1.4;letter-spacing:-1.5px;margin:9px 0 4px}.skill-price-note{font-size:9px;color:#526b7a;margin:0 0 19px;line-height:1.8}.skill-purchase-actions{display:flex;gap:10px;flex-wrap:wrap}.skill-dialog .button{font-size:10px;font-weight:750;min-height:44px;border-radius:30px;padding:11px 19px;gap:8px}.skill-dialog .skill-buy{background:linear-gradient(110deg,#badbeb,#087cba);border:1px solid #badbeb;color:#fff;box-shadow:0 7px 20px #0e7ab51a}.skill-dialog .skill-buy:hover{filter:brightness(1.06)}.skill-dialog .skill-contact{background:#fafbf7;border:1px solid #d4e3eb;color:#12374b}.skill-payment-note{font-size:9px;line-height:1.9;color:#526b7a;margin:15px 0 0}.skill-payment-note b{font-weight:600;color:#526b7a}.skill-dialog .form-error{color:#a13e2e;font-size:11px}.skill-wallet{margin-top:14px;padding:12px 14px;border:1px solid #d4e3eb;border-radius:12px;font-size:10px;color:#526b7a}.skill-wallet p{font-size:10px;line-height:1.8;color:#526b7a}.skill-dialog .skill-wallet-buy{background:#edf5fa;border:1px solid #d4e3eb;color:#07577f}
@media(max-width:740px){.product-dialog.skill-dialog{width:calc(100vw - 20px);padding:50px 20px 25px;border-radius:20px;max-height:96dvh}.skill-presentation{grid-template-columns:1fr;gap:27px}.skill-media{position:static;max-width:300px;width:100%;margin:0 auto}.skill-poster{min-height:420px;aspect-ratio:300/445}.skill-package-facts{margin-top:10px;padding-top:10px}.skill-content h2{font-size:27px}.skill-lead{font-size:12px}.skill-feature-grid{gap:22px 17px}.skill-feature h3{font-size:10px;gap:5px}.skill-feature p,.skill-guide p{font-size:10px}.skill-badges{margin-bottom:20px}.skill-price{font-size:33px}.skill-purchase-actions .button{flex:1;white-space:nowrap;padding-inline:14px}.skill-price-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.skill-dialog *{scroll-behavior:auto}}

/* Readability pass */
.skill-badges>span{font-size:12px}.skill-eyebrow{font-size:10px}.skill-content h2{font-size:31px}.skill-lead{font-size:14px;line-height:1.9}.skill-feature h3{font-size:13px}.skill-feature p{font-size:12px;line-height:1.9}.skill-tags span{font-size:10px}.skill-guide h3{font-size:13px}.skill-guide p{font-size:12px}.skill-requirements,.skill-requirements p{font-size:12px}.skill-price-label{font-size:12px}.skill-price-note{font-size:11px}.skill-dialog .button{font-size:12px}.skill-payment-note{font-size:11px}.skill-wallet,.skill-wallet p{font-size:12px}
@media(max-width:740px){.skill-content h2{font-size:27px}.skill-lead{font-size:13px}.skill-feature-grid{grid-template-columns:1fr}.skill-feature h3{font-size:13px}.skill-feature p,.skill-guide p{font-size:12px}.skill-feature-grid{gap:18px}.skill-badges>span{font-size:11px}.skill-purchase-actions .button{font-size:11px}.skill-poster{min-height:420px}}

/* DuLuong Ocean — shared customer/admin tokens. Product photos keep their original colors. */
:root{color-scheme:light;--bg:#f7f8f5;--surface:#fff;--panel:#fff;--line:#d9e3e8;--text:#12374b;--muted:#526b7a;--blue:#087cba;--green:#087cba;--ocean:#087cba;--ocean-deep:#07577f;--ocean-soft:#e9f4fa;--orange:#e77b31;--orange-soft:#fff2e6;--font:'Be Vietnam Pro',system-ui,sans-serif}
body{background:var(--bg);color:var(--text);font-family:var(--font)}
button,input,select,textarea{font-family:inherit}a,button,input,select,textarea{outline-color:var(--ocean)}
input,select,textarea{color-scheme:light;accent-color:var(--ocean)}
::selection{background:#b6e0f4;color:#12374b}.ambient{background:radial-gradient(ellipse at 85% 10%,#dceff7a1,transparent 65%)}
.topbar{border-color:var(--line)}.brand,.brand small{color:var(--text)}.brand-store,.brand small,.eyebrow,.eyebrow.muted{color:var(--ocean-deep)}
.brand-mark,.sidebar .brand>b{background:linear-gradient(140deg,#1395cc,#075c91);border-color:#2489b7;color:#fff;box-shadow:0 6px 18px #0b75aa1c}
.desktop-nav a,.wallet-chip,.profile-button{background:#fff;border-color:var(--line);color:var(--text);box-shadow:none}
.desktop-nav a:hover,.desktop-nav a.active{background:var(--ocean-soft);border-color:#9bcce3;color:var(--ocean-deep)}
.wallet-chip{background:var(--ocean-soft);border-color:#c2dfec;color:var(--ocean-deep)}.wallet-chip .icon{color:var(--ocean)}.profile-button{background:#fff;border-color:#bdd4df;color:var(--ocean-deep)}
.hero{background:linear-gradient(110deg,#eaf4fa 0%,#f5f8f6 53%,#fff0df);border-color:#cddfe8;box-shadow:0 16px 40px #163f5910;height:310px}
.hero-media{left:51%;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%)}
.hero-scene{opacity:.28;mix-blend-mode:luminosity;filter:saturate(.2);object-position:72% 50%}
.hero::before{background:linear-gradient(90deg,#eaf4fa 0%,#f1f7f6f0 43%,#edf5f661 74%,#ffe9d63d)}
.hero::after{height:3px;background:linear-gradient(90deg,#087cba,#42b4da 65%,#e77b31)}
.hero-glimmer{opacity:.2;background:radial-gradient(ellipse at 80% 65%,#088fc81a,transparent 60%)}
.hero-copy{padding:37px 36px;max-width:690px}.hero h1{color:var(--text);text-shadow:none;font-size:40px}.hero h1>span{color:var(--ocean);-webkit-text-fill-color:currentColor}.hero .eyebrow{color:var(--ocean-deep)}.hero .eyebrow i{background:var(--orange);box-shadow:none}.hero-copy>p{color:var(--muted);font-size:13px}
.button.primary,.primary,.hero-actions .primary{background:linear-gradient(120deg,#087cba,#086da5);border-color:#0775ae;color:#fff;box-shadow:0 7px 18px #0a76aa1a}.button.primary:hover,.primary:hover,.hero-actions .primary:hover{background:#075d90}
.button.secondary,.secondary,.store-link{background:#fff;border-color:#bfd4df;color:var(--ocean-deep);box-shadow:none}.button.secondary:hover,.secondary:hover{background:var(--ocean-soft)}
.text-link,.hero-actions .text-link{color:var(--ocean-deep)}.motion-toggle{color:var(--ocean-deep);background:#ffffffdc;border-color:#c0dce9;box-shadow:none}.motion-toggle:hover{background:var(--ocean-soft);border-color:#8cbcd3}
.benefits>.feature-card{--feature:#087cba;--feature-soft:#ddf0f9;--feature-surface:#fff;background:linear-gradient(155deg,#fff,#f0f7fa);border-color:#cedfe8;box-shadow:0 6px 15px #17455d07}
.benefits>.feature-wallet,.benefits>.feature-support{--feature:#ce641d;--feature-soft:#fff0df;--feature-surface:#fff;background:linear-gradient(155deg,#fff,#fff4e9);border-color:#efdbc5}
.benefits .feature-card strong{color:var(--text)}.benefits .feature-card small{color:var(--muted)}.feature-card .feature-icon{filter:none}.feature-card .feature-chevron{opacity:.8}
.catalog-status{background:var(--ocean-soft);color:var(--ocean-deep);border-color:#badce9}.catalog-status i{background:var(--ocean)}
.search-box,.catalog-controls select,.category,.pagination button{background:#fff;border-color:var(--line);color:var(--muted)}.search-box input{color:var(--text)}.search-box input::placeholder{color:#637c8b}.search-box>span{color:#527e98}.search-box kbd{border-color:#c7d9e4;color:#567083}
.category:hover{background:#f0f7fa;color:var(--ocean-deep);border-color:#8bbbd2}.category.active{background:var(--ocean);border-color:var(--ocean);color:#fff}.category.active b{color:#fff}.results-line{color:var(--muted)}.pagination button.active{background:var(--ocean);border-color:var(--ocean);color:#fff}
.product-card{background:#fff;border-color:#d6e2e8;box-shadow:0 4px 16px #254d6407}.product-card:hover{border-color:#8bbfd8;box-shadow:0 14px 28px #16506b13}.product-body{padding:16px}.product-category{color:#496c80}.product-body h3{color:var(--text);font-size:14px}.product-bottom{border-color:var(--line)}.product-price{color:var(--ocean);letter-spacing:-.6px}.product-summary{color:var(--muted)}
.stock-pill{background:#e5f2fa;color:#075b85}.stock-pill i{background:#1687b8}.stock-pill.out{background:#fff0e3;color:#a34c14}.stock-pill.out i{background:#d46c28}.stock-badge{background:#087baee8;border-color:#ffffff80;color:#fff}.stock-badge.out{background:#cf6b2beF;color:#fff}.price-before{color:#627583}.price-before b{background:var(--orange-soft);color:#a94e10}
.help-banner{background:linear-gradient(110deg,#edf5f8,#fff7ed);border-color:#d9e4e9}.help-banner p,.subtitle,.muted{color:var(--muted)}
footer{border-color:var(--line);color:#526d7f}footer .brand,footer>a:last-child{color:var(--ocean-deep)}
.bottom-nav{background:#fffffff2;border-color:#cbdde6;box-shadow:0 8px 35px #16465e1c}.bottom-nav a{color:#587382}.bottom-nav a>svg,.bottom-nav a:nth-child(2)>svg,.bottom-nav a:nth-child(4)>svg{color:var(--ocean)}.bottom-nav a:nth-child(3)>svg{color:#ce641d}.bottom-nav a.active{background:var(--ocean-soft);color:var(--ocean-deep);border-color:#b7d8e9;box-shadow:none}
.panel,.order-row{background:#fff;border-color:var(--line);box-shadow:0 6px 20px #153c5105}.panel p,.support-card p,.support-note p,.order-row p,.security-profile p{color:var(--muted)}.panel label,.auth-dialog label,.security-form label{color:var(--text)}
.panel input,.panel textarea,.auth-dialog input,.security-form input,.warranty-form textarea,.referral-link input{background:#fbfdff;border-color:#bbcfdd;color:var(--text)}
.panel input:focus,.auth-dialog input:focus,.security-form input:focus,.warranty-form textarea:focus{border-color:var(--ocean);outline:2px solid #b7dfee;outline-offset:1px}
.empty{background:#fcfdfd;color:var(--muted);border-color:#c7d9e3}.empty h3{color:var(--text)}.empty>span{color:var(--ocean)}
.support-card strong,.security-links a,.security-text-button,.auth-switch,.forgot{color:var(--ocean-deep)}.support-card:hover{border-color:#86b6d0}.support-note{background:#eef6fa}.contact-icon.telegram{background:#087cba}
.wallet-hero,.security-profile{background:linear-gradient(110deg,#e6f3fa,#eff7fa 65%,#fff1e3);border-color:#bfd9e7;color:var(--text)}.wallet-hero small,.wallet-hero p{color:var(--muted)}.wallet-hero h2{color:var(--ocean-deep)}.ledger-row{border-color:var(--line);color:var(--muted)}.ledger-row strong{color:var(--ocean-deep)}
.status,.pill.good,.security-badge.verified,.security-success{background:#e8f4fb;border-color:#b6dbe9;color:#075c86}.status.pending,.pill.warn,.notice{background:#fff3e6;border-color:#eed3b4;color:#91501d}.pill.bad,.form-error,.error{color:#ad3d28!important}.pill.bad{background:#fff0e9;border-color:#e9b9a7}.notice.good{background:#e8f4fb;border-color:#b6dbe9;color:#075c86}.notice a{color:var(--ocean-deep)}
.delivered,.warranty-terms,.terms{background:#f1f6fa;color:#1f536e;border-color:#cddde7}.warranty-block{background:#f0f7fa;border-color:#c9dfeb}.warranty-block p,.warranty-block summary,.warranty-form label{color:var(--muted)}
.topup-data{color:var(--text)}.topup-data code,.checkout-layout code{background:#e7f1f7;color:var(--ocean-deep)}
.product-dialog,.auth-dialog,dialog{background:#fafbf7;color:var(--text);border-color:#cedee6;box-shadow:0 28px 90px #0c30464a}.close,.skill-dialog>.close{background:#fff;color:var(--ocean-deep);border-color:#c5dce8}.product-dialog::backdrop,.auth-dialog::backdrop,dialog::backdrop{background:#153c5480}
.auth-mark,.security-avatar{background:var(--ocean);color:#fff}.auth-dialog>p,.recovery-dialog p{color:var(--muted)}.security-info dt{color:var(--muted)}.security-info dd{color:var(--text)}.security-grid .panel{border-color:var(--line)}.security-grid .panel>.eyebrow{color:var(--ocean-deep)}.security-badge{background:var(--orange-soft);border-color:#ecd1b5;color:#99501c}.security-verify{border-color:var(--line)}
.toast,#toast{background:var(--ocean-deep);color:#fff;border-color:#3887af;box-shadow:0 10px 28px #173e582b}
.checkout-layout p{color:var(--muted)}.checkout-layout .product-price{color:var(--ocean)}
.promotion-strip{background:linear-gradient(110deg,#e6f4fc,#eef7fb 70%,#fff0de);border-color:#bad9ea;color:var(--text)}.promotion-strip h2{color:var(--ocean-deep)}.promotion-strip p{color:var(--muted)}.promotion-clock{background:#fff;border-color:#d9e6ec}.promotion-clock span{color:#7d4c29}.promotion-clock strong{color:#c0601f}
.referral-metrics h2{color:var(--ocean-deep)}.referral-metrics small,.ref-tier span{color:var(--muted)}.ref-tier{background:#fff;border-color:var(--line)}.ref-tier.current{background:var(--ocean-soft);border-color:#8fbcd4}.ref-history-row{border-color:var(--line)}
.payment-methods>h3,.payment-option-head strong{color:var(--text)}.payment-option,.payment-option.payment-wallet,.payment-wallet.insufficient{background:#f0f7fb;border-color:#bddbe9}.payment-option-head small,.payment-option p,.payment-wallet-balance{color:var(--muted)}.payment-wallet-balance{border-color:var(--line)}.payment-wallet-balance strong{color:var(--ocean-deep)}.payment-wallet.insufficient .payment-wallet-hint{color:#9c551e}.payment-wallet .button:not(:disabled){background:var(--ocean);border-color:var(--ocean);color:#fff}.payment-option-icon,.payment-wallet .payment-option-icon,.payment-tag{background:#e2f0f8;border-color:#b9d8e8;color:var(--ocean-deep)}
/* Light product sheet shared by all catalog products; facts vary by product. */
.product-dialog.product-sheet{max-width:1100px;width:min(1100px,calc(100vw - 32px));padding:48px 32px 32px;max-height:94dvh;border-radius:24px}
.sheet-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:38px;align-items:start}.sheet-media{position:sticky;top:0;min-width:0}.sheet-image{overflow:hidden;border:1px solid #cedde7;border-radius:21px;background:#e9f3fa}.sheet-image .product-visual{aspect-ratio:1/1;height:auto}.sheet-image .product-photo{object-fit:contain;background:#ebf3f7}.sheet-media-caption{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;text-align:center;color:var(--ocean-deep);margin:17px 0}.sheet-stock{border-block:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.sheet-help{margin-top:22px;padding:19px;border-radius:15px;background:var(--ocean-soft);border:1px solid #d0e4ef}.sheet-help b{font-size:13px}.sheet-help p{font-size:12px;color:var(--muted);line-height:1.8}.sheet-help a{font-size:12px;font-weight:650;color:var(--ocean-deep)}
.sheet-content{min-width:0}.sheet-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.sheet-badges>span{border-radius:10px;padding:8px 13px;font-size:12px;font-weight:700;color:#fff;background:var(--ocean)}.sheet-badges>span+span{background:var(--orange-soft);color:#a34e14;border:1px solid #f0cfb1}.sheet-content>.eyebrow{font-size:10px;letter-spacing:1.4px}.sheet-content>h2{font-size:29px;line-height:1.35;letter-spacing:-.7px;margin:12px 0 17px;overflow-wrap:anywhere}.sheet-lead{font-size:14px;color:var(--muted);line-height:1.95;margin-bottom:27px}.sheet-facts{display:grid;grid-template-columns:1fr 1fr;gap:23px 24px;margin:0 0 27px}.sheet-facts article{display:flex;gap:10px;min-width:0}.sheet-facts article>span{font-size:10px;color:var(--ocean);padding-top:2px;font-weight:750}.sheet-facts h3{font-size:13px;line-height:1.5;margin:0 0 8px}.sheet-facts p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;overflow-wrap:anywhere}.sheet-important{padding:17px 19px;border:1px solid #eed6ba;border-radius:15px;background:var(--orange-soft);margin:0 0 24px}.sheet-important h3{color:#9c4f18;font-size:13px;margin:0 0 6px}.sheet-important p{font-size:12px;line-height:1.85;color:#795332;margin:5px 0;overflow-wrap:anywhere}.sheet-description{padding:22px 0;border-block:1px solid var(--line)}.sheet-description h3{font-size:14px;margin:0 0 12px}.sheet-description p{font-size:12px;line-height:1.95;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin:0}
.sheet-purchase{padding-top:25px}.sheet-price-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sheet-price-row .product-price{display:block;font-size:31px;margin-top:7px}.sheet-price-label{display:block;font-size:11px;color:var(--muted)}.sheet-old-price{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:8px}.sheet-old-price b{color:#a4551c;background:var(--orange-soft);border-radius:5px;padding:2px 6px}.quantity{background:#fff;border-color:#bed5e2;margin:7px 0}.quantity button{background:#edf5fa;color:var(--ocean-deep);min-height:40px}.quantity output{color:var(--text)}.buy-summary{padding:16px 0;border-block:1px solid var(--line);color:var(--muted);font-size:12px}.buy-summary strong{color:var(--ocean-deep);font-size:19px}.sheet-buy-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}.sheet-buy-actions .button{border-radius:99px;min-height:46px;padding:12px 20px}.sheet-payment-note{font-size:11px;line-height:1.9;color:var(--muted);margin:15px 0 20px}.sheet-wallet{padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#fff}.sheet-wallet summary{font-size:12px;color:var(--ocean-deep);font-weight:600}.sheet-wallet p{font-size:12px;color:var(--muted);margin-top:14px}.sheet-purchase .form-error:empty{display:none}
/* Administration uses the same palette and keeps its operational status colors. */
.sidebar{background:linear-gradient(180deg,#fbfdfd,#edf5f9);border-color:#d1e1eb}.sidebar .brand{color:var(--text)}.sidebar .brand small,.nav-label{color:#50748a}.sidebar nav>a{color:#31566d}.sidebar nav>a i{color:var(--ocean)}.sidebar nav>a:hover{background:#e8f3f9;color:var(--ocean-deep)}.sidebar nav>a.active{background:#dceefa;border-color:#a5cfe3;color:#07577f}.sidebar nav>a span{background:#d77530;color:#fff}.sidebar-foot{color:#5a7686}
.sidebar~main .button{background:var(--ocean);border-color:#0c75a7;color:#fff}.sidebar~main .button.secondary{background:#fff;border-color:#bfd4df;color:var(--ocean-deep)}.sidebar~main .button.danger{background:#fff0e9;border-color:#eabfa7;color:#a24023}.sidebar~main .button:hover{filter:none;background:#e6f2f9;color:var(--ocean-deep)}
.metric{background:linear-gradient(140deg,#fff,#f4f9fb);border-color:#cfdee7}.metric.primary{background:linear-gradient(130deg,#086f9e,#064c75);border-color:#075b85;color:#fff}.metric>span,.metric small{color:var(--muted)}.metric.primary>span,.metric.primary small{color:#d9edf8}.metric.primary strong{color:#fff}
.pill{background:var(--ocean-soft);border-color:#bfdbe9;color:var(--ocean-deep)}.pill.good{background:#e3f3fa;color:#075b84;border-color:#add5e7}.pill.warn{background:var(--orange-soft);color:#945019;border-color:#eed1b1}.pill.bad{background:#fff0e9;color:#ad3d28;border-color:#e9b9a7}.data-line{border-color:var(--line)}.data-line>span{color:var(--muted)}.hero-number{color:var(--ocean)}
table{color:var(--text)}thead,th{background:#eef5f9;color:#385f77}td{color:var(--text)}table th,table td{border-color:var(--line)}tbody tr:hover{background:#f1f8fc}.table-wrap{border-color:var(--line)}.filters input,.filters select,.max-form input,.max-form select,.form-grid input,.form-grid select,main textarea,.revenue-controls input{background:#fff;color:var(--text);border-color:#bfd3df}.form-help,.pagination{color:var(--muted)}
.revenue-controls{background:#edf5f9;border-color:#cbdfe9}.revenue-tabs .active{background:var(--ocean)!important;border-color:var(--ocean)!important;color:#fff!important}.revenue-period,.revenue-data summary,summary{color:var(--ocean-deep)}.revenue-total td{background:#e6f2fa;border-color:#91bed7}.calendar-chart .bar.zero,.chart{border-color:#cbdee9}.bar>i{background:linear-gradient(#42a7d6,#0877b0)}.bar small{color:#50738a}.tabs a{border-color:#bed7e6;color:var(--ocean-deep)}.tabs a.active{background:var(--ocean);color:#fff}
@media(max-width:1000px){.hero-copy{max-width:73%;padding:34px 27px}.hero h1{font-size:34px}.sheet-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:27px}.product-body{padding:13px}.sheet-content>h2{font-size:26px}}
@media(max-width:760px){.hero{height:292px}.hero-copy{max-width:none;padding:29px 23px}.hero h1{font-size:32px}.hero-copy>p{font-size:11px;max-width:85%}.hero-media{left:36%;opacity:.5}.hero::before{background:linear-gradient(90deg,#eaf4fa,#edf5f5ed 58%,#fff0df99)}.hero-actions .text-link{font-size:10px}.hero-actions .primary{font-size:11px}.hero .eyebrow{font-size:8px}.benefits .feature-card strong{font-size:10px}.product-body h3{font-size:13px}.product-dialog.product-sheet{padding:46px 21px 24px;width:calc(100vw - 20px);max-height:96dvh}.sheet-layout{grid-template-columns:1fr;gap:27px}.sheet-media{position:static;max-width:360px;width:100%;margin:auto}.sheet-image .product-visual{aspect-ratio:3/2}.sheet-help{display:none}.sheet-content>h2{font-size:26px}.sheet-lead{font-size:13px}.sheet-facts{grid-template-columns:1fr;gap:20px}.sheet-price-row .product-price{font-size:28px}.sheet-buy-actions{display:grid;grid-template-columns:1fr}.sheet-buy-actions .button{width:100%;gap:7px}.sheet-badges>span{font-size:11px}.sheet-description p{font-size:13px}.sheet-content>.eyebrow{font-size:9px}.sheet-purchase{padding-top:22px}.sheet-stock{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final contrast adjustments for forms, tables and skill purchase. */
label{color:var(--text)}input,select,textarea{background:#fff;color:var(--text);border-color:#bfd3df}td strong{color:var(--text)}tbody tr:hover td{background:#f1f8fc}.skill-dialog .skill-buy{background:linear-gradient(120deg,#087cba,#086da5);border-color:#0775ae;color:#fff}.skill-badges>span+span{background:#fff0df;color:#99480f;border:1px solid #eac7a7}.skill-demo-caption em{color:#ffc47c}.skill-demo-timeline i:nth-child(2n){background:#ffb66a}

/* DuLuong Studio 6 — editorial storefront. Shared ocean account/admin theme stays intact. */
html{scroll-padding-top:105px}body{background:#f7f8f5;-webkit-font-smoothing:antialiased}.ambient{display:none}
.topbar{position:sticky;top:0;z-index:25;max-width:none;height:88px;padding:0 max(32px,calc((100vw - 1280px)/2));background:#f7f8f5ed;backdrop-filter:blur(18px);border-bottom:1px solid #dce5e9;gap:24px}.brand{font-size:24px}.brand-store{letter-spacing:4px;font-size:8px}.brand-mark{width:46px;height:46px;border-radius:14px;box-shadow:0 7px 20px #087cba20}.desktop-nav{gap:22px}.desktop-nav a{border:0;background:transparent;min-height:40px;padding:5px 0;font-size:12px;font-weight:650;border-radius:0;position:relative;color:#4a6574}.desktop-nav a>svg{display:none}.desktop-nav a.active,.desktop-nav a:hover{background:transparent;color:#07577f}.desktop-nav a.active::after{content:'';height:3px;border-radius:2px;background:#087cba;position:absolute;bottom:-24px;left:0;right:0}.wallet-chip{padding:10px 15px;font-size:12px}.profile-button{width:40px;height:40px;background:white}
main{max-width:1360px;padding:0 40px;margin:auto}#view-store{padding-top:24px}.studio-hero{height:505px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;overflow:hidden;border-radius:28px;background:#edf4f6;border:1px solid #d7e4e9;box-shadow:none;isolation:isolate;position:relative}.studio-hero::before{background:linear-gradient(90deg,#edf4f6 0%,#edf4f6 39%,#edf4f6aa 50%,transparent 68%);z-index:-1}.studio-hero::after{display:none}.studio-hero .hero-copy{padding:45px 0 42px 44px;max-width:none;z-index:2}.studio-hero .eyebrow{font-size:10px;letter-spacing:2px;color:#07577f}.studio-hero .hero-copy h1{font-size:clamp(40px,4.5vw,62px);font-weight:800;line-height:1.13;letter-spacing:-2.4px;margin:23px 0 23px;max-width:690px}.studio-hero h1>span{color:#087cba;white-space:nowrap}.studio-hero .hero-copy>p{font-size:14px;line-height:1.95;max-width:480px;margin-bottom:26px;color:#506a78}.studio-hero .hero-media{inset:0 0 0 41%;z-index:-2;opacity:1;mask-image:none;-webkit-mask-image:none;border-radius:0}.studio-hero .hero-scene{object-fit:cover;object-position:55% 50%;opacity:1;filter:none;mix-blend-mode:normal;animation:hero-drift 24s ease-in-out infinite alternate;transform-origin:60% 50%}.studio-hero .hero-actions{gap:22px}.studio-hero .primary{border-radius:99px;padding:14px 23px;min-height:49px;font-size:13px;box-shadow:0 8px 20px #087cba20}.studio-hero .text-link{font-size:12px;white-space:nowrap}.hero-proof{display:flex;gap:22px;margin-top:33px;color:#506a78;font-size:10px}.hero-proof b{color:#bd5f22;font-size:10px;margin-right:7px;border:1px solid #d4dfe3;border-radius:50%;padding:5px;background:#ffffff90}.hero-floating{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #ffffffc9;background:#ffffffc7;box-shadow:0 12px 25px #17476512;backdrop-filter:blur(12px);z-index:1;border-radius:99px;color:#16475e;animation:feature-float 7s ease-in-out infinite;font-size:11px}.hero-floating-top{right:36px;top:31px;padding:12px 17px}.floating-dot{width:7px;height:7px;border-radius:50%;background:#e77b31;box-shadow:0 0 0 4px #fff1e2}.hero-floating-bottom{right:24px;bottom:42px;border-radius:17px;padding:14px 20px;animation-delay:-3s}.hero-floating-bottom>span{font-size:28px;color:#db762d}.hero-floating b{font-size:9px;letter-spacing:1.4px;display:block}.hero-floating small{font-size:10px;color:#526b7a;display:block;margin-top:4px}.studio-hero .motion-toggle{bottom:16px;left:16px;right:auto;font-size:8px;padding:5px 9px;background:#ffffffa8;min-height:24px;opacity:.8}.hero-proof+.motion-toggle{margin:0}
.brand-rail{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 4px 30px;border-bottom:1px solid #dbe4e8;color:#284d62}.brand-rail>span{font-size:8px;letter-spacing:1.3px;line-height:1.8;color:#657d89;flex:0 0 auto}.brand-rail>span b{font-size:8px;font-weight:750;color:#284d62}.brand-rail>b{font-size:21px;letter-spacing:-.7px;white-space:nowrap}.brand-rail>b span{font-size:8px;letter-spacing:1.1px;color:#617d8f;font-weight:600;margin-left:4px}.brand-rail>a{font-size:11px;color:#07577f;white-space:nowrap;font-weight:650}
.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.studio-heading h2{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:11px 0 0;color:#12374b}.studio-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#087cba}.studio-heading>p,.studio-heading>div>p{font-size:12px;color:#526b7a;max-width:310px;line-height:1.8;margin:0}.studio-heading>div>a{display:block;margin-top:12px;font-size:11px;font-weight:650;color:#07577f}
.need-section{padding:47px 0 23px}.need-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.need-card{position:relative;min-height:124px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:17px 15px;border:1px solid #d5e2e9;border-radius:17px;background:#fff;color:#12374b;transition:background .2s,transform .2s,border-color .2s}.need-number{font-size:9px;letter-spacing:1px;color:#087cba}.need-card b{font-size:12px;line-height:1.4}.need-card small{font-size:9px;line-height:1.6;color:#617887}.need-arrow{position:absolute;right:14px;top:13px;color:#8ba7b5;font-size:13px}.need-card:hover{transform:translateY(-3px);border-color:#84bdd8;background:#f4fafe}.need-card.active{background:#07577f;color:#fff;border-color:#07577f;box-shadow:0 8px 17px #07577f18}.need-card.active .need-number,.need-card.active small,.need-card.active .need-arrow{color:#c5e4f3}.need-card:last-child:not(.active){background:#fff4e9;border-color:#edd7c1}.need-card:last-child .need-number{color:#b45a20}
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 42px;padding:18px 0;border-bottom:1px solid #dbe4e8}.benefits>.feature-card,.benefits>.feature-wallet,.benefits>.feature-support{background:none;border:0;border-right:1px solid #dce5e9;border-radius:0;box-shadow:none;min-height:55px;padding:4px 14px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:1fr 1fr;text-align:left;gap:0 12px;justify-content:start}.benefits>.feature-card:last-child{border-right:0}.feature-card::before,.feature-chevron{display:none}.benefits .feature-icon{grid-row:span 2;margin:0;width:34px;height:34px;animation:none}.benefits .feature-icon svg{width:34px;height:34px}.benefits .feature-card strong{font-size:11px;align-self:end}.benefits .feature-card small{font-size:9px;display:block;margin-top:3px}.benefits>.feature-card:hover{transform:none;background:#edf5fa;border-radius:10px}
.featured-section{margin-bottom:57px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.featured-grid .product-visual{aspect-ratio:16/8.5}.featured-grid .product-body{padding:20px}.featured-grid .product-body h3{font-size:17px;min-height:0;-webkit-line-clamp:2}.featured-grid .product-benefit{font-size:12px;min-height:42px}.featured-grid .product-price{font-size:25px}.featured-grid .card-cta{font-size:11px}.featured-grid .product-package{margin-top:13px}
.catalog-section{padding-top:15px}.catalog-section .section-title h2{font-size:34px;letter-spacing:-1.1px;margin:10px 0 0}.catalog-section .section-title{margin-bottom:26px}.section-title .eyebrow.muted{font-size:9px;letter-spacing:1.5px}.catalog-status{font-size:10px;padding:8px 12px}.catalog-controls{gap:12px}.search-box{min-height:54px;border-radius:13px;box-shadow:none;background:#fff}.search-box input{font-size:13px;height:52px}.catalog-controls select{font-size:12px;min-width:185px;border-radius:13px}.categories{margin-top:21px;padding-bottom:10px;gap:8px}.category{font-size:11px;min-height:38px;padding:9px 15px}.category.active{background:#123e59;border-color:#123e59}.live-catalog-facts{font-size:10px;color:#617988;margin:9px 0 0}.results-line{font-size:10px;margin:12px 0 20px}.results-line label{color:#526b7a}.product-grid{gap:19px}.product-card{border-radius:20px;background:#fff;border:1px solid #d8e3e9;box-shadow:0 5px 15px #13395005;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #174d6512;border-color:#98c6dd}.product-visual{aspect-ratio:16/10;border-bottom:1px solid #e0e9ef;background:#edf4f8}.product-visual .product-photo{object-fit:cover;transition:transform .5s}.product-open:hover .product-photo{transform:scale(1.035)}.product-body{padding:18px 17px 16px}.product-topline{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:20px}.product-category{font-size:8px;letter-spacing:1.3px;color:#4b7188}.saving-badge{background:#fff0df;border:1px solid #f1d7b6;border-radius:7px;font-size:9px;font-weight:750;color:#a94b10;padding:3px 6px}.product-body h3{font-size:14px;line-height:1.5;letter-spacing:-.2px;color:#12374b;margin:8px 0 8px;min-height:43px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-benefit{font-size:11px;line-height:1.8;color:#526b7a;margin:0;min-height:40px}.product-package{font-size:9px;line-height:1.6;color:#607b8b;margin:15px 0 12px;border-top:1px solid #e4edf1;padding-top:11px;min-height:27px}.product-bottom{border-color:#e2ebf0;padding-top:12px;margin-top:auto;align-items:flex-end;gap:8px}.product-bottom>div>small{display:block;font-size:8px;color:#607c8d;margin:0 0 5px}.product-price{display:block;font-size:21px;color:#0875ab;font-weight:800;letter-spacing:-.8px}.card-cta{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;background:#eaf4fa;color:#07577f;border:1px solid #cbe2ed;border-radius:99px;padding:8px 11px;white-space:nowrap}.product-open:hover .card-cta{background:#087cba;border-color:#087cba;color:#fff}.product-body>.stock-pill{font-size:8px;background:none;border:0;padding:0;margin-top:12px;align-self:flex-start;color:#507789}.product-body>.stock-pill.out{color:#a15d34}.stock-badge{font-size:7px;padding:4px 7px;letter-spacing:.1px;top:10px;left:10px;background:#075f8fe8;box-shadow:none}.stock-badge.out{background:#b46731e8}.price-before{margin-top:3px;margin-bottom:3px;font-size:11px;color:#6a7f8b;gap:7px}.price-before span{font-size:8px}.is-unavailable{background:#fbfcfc}.sold-out-overlay{background:#091c3626}.product-card .sold-out-overlay b{background:#17374dd9;border-color:#ffffff80;font-size:10px}
.promotion-strip{margin:0 0 28px;border:1px solid #d7e4ed;background:linear-gradient(110deg,#07577f,#0b6f9e);color:#fff;border-radius:19px;padding:22px 26px;box-shadow:0 12px 25px #07577f13}.promotion-strip .eyebrow{color:#bde1f3;font-size:8px}.promotion-strip h2{color:#fff;font-size:23px;letter-spacing:-.6px}.promotion-strip p{color:#d5ebf6;font-size:11px}.promotion-clock{background:#ffffff12;border-color:#ffffff35;padding:12px 19px}.promotion-clock span{color:#d3e9f7}.promotion-clock strong{color:#ffd09b;font-size:27px}
.skill-spotlight{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:390px;border:1px solid #d6e4ec;border-radius:27px;background:#eaf3f8;overflow:hidden;margin:65px 0}.skill-spot-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 60%,#a9d3e599,transparent 64%),#e7f1f7;overflow:hidden}.skill-spot-orbit{position:absolute;inset:8% 16%;border-radius:50%;border:1px solid #9fc6db;transform:rotate(-25deg);aspect-ratio:1}.skill-spot-orbit::after{content:'';position:absolute;inset:22px;border:1px dashed #afd0e2;border-radius:50%}.skill-spot-tag{position:absolute;top:29px;left:30px;font-size:9px;color:#07577f;letter-spacing:2px;font-weight:750}.skill-spot-frame{width:210px;height:235px;position:relative;display:flex;flex-direction:column;padding:23px 20px;background:linear-gradient(145deg,#106f9e,#083e60);border:1px solid #b7e2f6;border-radius:24px;transform:rotate(-8deg);box-shadow:17px 23px 0 #a0c5d733,0 30px 50px #123b6a25;color:#fff}.skill-spot-frame>span{font-size:8px;letter-spacing:2px;color:#b4ddeb}.skill-spot-frame>b{position:relative;font-size:86px;letter-spacing:-8px;line-height:1.5;align-self:center}.skill-spot-frame>b span{font-size:32px;letter-spacing:0;position:absolute;top:11px;right:-14px;color:#ffb472}.skill-spot-timeline{display:flex;gap:4px;margin-top:auto;align-items:flex-end;height:20px}.skill-spot-timeline i{background:#8dd4f4;height:11px;width:30%;border-radius:4px}.skill-spot-timeline i:nth-child(2n){background:#ffb66f;width:20%;height:18px}.skill-spot-note{position:absolute;bottom:25px;left:30px;right:20px;letter-spacing:1.2px;font-size:8px;color:#4a7288;font-weight:600}.skill-spot-copy{padding:39px 42px 40px 26px}.skill-spot-copy .eyebrow{font-size:9px}.skill-spot-copy h2{font-size:37px;letter-spacing:-1.3px;line-height:1.25;margin:17px 0 20px}.skill-spot-copy h2 em{color:#087cba;font-style:normal}.skill-spot-copy p{font-size:13px;line-height:1.9;color:#526b7a;max-width:500px}.skill-spot-buy{display:flex;align-items:center;gap:22px;margin:22px 0 15px;flex-wrap:wrap}.skill-spot-buy strong{font-size:29px;color:#07577f;font-weight:800;letter-spacing:-1px}.skill-spot-buy .button{border-radius:99px;padding:13px 20px}.skill-spot-copy>small{font-size:10px;color:#526b7a}
.purchase-path{display:grid;grid-template-columns:1fr 1.6fr;gap:45px;border-bottom:1px solid #d5e2e9;padding:8px 0 48px;margin-bottom:49px}.purchase-path h2{font-size:38px;letter-spacing:-1px;line-height:1.25;margin:15px 0 0}.purchase-path h2 span{color:#087cba}.purchase-path ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:10px 0 0}.purchase-path li>b{font-size:29px;font-weight:500;letter-spacing:-1px;color:#b26b34}.purchase-path h3{font-size:13px;color:#12374b;margin:13px 0 10px}.purchase-path p{font-size:11px;line-height:1.9;color:#526b7a;margin:0}.studio-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;padding:0 0 50px}.studio-faq h2{font-size:35px;letter-spacing:-1.3px;line-height:1.25;margin:15px 0 23px}.studio-faq>div>a{font-size:12px;color:#07577f;font-weight:650}.studio-faq details{border-bottom:1px solid #d4e1e9;padding:17px 0}.studio-faq summary{font-size:13px;font-weight:650;color:#12374b;cursor:pointer;list-style:none;position:relative;padding-right:24px}.studio-faq summary::after{content:'+';position:absolute;right:2px;top:-4px;font-size:22px;font-weight:400;color:#087cba}.studio-faq details[open] summary::after{content:'−'}.studio-faq p{font-size:12px;line-height:1.9;color:#526b7a;margin:15px 0 0}.help-banner{background:linear-gradient(110deg,#0a3956,#0a567e);padding:30px 35px;border-radius:23px;margin:8px 0 55px;border-color:#0d4b70}.help-banner h2{font-size:26px;color:#fff}.help-banner .eyebrow{color:#b2d6e9}.help-banner p{color:#c8e0ed;font-size:12px}.help-banner .button{background:#fff;color:#07577f;border-radius:99px;padding:13px 21px}
footer{max-width:1280px;padding:29px 0 50px;font-size:10px}.bottom-nav{display:none}.page-section{padding-top:46px}.sheet-description{margin-top:0}.sheet-quick-buy{position:sticky;top:-48px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;margin:0 0 23px;background:#fafbf7f5;backdrop-filter:blur(10px);border-bottom:1px solid #d5e4ec}.sheet-quick-buy>div>span{font-size:9px;color:#526b7a;display:block}.sheet-quick-buy strong{font-size:24px;letter-spacing:-.6px;color:#087cba}.sheet-quick-buy .button{border-radius:99px;min-height:43px;font-size:12px}.sheet-content .sheet-lead{margin-bottom:23px}.sheet-price-row .product-price{font-size:32px}.product-dialog.product-sheet{padding-top:47px}.sheet-facts{gap:22px}.sheet-facts article{background:#f1f7fa;border:1px solid #dfebf1;border-radius:12px;padding:13px}.sheet-facts article:nth-child(4){background:#fff6ed;border-color:#efddc8}.sheet-facts p{font-size:12px}.product-dialog .close{z-index:5}.sheet-wallet[open]{background:#edf7fc}
@media(min-width:1450px){.studio-hero{height:535px}.studio-hero .hero-copy{padding-left:49px}.studio-hero .hero-copy h1{font-size:65px}.hero-floating-bottom{right:36px;bottom:44px}.topbar{padding-inline:max(40px,calc((100vw - 1280px)/2))}.featured-grid .product-visual{aspect-ratio:16/9}}
@media(max-width:1100px){.topbar{padding:0 27px;gap:18px}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.brand{font-size:21px}.header-actions{gap:9px}.studio-hero{height:445px}.studio-hero .hero-copy{padding-left:29px}.studio-hero .hero-copy h1{font-size:46px;letter-spacing:-1.8px}.studio-hero .hero-copy>p{font-size:12px}.studio-hero .hero-actions{gap:15px}.studio-hero .primary{padding:13px 18px;font-size:11px}.studio-hero .text-link{font-size:10px}.hero-proof{font-size:8px;gap:16px}.hero-floating-top{right:20px;top:20px;font-size:9px}.hero-floating-bottom{right:19px;font-size:9px;padding:12px}.brand-rail>b{font-size:18px}.brand-rail>b span{display:none}.need-grid{grid-template-columns:repeat(3,1fr)}.need-card{min-height:105px;padding:15px 18px;gap:7px}.need-card b{font-size:13px}.need-card small{font-size:10px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-body h3{font-size:14px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.featured-grid .product-body{padding:16px}.featured-grid .product-price{font-size:23px}.featured-grid .card-cta{font-size:9px;padding:8px}.skill-spot-copy h2{font-size:31px}.skill-spot-copy{padding:30px 25px}.purchase-path{grid-template-columns:.8fr 1.7fr;gap:27px}.purchase-path h2{font-size:33px}.purchase-path ol{gap:16px}footer{margin:0 40px}}
@media(max-width:760px){html{scroll-padding-top:85px}.topbar{height:74px;padding:0 20px;gap:10px}.desktop-nav{display:none}.desktop-nav a.active::after{display:none}.brand{font-size:21px}.brand-mark{width:40px;height:40px;font-size:18px}.brand-store{font-size:7px;margin-top:7px}.header-actions{gap:8px}.wallet-chip{padding:8px 12px;font-size:11px;gap:6px}.wallet-chip .icon{font-size:15px}.profile-button{height:35px;width:35px;font-size:12px}main{padding:0 20px}.studio-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;border-radius:23px;overflow:hidden}#view-store{padding-top:17px}.studio-hero .hero-copy{padding:30px 26px 0;width:100%;margin:0}.studio-hero .eyebrow{font-size:8px;letter-spacing:1.6px}.studio-hero .hero-copy h1{font-size:40px;line-height:1.13;letter-spacing:-1.7px;margin:18px 0}.studio-hero .hero-copy>p{font-size:12px;line-height:1.85;max-width:none;margin-bottom:21px}.studio-hero .hero-media{position:relative;inset:auto;z-index:-2;height:235px;margin:9px 0 0;overflow:hidden}.studio-hero .hero-scene{object-position:50% 59%;object-fit:cover;animation:none;transform:none}.studio-hero::before{inset:auto 0 190px;height:65px;background:linear-gradient(#edf4f6,transparent);z-index:1;pointer-events:none}.studio-hero .hero-actions{gap:17px;flex-wrap:wrap}.studio-hero .primary{font-size:11px;min-height:45px;padding:12px 17px}.studio-hero .text-link{font-size:10px}.hero-proof{margin-top:23px;gap:15px;font-size:8px}.hero-proof b{font-size:8px;padding:3px;margin-right:5px}.hero-floating-top{display:none}.hero-floating-bottom{right:15px;bottom:17px;padding:10px 12px;border-radius:12px}.hero-floating-bottom>span{font-size:23px}.hero-floating b{font-size:7px;letter-spacing:1.2px}.hero-floating small{font-size:8px}.studio-hero .motion-toggle{display:none}.brand-rail{padding:23px 0;gap:19px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.brand-rail>span{display:none}.brand-rail>b{font-size:17px;letter-spacing:-.5px}.brand-rail>a{font-size:10px}.studio-heading{align-items:flex-start;gap:15px;margin-bottom:20px}.studio-heading h2{font-size:26px;letter-spacing:-.9px;margin-top:9px}.studio-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.studio-heading>p{display:none}.studio-heading>div>p{font-size:11px;max-width:none;margin-top:10px}.studio-heading>div>a{font-size:10px}.featured-section .studio-heading{display:block}.need-section{padding:31px 0 14px}.need-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.need-card{padding:14px;min-height:112px;border-radius:14px;gap:8px}.need-card b{font-size:12px}.need-card small{font-size:9px}.need-number{font-size:8px}.need-arrow{font-size:12px;right:12px;top:12px}.benefits{grid-template-columns:1fr 1fr;padding:8px 0 17px;gap:14px 8px;margin-bottom:29px}.benefits>.feature-card{padding:2px 6px;min-height:43px;grid-template-columns:29px 1fr;gap:0 8px}.benefits>.feature-card:nth-child(2){border-right:0}.benefits .feature-icon,.benefits .feature-icon svg{height:29px;width:29px}.benefits .feature-card strong{font-size:10px}.benefits .feature-card small{font-size:8px;display:block}.featured-section{margin-bottom:35px}.featured-grid{display:grid;grid-template-columns:1fr;gap:14px}.featured-grid .product-card{border-radius:17px}.featured-grid .product-open{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:stretch}.featured-grid .product-visual{aspect-ratio:auto;height:100%;border:0;border-right:1px solid #dbe7ee}.featured-grid .product-photo{object-fit:cover}.featured-grid .stock-badge,.featured-grid .product-category{display:none}.featured-grid .product-body{padding:13px 13px 12px}.featured-grid .product-body h3{font-size:13px;min-height:0;margin:0 0 5px;line-height:1.5}.featured-grid .product-benefit{font-size:10px;min-height:0;line-height:1.7}.featured-grid .product-package{display:none}.featured-grid .product-topline{min-height:0}.featured-grid .product-topline:has(.saving-badge){margin-bottom:5px}.featured-grid .product-price{font-size:20px}.featured-grid .product-bottom{padding-top:10px;margin-top:9px}.featured-grid .product-bottom>div>small{display:none}.featured-grid .card-cta{font-size:9px;padding:6px 9px}.featured-grid .product-body>.stock-pill{font-size:7px;margin-top:7px}.featured-grid .price-before{margin-top:7px;font-size:9px}.catalog-section{padding-top:0}.catalog-section .section-title h2{font-size:28px;line-height:1.25}.section-title .eyebrow.muted{font-size:8px}.catalog-section .section-title{gap:14px;align-items:flex-start;margin-bottom:20px}.catalog-status{font-size:8px;padding:6px 9px;margin-top:23px}.catalog-controls{gap:9px}.catalog-controls select{width:123px;min-width:0;font-size:10px;padding:0 8px}.search-box{padding:0 12px;min-height:47px}.search-box input{height:45px;font-size:11px}.search-box>span{font-size:24px}.search-box kbd{display:none}.categories{margin-top:16px;gap:7px}.category{font-size:10px;min-height:34px;padding:8px 12px}.live-catalog-facts{font-size:9px}.results-line{font-size:9px;margin-bottom:15px;gap:8px}.results-line label{font-size:9px}.product-grid:not(.featured-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{border-radius:16px}.product-body{padding:12px 11px}.product-body h3{font-size:12px;line-height:1.5;min-height:37px;margin:6px 0}.product-benefit{font-size:10px;line-height:1.7;min-height:50px}.product-category{font-size:7px;letter-spacing:.7px}.product-visual{aspect-ratio:4/3}.saving-badge{font-size:8px;padding:2px 4px}.product-package{font-size:8px;line-height:1.7;margin-top:10px;min-height:39px;padding-top:8px}.product-bottom{display:block;padding-top:10px}.product-price{font-size:20px;letter-spacing:-.6px}.product-bottom>div>small{font-size:8px;margin-bottom:4px}.card-cta{font-size:10px;width:100%;justify-content:space-between;margin-top:10px;padding:7px 10px}.product-body>.stock-pill{font-size:7px;margin-top:9px}.stock-badge{font-size:6px;padding:3px 6px;top:7px;left:7px}.price-before{font-size:9px;flex-wrap:wrap}.price-before span{display:none}.product-body>.stock-pill{max-width:100%}.skill-spotlight{grid-template-columns:1fr;margin:40px 0 35px;min-height:0;border-radius:22px}.skill-spot-art{min-height:280px}.skill-spot-frame{width:165px;height:185px;padding:17px 15px;border-radius:18px}.skill-spot-frame>b{font-size:67px}.skill-spot-frame>b span{font-size:25px;right:-10px}.skill-spot-frame>span{font-size:7px;letter-spacing:1.3px}.skill-spot-tag{top:21px;left:23px;font-size:8px}.skill-spot-note{bottom:19px;left:23px;font-size:7px}.skill-spot-copy{padding:25px}.skill-spot-copy h2{font-size:31px;letter-spacing:-1px;margin:14px 0 16px}.skill-spot-copy p{font-size:12px}.skill-spot-copy>small{font-size:9px}.skill-spot-buy{gap:17px}.skill-spot-buy strong{font-size:28px}.skill-spot-buy .button{font-size:11px;min-height:43px;padding:11px 17px}.purchase-path{grid-template-columns:1fr;gap:22px;padding:0 0 32px;margin-bottom:31px}.purchase-path h2{font-size:31px;margin-top:12px}.purchase-path h2 br{display:none}.purchase-path h2 span{margin-left:6px}.purchase-path ol{grid-template-columns:1fr;gap:19px;margin:0}.purchase-path li{display:flex;align-items:flex-start;gap:16px}.purchase-path li>b{font-size:27px;margin-top:2px}.purchase-path h3{font-size:13px;margin:0 0 5px}.purchase-path p{font-size:11px}.studio-faq{grid-template-columns:1fr;gap:19px;padding-bottom:30px}.studio-faq h2{font-size:30px;margin:12px 0 17px}.studio-faq h2 br{display:none}.studio-faq summary{font-size:12px;padding-right:25px}.studio-faq p{font-size:12px}.studio-faq details{padding:17px 0}.help-banner{padding:24px;display:block;margin-bottom:35px}.help-banner h2{font-size:24px;margin:12px 0}.help-banner p{font-size:12px;line-height:1.8}.help-banner .button{margin-top:19px;font-size:11px}.help-banner .eyebrow{font-size:8px}footer{padding:25px 0 105px;margin:0 20px;flex-wrap:wrap;gap:15px;font-size:9px}footer .brand{font-size:20px}footer p{display:none}footer>span{margin-left:auto}footer>a:last-child{width:100%}.bottom-nav{display:flex;background:#fffffff2;bottom:10px;border-color:#bfdae8;box-shadow:0 7px 30px #123c5a24;width:calc(100% - 24px);border-radius:23px;padding:5px}.bottom-nav a{font-size:8px;height:52px;border-radius:18px}.bottom-nav a.active{background:#e4f2fa;border-color:#bbdced}.bottom-nav a>svg{height:21px;width:21px}.sheet-quick-buy{top:-47px;gap:12px;padding:12px 0;margin-bottom:20px}.sheet-quick-buy strong{font-size:23px}.sheet-quick-buy .button{font-size:11px;padding:11px 16px}.sheet-facts{grid-template-columns:1fr;gap:10px}.sheet-facts h3{font-size:12px}.sheet-facts p{font-size:12px}.sheet-content>h2{font-size:25px}.sheet-content .sheet-lead{font-size:13px}.page-section{padding-top:30px}.page-section>h1{font-size:31px}}
@media(max-width:370px){main{padding-inline:15px}.topbar{padding-inline:15px}.brand{font-size:19px}.brand-mark{width:37px;height:37px}.wallet-chip{font-size:10px;padding:8px}.studio-hero .hero-copy{padding-inline:22px}.studio-hero .hero-copy h1{font-size:36px}.hero-proof{gap:10px;font-size:7px}.studio-hero .hero-actions{gap:12px}.product-body{padding:11px 9px}.product-body h3{font-size:11px}.product-price{font-size:18px}.catalog-status{font-size:7px;padding:6px}.featured-grid .product-open{grid-template-columns:82px minmax(0,1fr)}.featured-grid .product-body{padding:12px}.featured-grid .product-price{font-size:18px}.featured-grid .card-cta{font-size:8px;padding:6px}.skill-spot-copy{padding:22px}.skill-spot-buy{gap:12px}.skill-spot-copy h2{font-size:29px}}
html[data-motion='off'] .hero-floating{animation:none}@media(prefers-reduced-motion:reduce){.hero-floating,.studio-hero .hero-scene{animation:none}.product-card,.product-visual .product-photo,.need-card{transition:none}}

/* Keep hero copy fully visible on narrow screens and preserve full source artwork in detail sheets. */
.sheet-image .product-visual .product-photo{object-fit:contain}.sheet-image .product-visual{aspect-ratio:1/1}.studio-faq summary::-webkit-details-marker{display:none}@media(max-width:760px){.studio-hero .hero-copy h1{font-size:clamp(29px,8.8vw,40px);letter-spacing:-1.3px}.studio-hero h1>span{white-space:normal}.sheet-image .product-visual{aspect-ratio:3/2}.studio-hero .hero-copy{overflow:visible}}

/* DuLuong Electric 6.1 — midnight / royal blue / cyan / violet, inspired by the supplied product artwork. */
:root{color-scheme:dark;--bg:#060a1b;--surface:#0d1530;--panel:#0d1530;--line:#27355d;--text:#f1f5ff;--muted:#a7b6d7;--blue:#63baff;--green:#66e7ce;--ocean:#72c9ff;--ocean-deep:#b0dbff;--ocean-soft:#14264b;--orange:#b99aff;--orange-soft:#251f49}
html{background:#060a1b}body{background:radial-gradient(ellipse at 85% 0%,#173c942b,transparent 35%),radial-gradient(ellipse at 0% 35%,#3d20721a,transparent 32%),#060a1b;color:var(--text)}
input,select,textarea{color-scheme:dark;accent-color:#6cafff}::selection{background:#486de3;color:#fff}a,button,input,select,textarea{outline-color:#83d9ff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #87dcff;outline-offset:4px}
.brand,.brand small{color:#f1f5ff}.brand-store,.brand small{color:#92baf1}.brand-mark,.sidebar .brand>b{background:linear-gradient(145deg,#23b9ff,#3562f5 55%,#7d45ee);border-color:#7db8ff80;box-shadow:0 0 22px #326fff25;color:white}
.topbar{background:#080e25ed;border-color:#26376299;box-shadow:0 6px 35px #00000020}.desktop-nav a{background:transparent;color:#acbfe4}.desktop-nav a:hover,.desktop-nav a.active{color:#edf9ff;background:transparent}.desktop-nav a.active::after{background:linear-gradient(90deg,#41caff,#8d70ff);box-shadow:0 0 14px #4b8aff90}.wallet-chip{background:linear-gradient(135deg,#152a53,#15203d);border-color:#365789;color:#bce8ff}.profile-button{background:#142445;border-color:#456193;color:#d4ecff}
.studio-hero{background:#080f2b;border-color:#3b5591;box-shadow:0 0 0 1px #4f78f018,0 22px 65px #01041180}.studio-hero::before{background:linear-gradient(90deg,#080f2b 0%,#080f2b 39%,#080f2bd9 48%,#080f2b45 65%,transparent 78%)}.studio-hero .hero-copy h1{color:#f5f8ff;text-shadow:0 3px 24px #0003}.studio-hero h1>span{background:linear-gradient(100deg,#62d2ff,#77a5ff 54%,#bea1ff);background-clip:text;-webkit-background-clip:text;color:transparent}.studio-hero .eyebrow{color:#98cfff}.studio-hero .hero-copy>p{color:#b3c5e4}.studio-hero .hero-scene{filter:none;mix-blend-mode:normal}.studio-hero .text-link{color:#c0d9ff}.hero-proof{color:#a8bcdf}.hero-proof b{background:#12234b;border-color:#385894;color:#8bdcff}.hero-floating{background:#0b1c42d9;border-color:#7197f059;color:#c8e5ff;box-shadow:0 14px 30px #0004}.hero-floating small{color:#adc5e8}.hero-floating-bottom>span{color:#be9bff}.floating-dot{background:#75deff;box-shadow:0 0 0 4px #75deff16,0 0 12px #75deff90}.studio-hero .motion-toggle{background:#0c1d3edb;border-color:#4d6caa;color:#bcd9ff}
.button.primary,.primary{background:linear-gradient(110deg,#2679ed,#4659ec 65%,#7955dd);color:#fff;border-color:#86b7ff55;box-shadow:0 7px 24px #325ef135}.button.primary:hover,.primary:hover{background:linear-gradient(110deg,#348eff,#6371ff 65%,#976aef);box-shadow:0 9px 28px #4768f54d}.button.secondary,.secondary{background:#142547;border-color:#395489;color:#cee4ff}.button.secondary:hover,.secondary:hover{background:#20345a;border-color:#6596de}.text-link,.auth-switch,.forgot{color:#a7d9ff}
.brand-rail{color:#cbddf7;border-color:#26355b}.brand-rail>span,.brand-rail>b span{color:#95acd2}.brand-rail>span b{color:#c7dbf8}.brand-rail>a{color:#a2d7ff}
.studio-heading h2,.catalog-section .section-title h2,.purchase-path h2,.studio-faq h2,.skill-spot-copy h2{color:#edf4ff}.studio-heading .eyebrow,.eyebrow,.eyebrow.muted,.section-title .eyebrow.muted{color:#82b9ff}.studio-heading>p,.studio-heading>div>p,.live-catalog-facts,.results-line,.results-line label{color:#9fb4d7}.studio-heading>div>a{color:#a4d7ff}
.need-card{background:linear-gradient(145deg,#111d3b,#0e1730);border-color:#2d406c;color:#e6efff}.need-number{color:#78b7fb}.need-card small{color:#a2b5d5}.need-arrow{color:#8ab7e7}.need-card:hover{background:linear-gradient(140deg,#172e59,#1d2047);border-color:#638adc}.need-card.active{background:linear-gradient(130deg,#164b9f,#354bb2 65%,#5d399b);border-color:#80b1ff;box-shadow:0 8px 25px #204edb30;color:#fff}.need-card.active .need-number,.need-card.active small,.need-card.active .need-arrow{color:#d1e6ff}.need-card:last-child:not(.active){background:linear-gradient(135deg,#252144,#181c3e);border-color:#5b4c85}.need-card:last-child .need-number{color:#c9b1ff}
.benefits,.benefits>.feature-card{border-color:#28395f}.benefits .feature-card strong{color:#dceaff}.benefits .feature-card small{color:#97aed5}.benefits>.feature-card:hover{background:#142443}
.catalog-status{background:#112b43;border-color:#28516a;color:#a0e2e9}.catalog-status i{background:#69d6e9}.search-box,.catalog-controls select{background:#0d1832;border-color:#334c78;color:#dceaff}.search-box input{background:transparent;color:#edf4ff}.search-box>span,.search-box input::placeholder{color:#92aad0}.search-box kbd{background:#152646;border-color:#3c5076;color:#a3bfe5}.category{background:#111d38;border-color:#30446e;color:#a9bfe3}.category:hover{background:#1b315c;color:#e9f4ff;border-color:#5e87c7}.category.active{background:linear-gradient(110deg,#1b61ba,#514ab1);border-color:#6c9ce4;color:#f4f9ff}
.product-card,.is-unavailable{background:linear-gradient(155deg,#101b38,#0d1530);border-color:#2a3d69;box-shadow:0 8px 20px #01041335}.product-card:hover{border-color:#6c9fe3;box-shadow:0 15px 36px #0612378c,0 0 24px #487aff13}.product-visual{background:#0b1431;border-color:#2b3a60}.product-body h3{color:#edf4ff}.product-category{color:#8db7e5}.product-benefit{color:#a8bcdd}.product-package{color:#9ab2d5;border-color:#29395e}.product-bottom{border-color:#29395e}.product-bottom>div>small{color:#91abd3}.product-price{color:#82d5ff;text-shadow:0 0 22px #3ba5ff15}.card-cta{background:#152f59;border-color:#365d91;color:#b5e5ff}.product-open:hover .card-cta{background:linear-gradient(110deg,#2878df,#6858dd);border-color:#73b3ff;color:#fff}.product-body>.stock-pill{color:#80d6da}.product-body>.stock-pill.out{color:#ffb0be}.stock-badge{background:#0e4979ed;color:#e4f6ff;border:1px solid #66caff50}.stock-badge.out{background:#68314bed;color:#ffd2df}.saving-badge{background:#34254f;border-color:#70558c;color:#ddc5ff}.price-before{color:#9eafd1}.sold-out-overlay{background:#050a2266}.product-card .sold-out-overlay b{background:#172547e8;border-color:#8aa3cc70;color:#d9e8ff}
.pagination button{background:#132448;border-color:#37568b;color:#bed9ff}.pagination button.active{background:linear-gradient(120deg,#2077df,#6055d5);border-color:#8bb6ff;color:#fff}
.promotion-strip{background:radial-gradient(ellipse at 90% 0%,#7b4acc44,transparent 65%),linear-gradient(110deg,#102d6e,#133f91 55%,#273773);border-color:#6486d2;box-shadow:0 12px 38px #173bbc22}.promotion-strip h2{color:#f1f7ff}.promotion-strip p{color:#c0d7fa}.promotion-strip .eyebrow{color:#9fd8ff}.promotion-clock{background:#081b43a8;border-color:#6c8dc17d}.promotion-clock span{color:#c6d6fb}.promotion-clock strong{color:#b7a5ff}
.skill-spotlight{background:#101c3c;border-color:#354b7a}.skill-spot-art{background:radial-gradient(ellipse at 45% 60%,#235bbd88,transparent 66%),radial-gradient(ellipse at 90% 0%,#763bcc55,transparent 60%),#0d1635}.skill-spot-orbit{border-color:#4366b9}.skill-spot-orbit::after{border-color:#536fb459}.skill-spot-tag,.skill-spot-note{color:#99bded}.skill-spot-frame{background:linear-gradient(145deg,#2369cb,#15245c 70%,#4c3184);border-color:#8dc7ff80;box-shadow:17px 23px 0 #426dc429,0 25px 55px #03071b80}.skill-spot-copy p,.skill-spot-copy>small{color:#a9bddd}.skill-spot-copy h2 em,.purchase-path h2 span{color:#88caff}.skill-spot-buy strong{color:#a4ddff}.skill-spot-timeline i:nth-child(even){background:#b89aff}
.purchase-path,.studio-faq,footer{border-color:#2b3a5f}.purchase-path li>b{color:#a590f9}.purchase-path h3,.studio-faq summary{color:#e2edff}.purchase-path p,.studio-faq p,.studio-faq details{color:#a2b9da}.studio-faq details{border-color:#2b3c65}.studio-faq summary::after{color:#85bffe}.studio-faq a{color:#a6d8ff}.help-banner{background:radial-gradient(ellipse at 90% 0%,#5d3ea350,transparent 60%),linear-gradient(110deg,#123677,#173764);border-color:#4a65a4;box-shadow:0 15px 40px #03081850}.help-banner h2{color:#f2f7ff}.help-banner p,.help-banner .eyebrow{color:#bed5f7}.help-banner .button{background:#e4f3ff;color:#153867;border-color:#c0dcff}.bottom-nav{background:#0d1733f2;border-color:#466096;box-shadow:0 7px 30px #0009}.bottom-nav a{color:#a1b9dd}.bottom-nav a.active{background:linear-gradient(135deg,#1e3b78,#2b2d63);border-color:#638be1;color:#e5f2ff}.bottom-nav a>svg,.bottom-nav a:nth-child(2)>svg,.bottom-nav a:nth-child(3)>svg,.bottom-nav a:nth-child(4)>svg{color:#99ceff}footer,footer p{color:#91a8ce}footer>a{color:#b5d9ff}
/* Account, orders, recovery, wallet and checkout. */
.panel,.order-row,.support-card,.ref-tier{background:#0e1933;border-color:#2f426b;color:var(--text);box-shadow:0 8px 28px #02061930}.panel h1,.panel h2,.panel h3,.order-row strong,.support-card strong{color:#eaf3ff}.panel p,.support-card p,.support-note p,.order-row p,.security-profile p{color:var(--muted)}
.panel input,.panel textarea,.auth-dialog input,.security-form input,.warranty-form textarea,.referral-link input,input,select,textarea{background:#09132b;border-color:#3a5282;color:#e8f1ff}.panel input:focus,.auth-dialog input:focus,.security-form input:focus,.warranty-form textarea:focus{border-color:#78bcff;outline-color:#4e7bcb}.empty{background:#0a142d;border-color:#3c5079;color:#a9bddd}.empty h3{color:#dceaff}.support-note{background:#132446}.support-card:hover{border-color:#6d94d2}.security-links a,.security-text-button,.auth-switch,.forgot{color:#a1d5ff}
.wallet-hero,.security-profile{background:radial-gradient(ellipse at 100% 0%,#6744b93d,transparent 60%),linear-gradient(110deg,#123674,#142752);border-color:#5277b2;color:#ecf4ff}.wallet-hero h2{color:#b1e5ff}.ledger-row{border-color:#2b3d65;color:#aabddd}.ledger-row strong{color:#a6dcff}.status,.pill.good,.security-badge.verified,.security-success,.notice.good{background:#103544;border-color:#2a6b78;color:#9becdf}.status.pending,.pill.warn,.notice{background:#342d25;border-color:#756142;color:#f4d19c}.pill.bad,.form-error,.error{color:#ffb3c7!important}.pill.bad{background:#3a203c;border-color:#7a416f}.security-badge{background:#30254a;border-color:#6c5191;color:#d5b7fa}.notice a{color:#c4e4ff}
.delivered,.warranty-terms,.terms,.warranty-block{background:#09142d;color:#c4dcfc;border-color:#354c7c}.topup-data code,.checkout-layout code{background:#20345a;color:#b6dfff}.ref-tier.current{background:linear-gradient(125deg,#1c3970,#332c62);border-color:#6e8ac1}.payment-option,.payment-option.payment-wallet,.payment-wallet.insufficient{background:#112143;border-color:#426092}.payment-option-icon,.payment-wallet .payment-option-icon,.payment-tag{background:#1d3761;border-color:#4c6e9e;color:#b9e6ff}.payment-wallet.insufficient .payment-wallet-hint{color:#eac2ff}.payment-wallet .button:not(:disabled){background:linear-gradient(110deg,#2779e6,#6653d7);border-color:#74a1f5;color:#fff}
/* Product sheets including the ZIP skill. Photos and QR bitmaps stay unchanged. */
.product-dialog,.auth-dialog,dialog{background:radial-gradient(ellipse at 95% 0%,#47348720,transparent 60%),#0c1530;color:var(--text);border-color:#4f6ca4;box-shadow:0 28px 100px #000b}.product-dialog::backdrop,.auth-dialog::backdrop,dialog::backdrop{background:#020617c9;backdrop-filter:blur(8px)}.close,.skill-dialog>.close{background:#182b4e;border-color:#5a78aa;color:#d5ebff}.close:hover{background:#2d4676;color:white}.sheet-image,.sheet-image .product-photo{background:#101d3c;border-color:#3b5586}.sheet-help,.sheet-facts article{background:#122345;border-color:#36527c}.sheet-badges>span{background:#1e59a2;color:#e4f3ff}.sheet-badges>span+span{background:#30234c;border-color:#70518d;color:#dbc4ff}.sheet-content>h2,.sheet-facts h3{color:#f0f5ff}.sheet-important{background:#241e3d;border-color:#5a447b}.sheet-important h3{color:#d5b6ff}.sheet-important p{color:#c3b3df}.sheet-quick-buy{background:#0c1530f5;border-color:#36517d;backdrop-filter:blur(12px)}.sheet-quick-buy span{color:#a9bcdf}.sheet-quick-buy strong{color:#91d5ff}.quantity,.sheet-wallet{background:#101e3b;border-color:#3b5684}.quantity button{background:#1a3155;color:#c8e8ff}.quantity output{color:#f1f5ff}.sheet-old-price b{background:#35254d;color:#dfc3ff}
.skill-content,.skill-dialog,.skill-story,.skill-detail{color:var(--text)}.skill-art-wrap,.skill-cover-wrap{background:#101c3c}.skill-content h2,.skill-content h3{color:#edf5ff}.skill-content p,.skill-content li,.skill-tags span{color:#afc0dc}.skill-badges>span,.skill-badge{background:#1b5299;color:#e5f3ff}.skill-badges>span+span{background:#513881;color:#f0e1ff}.skill-features article>span,.skill-features h3{color:#c5e4ff}.skill-guide{background:#112c45;border-color:#366480;color:#c5ebfa}.skill-guide h3{color:#b0e0ff}.skill-guide p{color:#a9c9de}.skill-price strong,.skill-price{color:#9edfff}.skill-tags span,.skill-wallet{background:#152441;border-color:#3b527d;color:#bcd5f4}.skill-requirements{border-color:#38486c}.skill-requirements summary{color:#bacbf0}.skill-meta,.skill-caption{color:#a2bcdf}
.toast,#toast{background:#142c56;border-color:#628bcd;color:#e6f3ff;box-shadow:0 10px 35px #0008}
/* Administration gets the same restrained palette; status meanings stay distinct. */
.sidebar{background:linear-gradient(180deg,#0d1835,#0a1128);border-color:#2d3f69}.sidebar .brand small,.nav-label,.sidebar-foot{color:#91aeda}.sidebar nav>a{color:#b1c8ea}.sidebar nav>a i{color:#89bbff}.sidebar nav>a:hover{background:#162b50;color:#e7f2ff}.sidebar nav>a.active{background:linear-gradient(105deg,#19488b,#2f3669);border-color:#5c85c4;color:#fff}.sidebar nav>a span{background:#7254bd}.sidebar~main .button{background:linear-gradient(110deg,#246dd0,#5451c4);border-color:#608ed4;color:#eff7ff}.sidebar~main .button.secondary{background:#182a4c;border-color:#42618f;color:#c7e4ff}.sidebar~main .button.danger{background:#3f233c;border-color:#8b5178;color:#ffc3d7}
.metric{background:linear-gradient(135deg,#15264a,#101c37);border-color:#344d7a;color:#eef5ff}.metric.primary{background:linear-gradient(120deg,#194da0,#3b3c8a);border-color:#7195e1}.metric>span,.metric small,.metric.primary small{color:#b1c8ec}.metric strong{color:#ecf7ff}.panel-head p,.muted,.form-help{color:#a0b6d9}.table-wrap{border-color:#32476f}th{background:#16274a;color:#a5c5f1}td{border-color:#2b3d64;color:#ceddf3}td strong{color:#eaf4ff}tr:hover td{background:#20345c70}.mono,code{color:#acd5ff}.data-line{border-color:#2b3f66}.data-line>span{color:#a0badf}.data-line strong{color:#dcecff}.sidebar~main .terms{background:#09152c;color:#a9c4e7}.tabs a{background:#132446;border-color:#3c5b8a;color:#b9d6fb}.tabs a.active{background:#284c93;color:#fff}.revenue-controls{background:#10203e;border-color:#385585}.revenue-period,.revenue-data summary{color:#bcd8ff}.revenue-tabs .active{background:#315da3;border-color:#89b9ff}.revenue-total td{background:#1c3563;color:#dfeeff;border-color:#6b8dcc}.bar>i{background:linear-gradient(#6bcaff,#5866e8)}.bar small{color:#9abbe7}.calendar-chart .bar.zero{border-color:#426193}.hero-number{color:#a9daff}
/* Preserve the literal black-on-white QR in checkout and keep the blue artwork blend on phones. */
.checkout-qr,.qr-wrap,.qr-image,.checkout-layout img[src*="qr"]{background:#fff}
@media(max-width:760px){.studio-hero::before{background:linear-gradient(#080f2b,transparent)}.featured-grid .product-visual{border-color:#2c3e69}.studio-hero .hero-scene{object-position:50% 57%}.bottom-nav{background:#0b1732f5}.studio-hero .hero-copy h1{font-size:clamp(28px,8.25vw,38px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Match the higher-specificity rules from the previous light skill/admin theme. */
.product-dialog.skill-dialog{color-scheme:dark;background:radial-gradient(ellipse at 10% 10%,#213e7b30,transparent 45%),#0c1530;color:#edf5ff;border-color:#4f6ca4}
.skill-poster{background:radial-gradient(ellipse at 68% 40%,#7b45d65c,transparent 52%),repeating-radial-gradient(ellipse at -10% -10%,transparent 0 12px,#739ae32c 12.6px 13.1px,transparent 13.5px 26px),#122449;border-color:#436193;color:#e8f4ff}.skill-poster-brand{color:#bddfff}.skill-poster-brand>span{background:linear-gradient(135deg,#2689e7,#6758da);color:#fff}.skill-poster-kicker{color:#e9f4ff}.skill-preview-source{background:#2b4b72;border-color:#b2d0ee80;color:#e5f3ff}.skill-preview-source>i{background:#9dbbd066}.skill-preview-source small,.skill-preview-source>span{color:#d2e9ff}.skill-preview-edit{background:radial-gradient(ellipse at 90% 15%,#8f5fdc7d,transparent 68%),#133976;border-color:#92bfff;color:#fff;box-shadow:0 15px 35px #01061580}.skill-demo-product{background:#93c6ed}.skill-demo-product i{background:#5e8cc7}.skill-demo-product b{color:#153e71}.skill-demo-caption em{color:#cbb2ff}.skill-demo-timeline i:nth-child(2n){background:#b697ff}.skill-poster-bottom{border-color:#4c6292}.skill-poster-bottom b{color:#d8eeff}.skill-poster-bottom>span{color:#a5c2e9}.skill-media-note{color:#91b7de}.skill-package-facts{border-color:#344d7d;color:#a5bfdf}.skill-package-facts b{color:#a3ddff}.skill-eyebrow{color:#a3b8fa}.skill-feature h3 svg{color:#91cfff}.skill-feature p{color:#afc0dc}.skill-dialog .skill-buy{background:linear-gradient(110deg,#2679ed,#6a53dc);border-color:#81aaff;color:#fff;box-shadow:0 6px 22px #325def40}.skill-dialog .skill-contact{background:#142748;border-color:#496b9d;color:#cde8ff}.skill-dialog .skill-wallet-buy{background:#1a345b;border-color:#52739f;color:#def0ff}.skill-content .skill-price-label,.skill-buy-note{color:#a4bddd}.skill-content .skill-price{color:#a5deff}
.store-link{background:#182a4c;border-color:#42618f;color:#c7e4ff}.sidebar~main .button:hover{background:#274776;color:#eff8ff}.filters input,.filters select,.max-form input,.max-form select,.form-grid input,.form-grid select,main textarea,.revenue-controls input{background:#09132b;color:#e8f1ff;border-color:#3a5282}.revenue-tabs .button.active{background:linear-gradient(120deg,#246dd0,#5451c4)!important;border-color:#88acff!important;color:#fff!important}tbody tr:hover td{background:#20345c70}thead,th{background:#16274a;color:#a5c5f1}
.sheet-quick-buy small,.sheet-quick-buy>div>small{color:#a7bddc}.skill-content .skill-lead,.skill-feature p{color:#afc0dc}
/* Visible luminous frame, no flashing or spinning borders. */
.skill-content .skill-outcome{font-size:19px;line-height:1.6;color:#c6e7ff;margin:0 0 18px;font-weight:550}.skill-outcome strong{font-weight:750;color:#91dcff}.skill-content .skill-runtime-note{font-size:11px;line-height:1.85;padding:13px 15px;border:1px solid #41618e;border-left:3px solid #78c9ff;border-radius:10px;background:#112443;color:#b8cce8;margin:0 0 25px}.skill-runtime-note b{color:#d8edff}.skill-platforms{padding:17px 18px;border:1px solid #455b8b;background:linear-gradient(110deg,#122547,#211f42);border-radius:14px;margin:0 0 17px}.skill-platforms h3{font-size:13px;margin:0 0 12px;color:#dcefff}.skill-platforms p{font-size:11px;line-height:1.9;margin:9px 0;color:#afc6e7}.skill-platforms b{color:#d5e7ff}.skill-badges>span:nth-child(3){background:#192c4b;border:1px solid #48688d;color:#beddfa}.skill-requirements code{overflow-wrap:anywhere}.skill-demo-caption em{font-size:19px}.skill-poster-kicker{font-size:25px}
@media(max-width:740px){.skill-content .skill-outcome{font-size:18px}.skill-platforms{padding:15px}.skill-platforms p,.skill-content .skill-runtime-note{font-size:12px}.skill-badges{gap:7px}.skill-badges>span{padding:8px 10px}}
.product-card{border:1px solid #5795e9;box-shadow:inset 0 0 0 1px #a5d9ff0d,0 0 16px #3d7eff24,0 9px 25px #02061740}
.product-card:hover,.product-card:focus-within{border-color:#96eaff;box-shadow:inset 0 0 0 1px #b4eaff25,0 0 0 1px #79c6ff45,0 0 27px #427dff52,0 16px 34px #01061880}
.product-card .product-visual{border-bottom-color:#4a72ba}.featured-grid .product-card{border-color:#69a6ff}.product-card.is-unavailable{border-color:#627eaf;box-shadow:0 0 12px #4068ad1c}
.skill-guide b,.skill-payment-note b{color:#c4e2ff}
.sheet-facts article:last-child{background:linear-gradient(135deg,#1a2549,#221e40);border-color:#66588d}.sheet-facts article:last-child h3{color:#e9e3ff}.sheet-facts article:last-child p{color:#c1cce7}.sheet-facts article:last-child>span{color:#adcbff}
.local-product-controls{max-width:1000px}.local-product-controls fieldset{padding:20px;border:1px solid #38558a;border-radius:14px;margin:18px 0}.local-product-controls legend{color:#c8e5ff;font-size:13px;font-weight:750;padding:0 8px}.local-price-preview{background:#142a4c;padding:13px 16px;border:1px solid #456b9a;border-radius:10px;color:#bddcff}.local-product-controls .form-help{margin-bottom:10px}.local-product-controls .form-grid{gap:0 18px}.local-product-controls input[type=number]{width:100%}
.skill-own-promotion{background:linear-gradient(115deg,#173e6c,#392754);border:1px solid #7887c5;border-radius:12px;padding:13px 16px;margin:0 0 20px}.skill-own-promotion strong{display:block;color:#dbd2ff;font-size:13px}.skill-own-promotion span{display:block;color:#bdd5f2;font-size:11px;line-height:1.8;margin-top:5px}.skill-own-promotion b{color:#b4eaff}
@media(max-width:740px){.local-product-controls fieldset{padding:14px}}
@media(max-width:760px){.product-card{box-shadow:inset 0 0 0 1px #a5d9ff0d,0 0 11px #3d7eff29}.featured-grid .product-visual{border-right-color:#4a72ba}}

/* Mobile catalog: preserve complete artwork; concise, touch-friendly purchase cards. */
@media(max-width:760px){
  html{scroll-padding-top:76px}
  .topbar{height:66px;padding:0 14px;gap:10px}
  .topbar .brand{font-size:20px;gap:9px}
  .topbar .brand-mark{width:36px;height:36px;border-radius:12px;font-size:17px}
  .topbar .brand-store{font-size:6px;letter-spacing:3px;margin-top:5px}
  .topbar .wallet-chip{min-height:36px;font-size:11px;padding:7px 10px;gap:5px}
  .topbar .wallet-chip .icon{font-size:14px}
  .topbar .profile-button{width:34px;height:34px}
  main{padding-inline:14px}
  #view-store{padding-top:14px}
  #product-grid{gap:12px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#product-grid,#studio-featured) .product-card{border-radius:15px;min-width:0;align-self:stretch}
  :is(#product-grid,#studio-featured) .product-open{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;text-align:left;min-width:0;grid-template-columns:none}
  :is(#product-grid,#studio-featured) .product-visual{width:100%;height:auto;min-height:0;aspect-ratio:3/2;flex:0 0 auto;border-right:0;border-bottom:1px solid #41679e;overflow:hidden}
  :is(#product-grid,#studio-featured) .product-photo{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;background:#0a1230}
  :is(#product-grid,#studio-featured) .product-body{padding:10px;display:flex;flex-direction:column;flex:1;min-width:0;gap:0}
  :is(#product-grid,#studio-featured) .product-category{display:none}
  :is(#product-grid,#studio-featured) .product-topline{min-height:0;height:0;margin:0}
  :is(#product-grid,#studio-featured) .saving-badge{position:absolute;top:8px;right:7px;margin:0;padding:3px 5px;border-radius:6px;font-size:9px;line-height:1.2;background:#312557f2;border-color:#aa91e2;color:#f3e8ff;box-shadow:0 2px 8px #02061744;z-index:1}
  :is(#product-grid,#studio-featured) .stock-badge{display:block;font-size:7px;top:8px;left:7px;padding:3px 5px;line-height:1.2}
  :is(#product-grid,#studio-featured) .product-body h3{font-size:12px;font-weight:750;line-height:1.45;letter-spacing:-.1px;margin:0 0 7px;min-height:52px;-webkit-line-clamp:3;overflow-wrap:anywhere}
  :is(#product-grid,#studio-featured) .product-benefit{display:none}
  :is(#product-grid,#studio-featured) .product-package{display:block;min-height:0;margin:0 0 8px;padding:0;border:0;font-size:9px;line-height:1.5;color:#acbfdf;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  :is(#product-grid,#studio-featured) .price-before{min-height:14px;margin:0 0 3px;font-size:10px;line-height:1.4;gap:4px}
  :is(#product-grid,#studio-featured) .price-before span{display:none}
  :is(#product-grid,#studio-featured) .product-bottom{display:block;padding:0;margin:0;border:0;margin-top:auto}
  :is(#product-grid,#studio-featured) .product-bottom>div>small{display:none}
  :is(#product-grid,#studio-featured) .product-price{font-size:19px;letter-spacing:-.5px;line-height:1.35;white-space:nowrap}
  :is(#product-grid,#studio-featured) .card-cta{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:36px;font-size:11px;line-height:1.2;margin:8px 0 0;padding:8px 10px;border-radius:10px;background:linear-gradient(110deg,#163f70,#243c78)}
  :is(#product-grid,#studio-featured) .product-body>.stock-pill{font-size:8px;line-height:1.4;margin-top:7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #studio-featured{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0;padding:3px 1px 14px;scrollbar-width:thin;scrollbar-color:#456caa transparent;align-items:stretch}
  #studio-featured>.product-card{scroll-snap-align:start;flex:0 0 72%;width:72%}
  #studio-featured .product-body h3{font-size:13px;min-height:38px;-webkit-line-clamp:2}
  #studio-featured .product-benefit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:10px;line-height:1.5;min-height:0;margin:0 0 7px}
  #studio-featured .product-package{display:none}
  #studio-featured .product-price{font-size:22px}
  .featured-section .studio-heading h2{font-size:24px}
  .featured-section .studio-heading>div>p{font-size:11px;line-height:1.6}
  .featured-section{margin-bottom:26px}
  .catalog-section .section-title h2{font-size:26px}
  .catalog-section .section-title{margin-bottom:15px}
  .catalog-controls{gap:8px}
  .catalog-controls select{width:116px;font-size:10px}
  .categories{margin-top:12px;padding-bottom:7px}
  .promotion-strip{flex-wrap:wrap;padding:15px;gap:12px}
  .promotion-strip>div{min-width:0;max-width:100%}
  .promotion-clock{padding:8px 12px}
  .promotion-clock strong{font-size:20px;overflow-wrap:anywhere}
  .bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:420px;padding:4px;gap:2px;border-radius:18px}
  .bottom-nav a{height:47px;min-height:44px;font-size:9px;border-radius:13px;gap:3px}
  .bottom-nav a>svg{height:20px;width:20px}
  footer{padding-bottom:calc(100px + env(safe-area-inset-bottom));margin-inline:14px}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  main{padding-inline:10px}
  .topbar{padding-inline:10px;gap:7px}
  .topbar .brand{font-size:18px}
  .topbar .brand-mark{width:32px;height:32px}
  .topbar .wallet-chip{font-size:10px;padding-inline:8px}
  .header-actions{gap:6px}
  :is(#product-grid,#studio-featured) .product-body{padding:9px}
  :is(#product-grid,#studio-featured) .product-body h3{font-size:11px;min-height:48px}
  :is(#product-grid,#studio-featured) .product-price{font-size:17px}
  #studio-featured .product-price{font-size:21px}
}

/* Sold-out products stay visible and open for inspection. Only payment is disabled. */
.product-card.is-unavailable .stock-badge.out{background:#db354b;border-color:#ff8290;color:#fff}
.product-card.is-unavailable .sold-out-overlay{background:#02061728}
.product-card.is-unavailable .sold-out-overlay b{background:#090d17ed;border-color:#ffffff50;color:#fff;letter-spacing:.6px;font-size:12px;padding:8px 12px}
:is(#product-grid,#studio-featured) .product-card.is-unavailable .stock-pill.out{background:#58253670;color:#ffb4bd;border:1px solid #a94c6260;padding:3px 6px;border-radius:99px;font-size:9px}
:is(#product-grid,#studio-featured) .product-card.is-unavailable .stock-pill.out i{background:#ff586f}
.product-card.is-unavailable .card-cta{color:#c2d2eb;background:#1c2a43;border-color:#456085}
@media(max-width:760px){.product-card.is-unavailable .sold-out-overlay b{font-size:10px;padding:6px 9px}:is(#product-grid,#studio-featured) .product-card.is-unavailable .stock-pill.out{font-size:8px}}

/* Pricing and fulfillment facts must be readable without opening the product. */
:is(#product-grid,#studio-featured) .product-photo{object-fit:contain;object-position:center}
:is(#product-grid,#studio-featured) .card-facts{display:grid;gap:8px;margin:15px 0;padding:12px;background:linear-gradient(125deg,#183357a6,#182748);border:1px solid #41658b;border-radius:11px;white-space:normal;min-height:0}
:is(#product-grid,#studio-featured) .card-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;line-height:1.5}
:is(#product-grid,#studio-featured) .card-facts>div>span{color:#b4c6e6;font-weight:500;flex-shrink:0;font-size:11px}
:is(#product-grid,#studio-featured) .card-facts b{font-size:12px;font-weight:750;text-align:right;color:#e3f5ff}
:is(#product-grid,#studio-featured) .card-facts .fact-warranty b{color:#9ae7d1}
:is(#product-grid,#studio-featured) .card-facts .fact-warranty.none b{color:#ffbfca}
:is(#product-grid,#studio-featured) .card-facts .fact-warranty.unknown b,:is(#product-grid,#studio-featured) .card-facts .fact-warranty.conditional b{color:#f1d6a2}
:is(#product-grid,#studio-featured) .card-price-box{margin-top:auto;padding:14px 0 0;border-top:1px solid #38527d}
:is(#product-grid,#studio-featured) .card-deal-top{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:12px}
:is(#product-grid,#studio-featured) .card-deal-top>span{display:inline-block;padding:5px 8px;border-radius:6px;background:linear-gradient(120deg,#9743bc,#6235a7);color:#fff;border:1px solid #c88fff;font-size:13px;font-weight:850;letter-spacing:.3px}
:is(#product-grid,#studio-featured) .card-deal-top>b{font-size:12px;color:#b5e9ff;line-height:1.4}
:is(#product-grid,#studio-featured) .price-before{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin:0 0 7px;font-size:16px;line-height:1.45;color:#aebed9;min-height:0}
:is(#product-grid,#studio-featured) .price-before>span{display:inline;font-size:12px;color:#b6c9e6}
:is(#product-grid,#studio-featured) .price-before>s{font-size:16px;font-weight:650;text-decoration-thickness:1.5px}
:is(#product-grid,#studio-featured) .product-bottom{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:0;margin:0;border:0}
:is(#product-grid,#studio-featured) .product-bottom .card-current-price{min-width:0}
:is(#product-grid,#studio-featured) .product-bottom .card-current-price>small{display:block;font-size:12px;line-height:1.3;margin-bottom:5px;color:#bacfea}
:is(#product-grid,#studio-featured) .product-price{display:block;font-size:29px;line-height:1.15;letter-spacing:-.9px;color:#87e1ff;font-weight:850;white-space:nowrap}
.card-offer-clock{display:grid;gap:3px;padding:7px 9px;background:#283456;border:1px solid #6573a7;border-radius:9px;max-width:100%;text-align:center;flex:0 0 auto}
.card-offer-clock>small{font-size:10px;line-height:1.2;color:#d6d5ff}
.card-offer-clock>b{font-size:15px;line-height:1.3;letter-spacing:.3px;font-variant-numeric:tabular-nums;color:#fff}
:is(#product-grid,#studio-featured) .card-price-box>.card-cta{display:flex;width:100%;min-height:41px;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;border-radius:10px;padding:10px 13px}
.sheet-price-row .product-price{font-size:34px}.sheet-price-row .sheet-old-price{font-size:17px}.sheet-price-row .sheet-old-price s{font-size:17px}.sheet-price-row .sheet-old-price b{font-size:14px}.detail-offer-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 18px;padding:12px 14px;border:1px solid #7559a7;border-radius:11px;background:#25234b}.detail-offer-summary>strong{color:#ddc3ff;font-size:16px}.detail-offer-summary .card-offer-clock{margin-left:auto}
@media(max-width:760px){
  :is(#product-grid,#studio-featured) .product-body h3{min-height:35px;margin-bottom:8px}
  :is(#product-grid,#studio-featured) .card-facts{display:grid;gap:5px;margin:3px 0 10px;padding:8px;border-radius:8px;min-height:0;white-space:normal}
  :is(#product-grid,#studio-featured) .card-facts>div{display:block;font-size:11px;line-height:1.4}
  :is(#product-grid,#studio-featured) .card-facts>div>span{display:inline;font-size:9px;margin-right:5px;color:#b4c6e6}
  :is(#product-grid,#studio-featured) .card-facts b{font-size:12px;text-align:left;white-space:normal}
  :is(#product-grid,#studio-featured) .card-price-box{padding-top:10px}
  :is(#product-grid,#studio-featured) .card-deal-top{gap:5px;margin-bottom:8px}
  :is(#product-grid,#studio-featured) .card-deal-top>span{font-size:11px;padding:4px 6px}
  :is(#product-grid,#studio-featured) .card-deal-top>b{font-size:10px;display:block;width:100%}
  :is(#product-grid,#studio-featured) .price-before{font-size:13px;gap:3px 5px;margin-bottom:6px}
  :is(#product-grid,#studio-featured) .price-before>span{display:inline;font-size:10px}
  :is(#product-grid,#studio-featured) .price-before>s{font-size:13px}
  :is(#product-grid,#studio-featured) .product-bottom{display:flex;gap:8px}
  :is(#product-grid,#studio-featured) .product-bottom .card-current-price>small{display:block;font-size:10px;margin-bottom:4px}
  :is(#product-grid,#studio-featured) .product-price{font-size:23px;letter-spacing:-.7px}
  :is(#product-grid,#studio-featured) .card-offer-clock{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1 0 100%;width:100%;padding:6px 7px;border-radius:7px;text-align:left}
  .card-offer-clock>small{font-size:9px}.card-offer-clock>b{font-size:12px;letter-spacing:0}
  :is(#product-grid,#studio-featured) .card-price-box>.card-cta{min-height:36px;font-size:11px;padding:8px 10px;margin-top:9px}
  #studio-featured .product-benefit{display:none}
  #studio-featured .card-facts{display:grid}
  .sheet-price-row .product-price{font-size:31px}.detail-offer-summary{padding:11px;gap:8px}.detail-offer-summary>strong{font-size:14px}
}
@media(max-width:360px){:is(#product-grid,#studio-featured) .product-price{font-size:20px}:is(#product-grid,#studio-featured) .card-facts{padding:7px}:is(#product-grid,#studio-featured) .card-facts b{font-size:11px}}

/* Mobile marketplace: useful controls and merchandise before long editorial sections. */
#mobile-market,.market-sort-slot,.market-nav-button{display:none}
.market-dialog{padding:0;width:min(430px,calc(100% - 24px));max-height:85dvh;border:1px solid #638fd5;border-radius:20px;background:#0d1934;color:#edf4ff;box-shadow:0 24px 90px #000b}
.market-dialog::backdrop{background:#020617bf;backdrop-filter:blur(6px)}
.market-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#142647;border-bottom:1px solid #385381}
.market-dialog h2{font-size:20px;line-height:1.4;margin:0}.market-dialog>header button{height:38px;width:38px;border:1px solid #58739a;border-radius:50%;background:#21395b;color:#fff;font-size:24px}
.market-drawer-body{padding:16px}.market-drawer-body>p{font-size:12px;color:#aac5ec;margin:4px 0 12px}.market-drawer-body h3{font-size:14px;margin:24px 0 12px}
#market-drawer-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.market-group{display:flex;align-items:center;text-align:left;min-width:0;gap:9px;padding:12px;border:1px solid #37557c;border-radius:12px;background:linear-gradient(145deg,#1b3154,#132340);color:#e7f3ff;min-height:64px}
.market-group>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#264c7c;color:#a2d8ff;box-shadow:inset 0 0 0 1px #a0caff20}.market-group svg{width:21px;height:21px}
.market-group b{display:block;font-size:12px;line-height:1.45;white-space:normal}.market-group small{display:block;font-size:10px;color:#b6cae5;line-height:1.5;margin-top:2px}
.market-group.violet>span{background:#423272;color:#dcc1ff}.market-group.cyan>span{background:#114962;color:#7eeaff}.market-group.orange>span{background:#5b3628;color:#ffcc9e}.market-group.pink>span{background:#4f2d58;color:#f6c1ef}.market-group.mint>span{background:#164b48;color:#87edcf}
.market-group.active{border-color:#72c3ff;background:linear-gradient(130deg,#244574,#1a3860);box-shadow:inset 0 0 0 1px #84c4ff36}
#market-drawer-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#market-drawer-brands button{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#162946;border:1px solid #365578;border-radius:9px;padding:11px;color:#e6f2ff;font-size:12px;text-align:left;min-height:44px;overflow-wrap:anywhere}
#market-drawer-brands b{color:#95ddff;font-size:11px}#market-drawer-brands [aria-pressed=true]{border-color:#87cbff;background:#24416b}
@media(max-width:760px){
 html{scroll-padding-top:80px}
 body{background:#080f24}
 .topbar{height:64px;background:#0c1832;border-bottom:1px solid #355680;max-width:none;position:relative}
 .topbar .brand{font-size:21px}.topbar .brand-mark{width:37px;height:37px}.topbar .brand-store{font-size:7px;letter-spacing:3px;margin-top:5px;color:#b6cdf2}
 .topbar .wallet-chip{background:#192e50;border-color:#4f739d;color:#d3efff;font-size:11px;padding:8px 10px;gap:6px;min-height:38px}.topbar .profile-button{height:37px;width:37px;background:#203b61;border-color:#5f85b1;color:#fff}
 main{padding:0 12px;max-width:none}
 #view-store{display:flex;flex-direction:column}
 #view-store>.studio-hero,#view-store>.brand-rail,#view-store>.need-section,#view-store>.benefits,#view-store>#studio-featured-section,#view-store>#skill-spotlight{display:none!important}
 #mobile-market{display:block;order:-3;margin:0 -12px 0;padding:13px 12px 8px;background:linear-gradient(150deg,#152e56,#111e3e);border-bottom:1px solid #3b5c8d}
 .market-intro{display:none}.market-intro b{font-size:14px;letter-spacing:-.2px}.market-intro span{font-size:10px;color:#b7d3f5;white-space:nowrap}
 .market-toolbar{display:flex;align-items:stretch;gap:7px}
 .market-menu{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;min-height:44px;flex-shrink:0;background:#2d73cf;color:#fff;border:1px solid #79b9ff;border-radius:10px;font-size:11px;font-weight:750}
 .market-menu svg{width:17px;height:17px}.market-menu:focus-visible{outline:2px solid #fff}
 #market-search-slot{flex:1;min-width:0}
 #market-search-slot .search-box{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid #c4dcff;border-radius:10px;background:#f3f8ff;color:#22406a;box-shadow:0 3px 14px #030d2420}
 #market-search-slot .search-box>span{font-size:24px;color:#3566a4;line-height:1}
 #market-search-slot input{font-size:12px;color:#19385d;width:100%;padding:0;min-width:0;background:transparent;border:0;height:42px;outline-offset:0}
 #market-search-slot input::placeholder{color:#5b7291;opacity:1}#market-search-slot kbd{display:none}
 #market-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 10px}
 #market-groups .market-group{display:flex;flex-direction:row;justify-content:flex-start;text-align:left;gap:6px;padding:7px;min-height:50px;background:#142c4d;border-color:#42648c;border-radius:10px}
 #market-groups .market-group>span{width:29px;height:29px;border-radius:9px}#market-groups .market-group svg{width:19px;height:19px}
 #market-groups .market-group b{font-size:10px;line-height:1.3}#market-groups .market-group small{display:none}
 #market-groups .market-group.active{background:#264c7b;border-color:#7dcbff}
 #market-brands{min-width:0}
 #market-brands .categories{display:flex;gap:7px;overflow-x:auto;margin:0;padding:0 0 4px;scrollbar-width:none;overscroll-behavior-inline:contain}
 #market-brands .categories::-webkit-scrollbar{display:none}
 #market-brands .category{padding:7px 11px;border-radius:7px;min-height:32px;font-size:10px;background:#1b3153;color:#cde2ff;border:1px solid #46628b;flex-shrink:0;box-shadow:none}
 #market-brands .category.active{background:#dcedff;color:#133b68;border-color:#e4f3ff;font-weight:800}
 #view-store>#promotion-strip{order:-2;display:flex;align-items:center;flex-wrap:nowrap;margin:10px 0 0;padding:11px 12px;gap:10px;border-radius:10px;min-height:0;background:linear-gradient(100deg,#242654,#2b1f51);border:1px solid #7665ae}
 #promotion-strip h2{font-size:13px;line-height:1.4;margin:0;color:#f2eaff}#promotion-strip p,#promotion-strip .eyebrow{display:none}
 #promotion-strip>div:first-child{flex:1;min-width:0}#promotion-strip .promotion-clock{padding:5px 7px;min-width:82px;background:#0d1636;border-color:#7366a4;border-radius:7px}
 #promotion-strip .promotion-clock>span{font-size:7px;letter-spacing:.7px}#promotion-strip .promotion-clock strong{font-size:15px;line-height:1.4}
 #view-store>#catalog{order:-1;margin-top:0;padding-top:12px;scroll-margin-top:12px}
 #catalog>.section-title{align-items:center;margin:0 0 7px;gap:8px}#catalog>.section-title .eyebrow{display:none}#catalog>.section-title h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:0}
 #catalog .catalog-status{font-size:8px;padding:5px 7px;max-width:116px;text-align:center;line-height:1.4;background:#163c42;color:#b3efd7;border-color:#3c7c72}#catalog .catalog-status i{display:none}
 #catalog>.catalog-controls:empty{display:none}#live-catalog-facts{display:none}
 .market-sort-slot{display:block;flex:0 0 auto}
 .results-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:10px;flex-wrap:wrap}
 .results-line #results-count{font-size:11px;color:#dcecff;font-weight:650;flex:1}
 .market-sort-slot select{max-width:125px;width:125px;height:33px;font-size:10px;background:#162947;color:#d8eaff;border:1px solid #446189;border-radius:7px;padding:5px 6px}
 .results-line>label{font-size:10px;color:#c6d8f0;display:flex;align-items:center;gap:3px;min-height:33px}
 .results-line input{width:13px;height:13px;margin:0 3px 0 0}
 #product-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #product-grid .product-card{border-radius:13px;border-color:#71a7e2;box-shadow:0 0 0 1px #8ec8ff10,0 5px 15px #0002}
 #product-grid .product-body{padding:10px}#product-grid .product-body h3{font-size:12px;line-height:1.45;min-height:35px;-webkit-line-clamp:2;margin-bottom:8px}
 #product-grid .product-topline{order:0}#product-grid .product-body h3{order:1}#product-grid .product-benefit{order:2}#product-grid .card-price-box{order:3;margin-top:0}#product-grid .card-facts{order:4}#product-grid .product-body>.stock-pill{order:5}
 #product-grid .card-facts{margin:10px 0 0;padding:8px;gap:5px;background:#173352;border-color:#527197}
 #product-grid .card-facts>div{display:block}#product-grid .card-facts>div>span{font-size:9px;display:block;margin:0;color:#c1d1ea}#product-grid .card-facts b{font-size:11px;line-height:1.35}
 #product-grid .card-price-box{padding-top:9px}#product-grid .card-deal-top{margin-bottom:7px;gap:4px}#product-grid .card-deal-top>span{font-size:11px;padding:3px 6px}#product-grid .card-deal-top>b{font-size:10px}
 #product-grid .price-before{font-size:12px;margin-bottom:4px}#product-grid .price-before>s{font-size:13px}#product-grid .product-price{font-size:23px}
 #product-grid .card-price-box>.card-cta{min-height:36px;margin-top:8px;background:linear-gradient(110deg,#2868b8,#3653a0);color:#fff;border-color:#7db6ed;font-size:11px}
 #product-grid .product-body>.stock-pill{font-size:8px;margin-top:7px}
 .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;transform:none;bottom:0;width:100%;max-width:none;border-radius:15px 15px 0 0;padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:#112442fa;border:1px solid #4a6e9c;border-bottom:0;gap:3px;box-shadow:0 -5px 22px #01061470;backdrop-filter:blur(14px)}
 .bottom-nav a,.bottom-nav .market-nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:49px;min-height:44px;min-width:0;font-size:9px;border-radius:9px;border:1px solid transparent;color:#bfd7f6;background:transparent;padding:3px;font-weight:600;line-height:1.3}
 .bottom-nav a.active{background:#2a5083;border-color:#629cda;color:#fff}.bottom-nav a>svg,.bottom-nav .market-nav-button svg{width:20px;height:20px;flex-shrink:0}.bottom-nav .market-nav-button[aria-expanded=true]{background:#2a5083;border-color:#629cda;color:#fff}
 .page-section{padding-top:24px;padding-bottom:30px}.pagination{margin:22px 0 28px}footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 .topbar{padding-inline:10px;gap:7px}.topbar .brand{font-size:18px}.topbar .brand-mark{width:32px;height:32px}.topbar .wallet-chip{font-size:10px;padding:7px 8px}.topbar .profile-button{width:33px;height:33px}
 .market-intro b{font-size:12px}.market-intro span{font-size:9px}.market-menu{font-size:10px;padding-inline:7px;gap:4px}#market-search-slot input{font-size:11px}#market-groups .market-group b{font-size:9px}
 #catalog>.section-title h2{font-size:19px}#catalog .catalog-status{font-size:7px;max-width:105px}#product-grid .product-body{padding:8px}#product-grid .product-body h3{font-size:11px}#product-grid .product-price{font-size:20px}
 .results-line{gap:5px}.market-sort-slot select{width:113px;max-width:113px;font-size:9px}.results-line>label{font-size:9px}#product-grid .card-facts{padding:7px}#product-grid .card-facts b{font-size:10px}
}

/* DuLuong / airy ocean. Soft layered waves; original product artwork and QR pixels stay untouched. */
:root{color-scheme:light;--bg:#f5faff;--surface:#fff;--panel:#fff;--text:#163552;--muted:#526d89;--line:#c3d8ec;--blue:#1769c2;--green:#18789b;--ocean:#1769c2;--ocean-deep:#174a7d;--ocean-soft:#eaf5ff}
body{color:var(--text);background-color:#f6fbff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1100'%3E%3Cpath fill='%23e2f2ff' fill-opacity='.75' d='M0 95C310 260 650-90 1040 90S1440 160 1440 160V0H0Z'/%3E%3Cpath fill='%23eef8ff' d='M0 390C380 110 820 630 1440 250V560C930 810 440 260 0 630Z'/%3E%3Cpath fill='%23d9edff' fill-opacity='.45' d='M0 880C410 610 980 1140 1440 720V1000C970 1250 500 760 0 1060Z'/%3E%3Cg fill='none' stroke='%239fc9ed' stroke-opacity='.24'%3E%3Cpath d='M0 130C400 330 880-130 1440 200'/%3E%3Cpath d='M0 145C400 345 880-115 1440 215'/%3E%3Cpath d='M0 900C440 650 930 1160 1440 760'/%3E%3Cpath d='M0 915C440 665 930 1175 1440 775'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 5% 5%,#cce8ff85,transparent 45%),linear-gradient(140deg,#fbfdff,#eef7ff 55%,#fff);background-size:100% 1100px,100% 100%,100% 100%;background-repeat:repeat-y,no-repeat,no-repeat;background-attachment:scroll;}
.ambient{background:none}::selection{background:#bee2ff;color:#123d6b}
.topbar{background:#ffffffd9;border-color:#bad7ef;box-shadow:0 5px 25px #28588a08;backdrop-filter:blur(16px)}
.brand{color:#15416b}.brand-store,.eyebrow,.eyebrow.muted,.section-title .eyebrow.muted{color:#326a9b}.brand-mark{background:linear-gradient(145deg,#39b1f4,#236cd9 60%,#5d68d9);border-color:#67b9f3;box-shadow:0 4px 15px #2b87d629}
.desktop-nav a{background:#f4faff;color:#365c80;border-color:#c7dbed}.desktop-nav a:hover,.desktop-nav a.active{background:#e2f1ff;color:#1357a0;border-color:#81b5df}.desktop-nav a.active::after{background:#287aca;box-shadow:none}
.desktop-nav a{padding:10px 13px;border:1px solid #c4daed;border-radius:10px;min-height:42px;display:flex;align-items:center;gap:7px}.desktop-nav{gap:8px}
.wallet-chip,.topbar .wallet-chip{background:#eaf5ff;border-color:#a5c9e9;color:#174e82;box-shadow:0 3px 10px #3e7dbb0a}.profile-button,.topbar .profile-button{background:#deedff;color:#1c5893;border-color:#a1c3e7}.wallet-chip .icon{color:#1d74bd}
.button.primary,.primary{background:linear-gradient(115deg,#157cce,#285dcc);border-color:#3685d5;color:#fff;box-shadow:0 5px 16px #2674bd24}.button.primary:hover,.primary:hover{background:linear-gradient(115deg,#1169af,#244fb3)}
.button.secondary,.secondary{background:#f4faff;color:#174f80;border-color:#a7c8e3;box-shadow:none}.button.secondary:hover,.secondary:hover{background:#e5f2ff}.text-link,.auth-switch,.forgot{color:#185d98}
.studio-hero{border-color:#7db6e8;box-shadow:0 12px 40px #1a5da525}.studio-hero .hero-copy h1{color:#f5faff}.studio-hero .eyebrow{color:#b7dfff}.studio-hero .hero-copy>p,.studio-hero .text-link{color:#d2e6ff}
.brand-rail{border-color:#bfd8eb;color:#205882}.brand-rail>span,.brand-rail>b span{color:#5b7691}.brand-rail>span b,.brand-rail>a{color:#23649b}
.studio-heading h2,.catalog-section .section-title h2,.purchase-path h2,.studio-faq h2,.skill-spot-copy h2,.page-section>h1{color:#153f65}
.studio-heading .eyebrow,.studio-heading>div>a{color:#226aa5}.studio-heading>p,.studio-heading>div>p,.live-catalog-facts,.results-line,.results-line label,.subtitle,.muted,.form-help{color:#526f8d}
.need-card,.need-card:last-child:not(.active){background:linear-gradient(135deg,#ffffffed,#edf7ff);border-color:#b9d3e9;color:#194b77;box-shadow:0 4px 12px #28629609}.need-card small{color:#5c7691}.need-number,.need-card:last-child .need-number,.need-arrow{color:#3979ac}.need-card:hover{background:#e6f4ff;border-color:#68a5d8}.need-card.active{background:linear-gradient(120deg,#1d79c7,#3862c1);border-color:#78b4e5;color:#fff;box-shadow:0 5px 18px #2678c126}.need-card.active small,.need-card.active .need-number,.need-card.active .need-arrow{color:#e4f4ff}
.benefits>.feature-card{--feature:#237ac0;--feature-soft:#e3f2ff;--feature-surface:#fff;background:linear-gradient(145deg,#ffffffed,#edf7ff);border-color:#b5d3eb;box-shadow:0 5px 14px #2862960b}.benefits .feature-card strong{color:#174b78}.benefits .feature-card small{color:#5a7591}.benefits>.feature-card:hover{background:#e5f3ff}
.catalog-status,#catalog .catalog-status{background:#e5f4fb;color:#215d84;border-color:#a9cfe6}.catalog-status i{background:#2381b1}
.search-box,.catalog-controls select,.category,.pagination button{background:#ffffffed;border-color:#b5cfe6;color:#365c7b}.search-box input{background:transparent;color:#163d63}.search-box input::placeholder,.search-box>span{color:#527b9e}.search-box kbd{background:#ecf5fc;color:#577c9e;border-color:#bbd4e8}
.category.active{background:#236ec0;border-color:#236ec0;color:#fff}.category.active b{color:#fff}.category:hover{background:#e9f5ff;color:#175084;border-color:#82b3dc}.pagination button.active{background:#216fc0;color:#fff;border-color:#216fc0}
.product-card,.product-card.is-unavailable{background:linear-gradient(145deg,#ffffff,#f4faff);border-color:#8ab5df;box-shadow:0 5px 17px #1d568a11}.product-card:hover{border-color:#3688cc;box-shadow:0 10px 28px #2366a426}.product-card .product-visual{border-color:#a1c7e9;background:#e8f4ff}
.product-body h3{color:#123d67}.product-category{color:#326994}.product-benefit{color:#4d6c89}.saving-badge{background:#efe5ff;border-color:#c5a4e6;color:#6b3395}.product-body>.stock-pill{color:#167064;background:#e6f7f0}.product-body>.stock-pill.out{color:#a72e42;background:#ffedf0}
:is(#product-grid,#studio-featured) .card-facts,#product-grid .card-facts{background:linear-gradient(125deg,#edf6ff,#e4f1ff);border-color:#a7c7e7}
:is(#product-grid,#studio-featured) .card-facts>div>span,#product-grid .card-facts>div>span{color:#526e89}
:is(#product-grid,#studio-featured) .card-facts b{color:#174e80}:is(#product-grid,#studio-featured) .card-facts .fact-warranty b{color:#176a5e}:is(#product-grid,#studio-featured) .card-facts .fact-warranty.none b{color:#a53447}:is(#product-grid,#studio-featured) .card-facts .fact-warranty.unknown b,:is(#product-grid,#studio-featured) .card-facts .fact-warranty.conditional b{color:#875218}
:is(#product-grid,#studio-featured) .card-price-box{border-color:#b8d1e7}:is(#product-grid,#studio-featured) .card-deal-top>span{background:linear-gradient(120deg,#863cb2,#6540ab);border-color:#9861c2;color:#fff}:is(#product-grid,#studio-featured) .card-deal-top>b{color:#245d95}
:is(#product-grid,#studio-featured) .price-before,:is(#product-grid,#studio-featured) .price-before>span{color:#61758e}:is(#product-grid,#studio-featured) .product-bottom .card-current-price>small{color:#496a89}:is(#product-grid,#studio-featured) .product-price,.product-price{color:#1267ad;text-shadow:none}
.card-offer-clock{background:#eef0ff;border-color:#bdbee4}.card-offer-clock>small{color:#565884}.card-offer-clock>b{color:#373b71}
:is(#product-grid,#studio-featured) .card-price-box>.card-cta,#product-grid .card-price-box>.card-cta{background:linear-gradient(110deg,#277bca,#3464bf);border-color:#4d8fd3;color:#fff;box-shadow:0 3px 10px #246fba1c}
.skill-spotlight{background:linear-gradient(130deg,#e4f3ff,#fcfdff 70%);border-color:#a9cbe8;box-shadow:0 10px 28px #2a679d12}.skill-spot-art{background:radial-gradient(ellipse at 70% 35%,#abc9ff85,transparent 60%),#d9ebff}.skill-spot-copy p,.skill-spot-copy>small{color:#4e6e8b}.skill-spot-copy em,.skill-spot-buy strong{color:#1f68a9}
.purchase-path{border-color:#bed4e7}.purchase-path li>b,.purchase-path h3,.studio-faq summary{color:#21567f}.purchase-path p,.studio-faq p{color:#56708c}.studio-faq details{border-color:#bfd4e6}.studio-faq a{color:#1767a6}.help-banner{background:linear-gradient(130deg,#d9efff,#f9fcff);border-color:#a9cce7;box-shadow:none}.help-banner h2{color:#17476d}.help-banner p{color:#536f8a}
.panel,.order-row,.support-card,.ref-tier{background:linear-gradient(140deg,#ffffffed,#f4faff);border-color:#bdd4e7;color:#163e62;box-shadow:0 5px 20px #1e5b8e0a}.panel h1,.panel h2,.panel h3,.order-row strong,.support-card strong{color:#163f67}.panel p,.support-card p,.support-note p,.order-row p,.security-profile p,.ledger-row{color:#526e89}
input,select,textarea,.panel input,.panel textarea,.auth-dialog input,.security-form input,.warranty-form textarea,.referral-link input{color-scheme:light;background:#f9fcff;border-color:#adc9e1;color:#173f65;accent-color:#2477c4}.panel input:focus,.auth-dialog input:focus,.security-form input:focus,.warranty-form textarea:focus{border-color:#3b91d4;outline-color:#9ccff1}.empty{background:#ffffffb8;border-color:#adcbe3;color:#59748c}.empty h3{color:#224f76}.support-note{background:#eef7ff}.security-links a,.security-text-button,.auth-switch,.forgot{color:#1d65a0}
.wallet-hero,.security-profile{background:radial-gradient(ellipse at 100% 0%,#bad9ff8a,transparent 60%),linear-gradient(115deg,#e0f1ff,#f9fcff);border-color:#9dc4e5;color:#183f65}.wallet-hero h2,.ledger-row strong{color:#1768a8}.wallet-hero small,.wallet-hero p{color:#4d7092}.ledger-row{border-color:#c3d8e9}
.status,.pill.good,.security-badge.verified,.security-success,.notice.good{background:#e6f6f0;border-color:#a0cfc1;color:#176550}.status.pending,.pill.warn,.notice{background:#fff5e7;border-color:#ebd0a7;color:#87531d}.pill.bad,.form-error,.error{color:#aa3148!important}.pill.bad{background:#fff0f3;border-color:#e4aebc}.security-badge{background:#edf1ff;border-color:#bbc6e8;color:#4b5592}.notice a{color:#1a629b}
.delivered,.warranty-terms,.terms,.warranty-block{background:#edf6ff;color:#204f79;border-color:#b3d0e7}.warranty-block p,.warranty-block summary,.warranty-form label,.checkout-layout p{color:#506d88}.topup-data code,.checkout-layout code,code{background:#e6f2fc;color:#1a5d94}.ref-tier.current{background:#e5f2ff;border-color:#73a8d2}
.payment-option,.payment-option.payment-wallet,.payment-wallet.insufficient{background:#eff7ff;border-color:#b0cde6}.payment-option-head strong{color:#214f77}.payment-option-icon,.payment-wallet .payment-option-icon,.payment-tag{background:#dceeff;border-color:#a4c7e5;color:#1f649c}.payment-wallet.insufficient .payment-wallet-hint{color:#8a4d20}
.product-dialog,.auth-dialog,dialog{background:linear-gradient(135deg,#f9fcff,#edf7ff);color:#173d5d;border-color:#9ebfdf;box-shadow:0 24px 95px #163f615c}.product-dialog::backdrop,.auth-dialog::backdrop,dialog::backdrop{background:#173a615e;backdrop-filter:blur(7px)}.close,.skill-dialog>.close{background:#fff;color:#225f91;border-color:#aecce3}.close:hover{background:#dceeff;color:#164e7c}
.sheet-help,.sheet-facts article{background:#edf6ff;border-color:#b5d1e8}.sheet-content>h2,.sheet-facts h3{color:#1a466c}.sheet-lead,.sheet-facts p,.sheet-help p,.sheet-description p,.sheet-payment-note{color:#526f89}.sheet-help a{color:#1c659e}.sheet-badges>span{background:#226fb6;color:#fff}.sheet-badges>span+span{background:#eceaff;border-color:#c7c1e6;color:#594582}.sheet-important{background:#f2edff;border-color:#d1c3e8}.sheet-important h3{color:#634b8b}.sheet-important p{color:#62517b}.sheet-quick-buy{background:#f2f9fff2;border-color:#b3cfe7}.sheet-quick-buy span{color:#526f8d}.sheet-quick-buy strong{color:#186bab}.sheet-description,.sheet-purchase{border-color:#bed4e7}.quantity,.sheet-wallet{background:#eaf4ff;border-color:#b2cce2}.quantity button{background:#dbeaff;color:#205b90}.quantity output{color:#1b4c77}.sheet-old-price,.sheet-price-label,.skill-price-label{color:#526f8d}.sheet-old-price b{background:#eee6ff;color:#6c4099}.detail-offer-summary{background:#f1edff;border-color:#bfb0df}.detail-offer-summary>strong{color:#67458b}
.skill-content,.skill-dialog,.skill-story,.skill-detail{color:#173d60}.skill-content h2,.skill-content h3{color:#194768}.skill-content p,.skill-content li,.skill-tags span,.skill-feature p,.skill-features p{color:#526e87}.skill-features article>span,.skill-features h3{color:#1a5788}.skill-guide{background:#e2f2ff;border-color:#a8cbe5;color:#2a5a7d}.skill-guide h3{color:#205f8b}.skill-guide p{color:#4f718d}.skill-price,.skill-price strong{color:#186cb0}.skill-tags span,.skill-wallet{background:#ecf6ff;border-color:#b9d2e7;color:#416985}.skill-requirements,.skill-purchase{border-color:#bdd2e4}.skill-requirements summary{color:#416585}.skill-meta,.skill-caption{color:#4f7495}.skill-meta b{color:#255f8d}
.product-dialog.skill-dialog{color-scheme:light;background:linear-gradient(135deg,#fafdff,#edf7ff);color:#173d60;border-color:#a1bfdc}
.skill-content .skill-lead,.skill-content .skill-outcome,.skill-feature p{color:#426584}.skill-outcome strong{color:#1c6098}.skill-content .skill-runtime-note{background:#e4f2ff;border-color:#b0cce5;border-left-color:#4696cf;color:#456b8a}.skill-runtime-note b{color:#205e8d}
.skill-platforms{background:linear-gradient(120deg,#edf6ff,#f2f0fc);border-color:#b6cce3}.skill-platforms h3,.skill-platforms b{color:#245779}.skill-platforms p{color:#4a6c8b}.skill-badges>span:nth-child(3){background:#e3f1ff;border-color:#aecce5;color:#245e8c}
.skill-content .skill-price-label,.skill-buy-note{color:#52718f}.skill-content .skill-price{color:#126bb1}.skill-dialog .skill-contact{background:#f2f9ff;border-color:#9fc5e2;color:#215e8b}.skill-dialog .skill-wallet-buy{background:#deedff;border-color:#a8c7e2;color:#205b8b}.skill-feature h3 svg{color:#2c7cb8}.skill-guide p b{color:#245f8f}
.skill-media-note,.skill-package-facts{color:#517896;border-color:#b3cfe4}.skill-package-facts b{color:#286d9e}
.sheet-facts article:last-child{background:linear-gradient(135deg,#e6f3ff,#eff2ff);border-color:#b5cbe5}.sheet-facts article:last-child h3{color:#22567e}.sheet-facts article:last-child p{color:#4f6e88}.sheet-facts article:last-child>span{color:#397bb0}
.skill-own-promotion{background:linear-gradient(115deg,#e2f2ff,#f0eaff);border-color:#b6c1e3}.skill-own-promotion strong{color:#554287}.skill-own-promotion span{color:#58718c}.skill-own-promotion b{color:#235e94}
.sheet-payment-note b,.skill-payment-note b,.skill-price-note b{color:#24587f}
.toast,#toast{background:#1b568c;border-color:#4383b7;color:#fff;box-shadow:0 8px 28px #1c558e3d}
.market-dialog{background:#f7fbff;color:#17456f;border-color:#9dbfdf}.market-dialog>header{background:#e5f2ff;border-color:#bdd5ea}.market-dialog>header button{background:#fff;color:#285e8c;border-color:#accae4}.market-drawer-body>p{color:#55738f}
.market-group{background:linear-gradient(140deg,#fff,#edf6ff);border-color:#b7d0e8;color:#234f77}.market-group small{color:#607b94}.market-group>span{background:#ddecff;color:#2567a2;box-shadow:none}.market-group.violet>span{background:#eee3ff;color:#7450ac}.market-group.cyan>span{background:#d9f2fa;color:#137c96}.market-group.orange>span{background:#ffeddc;color:#b26729}.market-group.pink>span{background:#f8e4f0;color:#a54d86}.market-group.mint>span{background:#dff4ec;color:#218267}.market-group.active{background:linear-gradient(135deg,#dbefff,#eef6ff);border-color:#5c9fd3;box-shadow:inset 0 0 0 1px #88bde525}
#market-drawer-brands button{background:#fff;border-color:#bed4e7;color:#24587d}#market-drawer-brands b{color:#2d6da0}#market-drawer-brands [aria-pressed=true]{background:#dfedff;border-color:#79a9d2}
footer,footer p{color:#56718a;border-color:#bdd2e4}footer>a{color:#225f90}
@media(max-width:760px){
 .topbar{background:#ffffffdf;border-color:#b7d3ea}.topbar .brand-store{color:#537aa1}
 #mobile-market{background:linear-gradient(155deg,#fafdffeb,#ddecffb8);border-color:#b6d3ed}
 .market-intro b{color:#184c7b}.market-intro span{color:#587d9e}.market-menu{background:linear-gradient(110deg,#2685d4,#2e65be);border-color:#4b95d2}
 #market-search-slot .search-box{background:#fff;border-color:#a4c9e8;box-shadow:0 3px 12px #2e75b60c}
 #market-groups .market-group{background:linear-gradient(135deg,#ffffffeb,#edf6ff);border-color:#a8c8e4;box-shadow:0 2px 7px #28679d08;min-height:50px;padding-block:7px}
 #market-groups .market-group.active{background:linear-gradient(130deg,#d7ebff,#edf7ff);border-color:#5f9fd1;box-shadow:0 0 0 1px #7db1df33}
 #market-brands .category{background:#ffffffc9;color:#386386;border-color:#b4cfe5}#market-brands .category.active{background:#2674c3;color:#fff;border-color:#2674c3}
 #view-store>#promotion-strip{background:linear-gradient(100deg,#e5edff,#f3edff);border-color:#b4b8df}#promotion-strip h2{color:#514182}#promotion-strip .promotion-clock{background:#fff;border-color:#b6bde1}#promotion-strip .promotion-clock>span{color:#70638b}#promotion-strip .promotion-clock strong{color:#514879}
 .results-line #results-count{color:#285a82}.results-line>label{color:#53728c}.market-sort-slot select{background:#fff;color:#326083;border-color:#b7cee3}
 #product-grid .product-card{border-color:#95bcdf;box-shadow:0 4px 13px #28629110}#product-grid .card-facts{background:linear-gradient(125deg,#eef7ff,#e5f1ff);border-color:#afcbe4}
 .bottom-nav{background:#ffffffed;border-color:#b3cee5;box-shadow:0 -4px 18px #2c63941c}.bottom-nav a,.bottom-nav .market-nav-button{color:#527798}.bottom-nav a>svg,.bottom-nav a:nth-child(2)>svg,.bottom-nav a:nth-child(3)>svg,.bottom-nav a:nth-child(4)>svg{color:currentColor}.bottom-nav a.active,.bottom-nav .market-nav-button[aria-expanded=true]{background:#deedff;border-color:#9ec1e3;color:#1b609a}
}

/* Shared discovery area replaces the decorative brand rail; the same input serves both layouts. */
body{isolation:isolate;background:#f8fcff}
body::before,body::after{content:'';position:fixed;inset:-35px;pointer-events:none;z-index:-1}
body::before{background-color:#f8fcff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1000'%3E%3Cpath fill='%23d8edff' fill-opacity='.72' d='M0 40C350 230 740-130 1440 150V310C810 40 360 400 0 220Z'/%3E%3Cpath fill='%23e4f2ff' fill-opacity='.7' d='M0 600C400 250 860 820 1440 410V670C900 990 400 490 0 870Z'/%3E%3Cpath fill='%23d6ebff' fill-opacity='.45' d='M0 920C480 650 960 1190 1440 810V1000H0Z'/%3E%3C/svg%3E"),radial-gradient(ellipse at 10% 10%,#d8edff77,transparent 60%);background-size:100% 1100px,100% 100%;background-repeat:repeat-y,no-repeat;filter:blur(32px);opacity:.92}
body::after{inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035}
#view-store{display:flex;flex-direction:column}
#view-store>.brand-rail,#view-store>.need-section,#view-store>#studio-featured-section{display:none!important}
#mobile-market{order:-5}
#view-store>#promotion-strip{order:-4}
#view-store>#catalog{order:-3}
.catalog-controls:empty{display:none}
.market-search-hint{color:#4d6c8c;font-size:11px;line-height:1.6;margin:8px 0 0}
#market-feature{min-width:0}
@media(min-width:761px){
 main{padding-inline:32px;max-width:1440px}
 #view-store{padding-top:22px}
 #mobile-market{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.85fr);gap:20px;margin:0 0 18px;padding:0;background:none;border:0}
 .market-main{min-width:0;padding:20px;border:1px solid #b2cfe8;border-radius:20px;background:linear-gradient(140deg,#fffffff0,#edf7ffe8);box-shadow:0 6px 24px #1f588610}
 .market-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}
 .market-intro h1{font-size:21px;line-height:1.4;color:#174b76;letter-spacing:-.5px;margin:5px 0 0}
 .market-intro span{font-size:8px;letter-spacing:1.5px;font-weight:750;color:#367db3}
 .market-intro small{color:#5a7b99;font-size:10px;white-space:nowrap}
 .market-toolbar{display:flex;align-items:stretch;gap:9px;min-width:0}
 .market-menu{display:flex;align-items:center;gap:7px;justify-content:center;flex-shrink:0;min-height:46px;padding:0 12px;border:1px solid #488fd0;border-radius:10px;background:linear-gradient(115deg,#2383d0,#2b65bd);color:#fff;font-size:12px;font-weight:750}
 .market-menu svg{width:18px;height:18px}
 #market-search-slot{flex:1;min-width:0}
 #market-search-slot .search-box{display:flex;align-items:center;min-height:46px;padding:0 11px;gap:8px;background:#fff;border:1px solid #a9c9e5;border-radius:10px}
 #market-search-slot .search-box>span{font-size:24px;line-height:1;color:#327aae}
 #market-search-slot .search-box input{height:44px;min-width:0;width:100%;font-size:12px;color:#204e76;background:transparent;border:0;outline-offset:0}
 #market-search-slot .search-box kbd{display:none}
 #market-desktop-sort select{height:46px;width:143px;min-width:0;font-size:11px;border-radius:10px;background:#f4faff;border:1px solid #b1cbe3;color:#3c6788;padding:0 8px}
 #market-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:14px 0 12px}
 #market-groups .market-group{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:8px 3px;min-height:77px;border-radius:10px}
 #market-groups .market-group>span{width:27px;height:27px;border-radius:8px}#market-groups .market-group svg{width:18px;height:18px}
 #market-groups .market-group b{font-size:10px;line-height:1.35}#market-groups .market-group small{display:none}
 #market-brands .categories{display:flex;overflow-x:auto;gap:6px;margin:0;padding:0 0 4px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#aacbe5 transparent}
 #market-brands .category{flex-shrink:0;padding:6px 10px;font-size:10px;min-height:31px;line-height:1.5;border-radius:7px}
 #market-feature .studio-hero{width:100%;height:100%;min-height:235px;max-height:300px;border-radius:20px;grid-template-columns:1fr;box-shadow:0 9px 28px #20568120;margin:0}
 #market-feature .hero-copy{padding:25px 20px;max-width:72%;align-self:center}
 #market-feature .hero-copy h1{font-size:clamp(24px,2.3vw,34px);line-height:1.2;letter-spacing:-.9px;margin:15px 0 18px}
 #market-feature h1>span{white-space:normal}#market-feature .eyebrow{font-size:7px;line-height:1.7;letter-spacing:1px}
 #market-feature .hero-copy>p,#market-feature .hero-proof,#market-feature .hero-floating,#market-feature .text-link{display:none}
 #market-feature .hero-actions .button{padding:10px 13px;font-size:10px;min-height:38px;border-radius:12px}
 #market-feature .hero-media{left:20%}#market-feature .hero-scene{object-position:70% 50%}
 #market-feature .studio-hero::before{background:linear-gradient(90deg,#080f2b 0%,#080f2be8 32%,#080f2b75 68%,transparent)}
 #market-feature .motion-toggle{left:13px;bottom:10px;font-size:7px;min-height:22px;padding:3px 7px}
 #view-store>#promotion-strip{margin:0 0 20px;padding:14px 20px;border-radius:15px;gap:20px;min-height:0}
 #promotion-strip h2{font-size:18px;line-height:1.4;margin:3px 0 4px}#promotion-strip p{font-size:11px;margin:0}#promotion-strip .eyebrow{font-size:7px}
 #promotion-strip .promotion-clock{padding:8px 12px;min-width:116px}#promotion-strip .promotion-clock>span{font-size:8px}#promotion-strip .promotion-clock strong{font-size:22px;line-height:1.3}
 #catalog{padding-top:0}#catalog>.section-title{margin:0 0 10px;align-items:center}#catalog>.section-title .eyebrow{display:none}#catalog>.section-title h2{font-size:27px;margin:0}
 #live-catalog-facts{display:none}.results-line{margin:8px 0 15px}.results-line #results-count{font-size:12px;font-weight:650}
 .topbar{padding-inline:max(32px,calc((100vw - 1376px)/2))}.desktop-nav a.active::after{bottom:-23px}
}
@media(min-width:761px) and (max-width:1100px){
 #mobile-market{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.market-main{padding:15px}.market-intro h1{font-size:18px}.market-intro small{display:none}
 .market-toolbar{flex-wrap:wrap}#market-search-slot{min-width:150px}#market-desktop-sort{display:block}#market-desktop-sort select{width:120px}#market-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#market-groups .market-group{flex-direction:row;min-height:46px;padding:6px;gap:5px;text-align:left}#market-groups .market-group b{font-size:9px}
 #market-feature .hero-copy{max-width:94%;padding:20px}#market-feature .hero-copy h1{font-size:28px}.topbar .desktop-nav{gap:4px}.desktop-nav a{padding-inline:7px;font-size:11px}
}
@media(max-width:760px){#market-feature,#market-desktop-sort{display:none}#mobile-market{display:block}.market-main{min-width:0}#view-store>.studio-hero{display:none!important}.market-search-hint{font-size:10px;margin-top:7px}#market-search-slot .search-box input{font-size:12px}}

/* Compact catalog only: retain the fulfillment → offer → price/clock → CTA → stock sequence. */
:is(#product-grid,#studio-featured) .product-card{align-self:start}
:is(#product-grid,#studio-featured) .product-open{height:auto}
:is(#product-grid,#studio-featured) .product-body{flex:0 0 auto;padding:12px 13px;gap:0}
:is(#product-grid,#studio-featured) .product-topline{min-height:17px;margin:0}
:is(#product-grid,#studio-featured) .product-body h3{min-height:0;margin:5px 0 9px;line-height:1.45;-webkit-line-clamp:2}
:is(#product-grid,#studio-featured) .card-facts{order:2;min-height:0;margin:0 0 9px;padding:8px 10px;gap:5px;line-height:1.4}
:is(#product-grid,#studio-featured) .card-facts>div{line-height:1.4;gap:7px}
:is(#product-grid,#studio-featured) .card-price-box{order:3;margin-top:0;padding-top:10px}
:is(#product-grid,#studio-featured) .card-deal-top{margin-bottom:7px;gap:5px 7px}
:is(#product-grid,#studio-featured) .price-before{margin:0 0 5px;line-height:1.35}
:is(#product-grid,#studio-featured) .product-bottom{gap:8px}
:is(#product-grid,#studio-featured) .card-price-box>.card-cta{margin-top:10px;min-height:38px;padding:8px 12px}
:is(#product-grid,#studio-featured) .product-body>.stock-pill{order:4;margin-top:7px}
@media(max-width:760px){
 :is(#product-grid,#studio-featured) .product-body{padding:9px}
 :is(#product-grid,#studio-featured) .product-body h3{order:1;min-height:0;margin:0 0 7px}
 :is(#product-grid,#studio-featured) .product-topline{min-height:0;height:0}
 :is(#product-grid,#studio-featured) .card-facts{order:2;margin:0 0 8px;padding:7px;gap:5px}
 :is(#product-grid,#studio-featured) .card-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:5px;line-height:1.35}
 :is(#product-grid,#studio-featured) .card-facts>div>span{display:inline;flex:0 0 auto;margin:0;font-size:9px}
 :is(#product-grid,#studio-featured) .card-facts b{font-size:11px;line-height:1.35;text-align:right;min-width:0}
 :is(#product-grid,#studio-featured) .card-price-box{order:3;margin:0;padding-top:8px}
 :is(#product-grid,#studio-featured) .card-deal-top{margin-bottom:6px}
 :is(#product-grid,#studio-featured) .price-before{margin-bottom:4px}
 :is(#product-grid,#studio-featured) .card-price-box>.card-cta{min-height:36px;margin-top:8px;padding:8px 9px}
 :is(#product-grid,#studio-featured) .product-body>.stock-pill{order:4;margin-top:6px}
}
@media(max-width:360px){:is(#product-grid,#studio-featured) .product-body{padding:8px}:is(#product-grid,#studio-featured) .card-facts{padding:6px}:is(#product-grid,#studio-featured) .card-facts b{font-size:10px}}

/* Tạp Hóa MMO: compact discovery with tactile, accessible category controls. */
.brand .brand-mark{background:linear-gradient(145deg,#35c5ec,#1977dc 57%,#565bdd);box-shadow:inset 0 1px 1px #ffffff80,0 5px 14px #1879d42b;border:1px solid #ffffff70}
.brand .market-logo{width:34px;height:34px;display:block}.brand .market-wordmark{font-size:24px;letter-spacing:-.9px;white-space:nowrap;font-weight:800;color:#163f68}.brand .market-wordmark em{font-style:normal;color:#1975c9}.brand .brand-store{font-size:7px!important;letter-spacing:2.1px!important;color:#527b9d!important;margin-top:6px!important;font-weight:650}
.brand .small .market-logo{width:28px;height:28px}footer .brand .market-wordmark{font-size:20px}.auth-mark{font-size:17px}
#market-feature .hero-scene,.hero-floating,.hero-media::after{animation:none!important}
.market-main{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c1dcf1;background:radial-gradient(ellipse at 97% 0%,#d5edffb0,transparent 44%),linear-gradient(135deg,#fffffffa,#f1f8ffed);box-shadow:inset 0 1px #fff,0 12px 35px #2766a00c}
.market-main::before{content:'';position:absolute;z-index:-1;pointer-events:none;right:-65px;top:-120px;width:280px;height:240px;border:30px solid #ffffff55;border-radius:50%;transform:rotate(-20deg)}
.market-intro{position:relative}.market-intro h1{font-weight:800;letter-spacing:-.65px;color:#153f69}.market-intro>div>span{color:#237bc0;letter-spacing:1.6px}.market-intro>small{padding:7px 9px;border:1px solid #d5e7f5;background:#ffffffa8;border-radius:30px;display:flex;align-items:center;gap:5px}.market-intro small i{width:5px;height:5px;background:#258bd3;box-shadow:0 0 0 3px #e3f2ff;border-radius:50%}
.market-toolbar .market-menu{background:linear-gradient(125deg,#1a8ce0,#2661c2);border-color:#307bc7;box-shadow:inset 0 1px #ffffff40,0 4px 10px #1775c21c;transition:filter .2s,transform .2s;letter-spacing:-.2px}
.market-toolbar .market-menu:hover{filter:brightness(1.08);transform:translateY(-1px)}
#market-search-slot .search-box{border-color:#b9d5ed;box-shadow:0 3px 10px #2c75ad08,inset 0 1px #fff;transition:border-color .2s,box-shadow .2s;background:#ffffffed}
#market-search-slot .search-box:focus-within{border-color:#2182d7;box-shadow:0 0 0 3px #2e92df20,0 5px 16px #2c75ad0c}
#market-search-slot .search-box input:focus{outline:none;box-shadow:none}.market-search-hint{color:#55718e}
.market-group{--icon-a:#2aa9ee;--icon-b:#306cdd;--tile:#ecf6ff;--ink:#2264a2;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.market-group.violet{--icon-a:#b690ff;--icon-b:#7650db;--tile:#f4efff;--ink:#754dc2}.market-group.cyan{--icon-a:#3bc9e6;--icon-b:#178dab;--tile:#eafaff;--ink:#157e9d}.market-group.orange{--icon-a:#ffbb73;--icon-b:#ef7e35;--tile:#fff5ea;--ink:#bd6226}.market-group.pink{--icon-a:#ed8fd0;--icon-b:#ce539b;--tile:#fff1f9;--ink:#b54686}.market-group.mint{--icon-a:#4fd6bd;--icon-b:#15a38c;--tile:#eafff9;--ink:#147f70}
#market-groups .market-group{border-color:#d6e6f4;background:linear-gradient(145deg,#fff,var(--tile));color:#214b70;box-shadow:inset 0 1px #fff,0 3px 7px #20598805;border-radius:13px;gap:7px;min-height:86px;padding:9px 4px}
#market-groups .market-group>.market-icon,.market-group>.market-icon{position:relative;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--icon-a),var(--icon-b));color:#fff;box-shadow:inset 0 1px 1px #ffffff80,0 4px 8px color-mix(in srgb,var(--icon-b) 23%,transparent);border:1px solid #ffffff90}
.market-group .market-icon::after{content:'';position:absolute;inset:3px;border-radius:8px;border-top:1px solid #ffffff35;pointer-events:none}
#market-groups .market-group svg,.market-group .market-icon svg{width:22px;height:22px;overflow:visible;filter:drop-shadow(0 1px 1px #163c7833)}
.category-glyph{fill:currentColor;fill-opacity:.08}.icon-spark{opacity:0;transform-origin:20px 4px}
#market-groups .market-group b{font-size:10px;font-weight:750}.market-group:hover,.market-group:focus-visible{transform:translateY(-3px);box-shadow:0 7px 17px #22599018!important;border-color:var(--icon-a)!important;outline:2px solid transparent}
.market-group:focus-visible{outline:2px solid #2289d5;outline-offset:2px}.market-group:hover svg,.market-group:focus-visible svg{animation:category-pop .65s ease both}.market-group:hover .icon-spark,.market-group:focus-visible .icon-spark{animation:category-spark .7s ease both}
#market-groups .market-group.active{background:linear-gradient(145deg,#edf8ff,#dfedff);border-color:#65a4e7;box-shadow:inset 0 0 0 1px #fff,0 4px 12px #236ec216;color:#154a80}
#market-groups .market-group.active::after{content:'';position:absolute;width:16px;height:3px;background:#2578cb;bottom:0;left:calc(50% - 8px);border-radius:3px 3px 0 0}
#market-brands{padding-top:1px}#market-brands .category{border-color:#c8dff0;border-radius:9px;background:#ffffffd9;color:#365f82;box-shadow:inset 0 1px #fff;transition:background .2s,border-color .2s}
#market-brands .category:hover{border-color:#78add6;background:#edf7ff}#market-brands .category.active{background:linear-gradient(135deg,#2389d4,#2869c3);border-color:#2a78c9;color:#fff;box-shadow:0 3px 8px #2575be20}
#market-brands .categories{scrollbar-width:thin;scrollbar-color:#bdd6ea transparent}.market-search-hint{font-size:10px}
@keyframes category-pop{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-8deg)}65%{transform:translateY(-1px) rotate(5deg)}}
@keyframes category-spark{0%,100%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1)}}
@media(min-width:1101px){.market-main{padding:20px}.market-intro{margin-bottom:14px}.market-intro h1{font-size:21px}.market-intro>small{font-size:9px}#market-groups{gap:8px;margin:15px 0 12px}}
@media(min-width:761px) and (max-width:1100px){#market-groups .market-group{min-height:51px;padding:6px;gap:7px}#market-groups .market-group>.market-icon{width:29px;height:29px;border-radius:9px}#market-groups .market-group svg{width:19px;height:19px}#market-groups .market-group b{font-size:9px}.topbar .market-wordmark{font-size:21px}.topbar .desktop-nav a{padding-inline:6px}}
@media(max-width:760px){.topbar .brand{gap:8px}.topbar .brand .market-wordmark{font-size:20px;letter-spacing:-.65px}.topbar .brand-store{font-size:6px!important;letter-spacing:1.45px!important}.topbar .market-logo{width:29px;height:29px}.topbar .brand-mark{width:36px;height:36px}.topbar .wallet-chip{padding:8px}.market-main{border-radius:17px;padding:12px 10px 10px;overflow:visible;background:radial-gradient(ellipse at 100% 0,#deefff90,transparent 60%),#ffffffd9}.market-main::before{display:none}#mobile-market{padding-top:10px}.market-intro{display:none}#market-groups{gap:6px;margin:10px 0}#market-groups .market-group{flex-direction:row;min-height:51px;padding:6px 5px;gap:6px;text-align:left;border-radius:10px}#market-groups .market-group>.market-icon{width:28px;height:28px;border-radius:9px}#market-groups .market-group svg{width:19px;height:19px}#market-groups .market-group b{font-size:9px;line-height:1.4}.market-group:hover{transform:none}#market-brands .category{min-height:30px;padding:5px 8px}.market-search-hint{font-size:9px;margin-top:6px}.market-toolbar .market-menu{font-size:10px;padding-inline:8px}#market-search-slot .search-box input{font-size:11px}footer .brand .market-wordmark{font-size:19px}}
@media(max-width:360px){.topbar .brand .market-wordmark{font-size:17px}.topbar .brand-store{font-size:5px!important;letter-spacing:1.1px!important}.topbar .brand{gap:6px}.topbar .brand-mark{width:31px;height:33px}.topbar .market-logo{width:27px;height:27px}.topbar .wallet-chip{font-size:10px;padding-inline:7px}.topbar .profile-button{width:32px;height:32px}#market-groups .market-group{gap:4px;padding-inline:4px}#market-groups .market-group>.market-icon{width:24px;height:26px}#market-groups .market-group b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.market-group,.market-icon,.market-menu{transition:none!important}.market-group svg,.market-group .icon-spark{animation:none!important}}
[data-motion=off] .market-group svg,[data-motion=off] .market-group .icon-spark{animation:none!important}
/* Deep blue header: high contrast across desktop and mobile. */
.topbar{background:radial-gradient(ellipse at 10% 0%,#1876bb66,transparent 48%),radial-gradient(ellipse at 88% 100%,#246bd255,transparent 55%),linear-gradient(110deg,#081d40 0%,#10366b 48%,#092348 100%);border-bottom:1px solid #498cd36b;box-shadow:0 5px 22px #092e6021;color:#edf7ff}
.topbar .brand .market-wordmark{color:#f5faff}.topbar .brand .market-wordmark em{color:#80d9ff}.topbar .brand .brand-store{color:#accfea!important}
.topbar .brand-mark{box-shadow:inset 0 1px 1px #ffffff80,0 4px 16px #009de83b;border-color:#82ceff80}
.topbar .desktop-nav a{background:#ffffff08;border-color:#85b9ed38;color:#d4e8ff;box-shadow:inset 0 1px #ffffff08;transition:background .2s,border-color .2s}
.topbar .desktop-nav a:hover{background:#ffffff16;border-color:#91d5ff8a;color:#fff}
.topbar .desktop-nav a.active{background:linear-gradient(125deg,#217cc5,#2155a3);border-color:#80c4f3b0;color:#fff;box-shadow:inset 0 1px #ffffff25,0 4px 12px #05183430}
.topbar .desktop-nav a.active::after{background:#79d8ff;box-shadow:0 0 10px #50bcf052}
.topbar .wallet-chip{background:linear-gradient(130deg,#2867a855,#174170aa);border-color:#8bbded55;color:#edf9ff;box-shadow:inset 0 1px #ffffff12}.topbar .wallet-chip .icon{color:#86daff}
.topbar .profile-button{background:linear-gradient(140deg,#367eb6,#244d85);border-color:#99c7ef70;color:#fff;box-shadow:inset 0 1px #ffffff20}
.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid #a0e6ff;outline-offset:3px}

.help-banner .eyebrow{color:#4d7295}

/* Palette only. Product artwork, QR codes and layout remain untouched. */
html[data-store-theme=ruby]{--theme-accent:#bb2143;--theme-accent-end:#e33d51;--theme-accent-ink:#a51d3a}
html[data-store-theme=ruby] body{background:#f6fbff}
html[data-store-theme=ruby] body::before{background:radial-gradient(ellipse at 8% 10%,#cce8ffb0,transparent 50%),radial-gradient(ellipse at 95% 20%,#e1edffb0,transparent 45%),linear-gradient(140deg,#fff 10%,#e9f4ff 50%,#fff 90%);filter:blur(30px)}
html[data-store-theme=ruby] .topbar{background:radial-gradient(ellipse at 15% 0%,#f45b6960,transparent 50%),linear-gradient(110deg,#63132f,#b51e3c 50%,#86142f);border-color:#ee96ab77;box-shadow:0 6px 22px #731c3a22}
html[data-store-theme=ruby] .topbar .brand .market-wordmark em{color:#ffcad2}html[data-store-theme=ruby] .topbar .brand .brand-store{color:#ffd0da!important}
html[data-store-theme=ruby] .topbar .brand-mark{background:linear-gradient(140deg,#ff8192,#da3755 60%,#98254c);border-color:#ffbfcc80}
html[data-store-theme=ruby] .topbar .market-logo path:nth-child(3){stroke:#bc2b4c}
html[data-store-theme=ruby] .topbar .desktop-nav a{color:#ffe0e7;border-color:#f5b5c43d}html[data-store-theme=ruby] .topbar .desktop-nav a.active{background:linear-gradient(130deg,#e34860,#b32346);border-color:#ffb5c4;color:#fff}
html[data-store-theme=ruby] .topbar .desktop-nav a.active::after{background:#ffb3c7;box-shadow:0 0 10px #ffafc85a}
html[data-store-theme=ruby] .topbar .wallet-chip,html[data-store-theme=ruby] .topbar .profile-button{background:linear-gradient(130deg,#ba3c5c80,#7a1637aa);border-color:#ee9bb15e;color:#fff}html[data-store-theme=ruby] .topbar .wallet-chip .icon{color:#ffd0dc}
html[data-store-theme=ruby] :is(.button.primary,.primary,.market-toolbar .market-menu,#market-brands .category.active,#product-grid .card-cta){background:linear-gradient(115deg,#e64259,#ac1b3d);border-color:#cc3856;color:#fff;box-shadow:0 4px 13px #a22c3e20}
html[data-store-theme=ruby] :is(#product-grid .product-price,.sheet-price-row .product-price,.skill-price){color:#b52142}
html[data-store-theme=ruby] #market-groups .market-group.active{background:linear-gradient(135deg,#fff4f5,#ffe3eb);border-color:#df8fa4;color:#9a2546}html[data-store-theme=ruby] #market-groups .market-group.active::after{background:#c42e4e}
html[data-store-theme=ruby] .bottom-nav :is(a.active,.market-nav-button[aria-expanded=true]){background:#ffe8ef;border-color:#e69fb3;color:#a92243}
html[data-store-theme=ruby] #view-store>#promotion-strip{background:linear-gradient(115deg,#9f1c3d,#ce3551);border-color:#dc8fa5}html[data-store-theme=ruby] #promotion-strip :is(h2,p,.eyebrow){color:#fff}html[data-store-theme=ruby] #promotion-strip .promotion-clock{background:#fff5f8;border-color:#f3bacb}html[data-store-theme=ruby] #promotion-strip .promotion-clock :is(span,strong){color:#942140}
html[data-store-theme=lagoon]{color-scheme:dark;--bg:#15122d;--surface:#26213f;--panel:#26213f;--text:#eef6ff;--muted:#bac2df;--line:#4e496c;--blue:#9be8e3;--green:#8be3ce;--ocean:#a2ece6;--ocean-deep:#d8fcfa;--ocean-soft:#293b4c}
html[data-store-theme=lagoon] body{color:#edf3ff;background:#17132e}
html[data-store-theme=lagoon] body::before{background:radial-gradient(ellipse at 5% 0%,#3b4272a0,transparent 54%),radial-gradient(ellipse at 90% 48%,#56356f90,transparent 52%),radial-gradient(ellipse at 30% 100%,#224f6355,transparent 55%),linear-gradient(130deg,#141328,#211935 55%,#15142f);opacity:1;filter:blur(30px)}
html[data-store-theme=lagoon] body::after{opacity:.025}
html[data-store-theme=lagoon] .topbar{background:radial-gradient(ellipse at 85% 100%,#88dfd68c,transparent 60%),linear-gradient(110deg,#f8ffff,#e5faf7 50%,#b4e8e4);border-color:#b7ebe2;box-shadow:0 6px 25px #0506152e;color:#1d4051}
html[data-store-theme=lagoon] .topbar .brand .market-wordmark{color:#183d50}html[data-store-theme=lagoon] .topbar .brand .market-wordmark em{color:#148a89}html[data-store-theme=lagoon] .topbar .brand .brand-store{color:#356779!important}
html[data-store-theme=lagoon] .topbar .brand-mark{background:linear-gradient(140deg,#54ccc9,#198eaa 70%,#5469b0);border-color:#89dcd9}
html[data-store-theme=lagoon] .topbar .desktop-nav a{background:#ffffff88;border-color:#9bcfcf;color:#2a626c}html[data-store-theme=lagoon] .topbar .desktop-nav a:hover{background:#fff;color:#164b5b}html[data-store-theme=lagoon] .topbar .desktop-nav a.active{background:linear-gradient(130deg,#d7f7f3,#a4dfdd);border-color:#53a6aa;color:#174b59;box-shadow:inset 0 1px #fff}
html[data-store-theme=lagoon] .topbar .desktop-nav a.active::after{background:#269998;box-shadow:none}
html[data-store-theme=lagoon] .topbar :is(.wallet-chip,.profile-button){background:linear-gradient(130deg,#fff,#d4f2ed);border-color:#96c9cc;color:#225563}html[data-store-theme=lagoon] .topbar .wallet-chip .icon{color:#228889}
html[data-store-theme=lagoon] .market-main{background:radial-gradient(ellipse at 95% 0,#37506c70,transparent 60%),linear-gradient(130deg,#2b2948,#241e3b);border-color:#526281;box-shadow:inset 0 1px #ffffff12,0 10px 30px #09071425}
html[data-store-theme=lagoon] .market-main::before{border-color:#85e9e808}
html[data-store-theme=lagoon] .market-intro h1{color:#f0f7ff}html[data-store-theme=lagoon] .market-intro>div>span{color:#96e0df}html[data-store-theme=lagoon] .market-intro>small{background:#252940;border-color:#515975;color:#bcdce5}html[data-store-theme=lagoon] .market-intro small i{background:#85dedb;box-shadow:0 0 0 3px #59b6b620}
html[data-store-theme=lagoon] #mobile-market{background:none;border-color:#4a4768}
html[data-store-theme=lagoon] #market-search-slot .search-box{background:#1d1d35;border-color:#52617e;box-shadow:inset 0 1px #ffffff08}html[data-store-theme=lagoon] #market-search-slot .search-box:focus-within{border-color:#8cdddd;box-shadow:0 0 0 3px #8cdddd20}html[data-store-theme=lagoon] #market-search-slot .search-box input{color:#edf6ff}html[data-store-theme=lagoon] #market-search-slot .search-box input::placeholder{color:#a2b0ca}html[data-store-theme=lagoon] #market-search-slot .search-box>span{color:#a0dddd}
html[data-store-theme=lagoon] :is(.button.primary,.primary,.market-toolbar .market-menu,#product-grid .card-cta){background:linear-gradient(115deg,#c1f3e9,#80d2d9);border-color:#a0e5de;color:#153b4c;box-shadow:0 4px 15px #64e2dc12}
html[data-store-theme=lagoon] #market-groups .market-group{background:linear-gradient(135deg,#34314f,#272740);border-color:#505471;color:#e3eaff;box-shadow:inset 0 1px #ffffff0a}html[data-store-theme=lagoon] #market-groups .market-group.active{background:linear-gradient(135deg,#324958,#353350);border-color:#85cece;color:#e0fffa}html[data-store-theme=lagoon] #market-groups .market-group.active::after{background:#94e3df}
html[data-store-theme=lagoon] #market-brands .category{background:#302b46;border-color:#53516e;color:#c9d4e8;box-shadow:none}html[data-store-theme=lagoon] #market-brands .category.active{background:linear-gradient(120deg,#c0eee7,#87d3d9);color:#184653;border-color:#9ce2e1}
html[data-store-theme=lagoon] :is(.market-search-hint,.results-line>label,.subtitle,.muted,.form-help,.eyebrow){color:#b1c4dd}
html[data-store-theme=lagoon] :is(.section-title h2,.page-section>h1,.studio-heading h2,.purchase-path h2,.studio-faq h2){color:#f1f6ff}html[data-store-theme=lagoon] .results-line #results-count{color:#d6e4f6}
html[data-store-theme=lagoon] :is(#market-desktop-sort select,.market-sort-slot select,.catalog-controls select){background:#28233e;border-color:#5c5b78;color:#e0eaf8}
html[data-store-theme=lagoon] #product-grid .product-card{background:linear-gradient(150deg,#2c2848,#211f39);border-color:#657c9e;box-shadow:0 5px 19px #05041125,inset 0 1px #ffffff08}
html[data-store-theme=lagoon] #product-grid :is(.product-body h3,.product-topline){color:#eff5ff}html[data-store-theme=lagoon] #product-grid .product-topline>span{color:#adc5e3}
html[data-store-theme=lagoon] #product-grid .card-facts{background:linear-gradient(125deg,#2b3b51,#302b49);border-color:#536780}html[data-store-theme=lagoon] #product-grid .card-facts>div>span{color:#b7c4db}html[data-store-theme=lagoon] #product-grid .card-facts b{color:#e6f5ff}html[data-store-theme=lagoon] #product-grid .card-facts .fact-warranty b{color:#98e4d2}html[data-store-theme=lagoon] #product-grid .card-facts .fact-warranty.none b{color:#ffb2bd}html[data-store-theme=lagoon] #product-grid .card-facts :is(.unknown,.conditional) b{color:#f3d09e}
html[data-store-theme=lagoon] #product-grid .card-price-box{border-color:#53546e}html[data-store-theme=lagoon] #product-grid :is(.price-before,.price-before>span,.card-current-price>small){color:#b2bfd8}html[data-store-theme=lagoon] #product-grid :is(.product-price,.card-deal-top>b){color:#a3eee6}html[data-store-theme=lagoon] .card-offer-clock{background:#393454;border-color:#69618c}html[data-store-theme=lagoon] .card-offer-clock>small{color:#d0cae9}html[data-store-theme=lagoon] .card-offer-clock>b{color:#f2eaff}
html[data-store-theme=lagoon] #view-store>#promotion-strip{background:linear-gradient(120deg,#363254,#244858);border-color:#607e91}html[data-store-theme=lagoon] #promotion-strip :is(h2,p,.eyebrow){color:#e5f8fa}html[data-store-theme=lagoon] #promotion-strip .promotion-clock{background:#1f2d42;border-color:#66969b}html[data-store-theme=lagoon] #promotion-strip .promotion-clock :is(span,strong){color:#acf2e8}
html[data-store-theme=lagoon] :is(.panel,.auth-dialog,.product-dialog,.market-dialog,.security-panel,.referral-panel){background:linear-gradient(140deg,#2a2745,#211f37);border-color:#595f7c;color:#e6eefa;box-shadow:0 20px 60px #06041735}
html[data-store-theme=lagoon] :is(.panel h2,.panel h3,.auth-dialog h2,.product-dialog h2,.product-dialog h3,.security-panel h2,.referral-panel h2){color:#f0f5ff}
html[data-store-theme=lagoon] :is(.panel p,.product-dialog p,.auth-dialog .muted,.security-panel p,.referral-panel p){color:#b7c9df}
html[data-store-theme=lagoon] :is(.panel label,.auth-dialog label,.product-dialog label){color:#cedded}
html[data-store-theme=lagoon] :is(.panel,.auth-dialog,.product-dialog,.security-panel,.referral-panel) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#191b31;border-color:#5d6684;color:#edf6ff;color-scheme:dark}
html[data-store-theme=lagoon] :is(input,textarea)::placeholder{color:#9faec6}html[data-store-theme=lagoon] :is(.button.secondary,.secondary,.auth-switch,.forgot,.security-text-button){background:#343450;border-color:#5c6b87;color:#b7eeef}
html[data-store-theme=lagoon] .product-dialog :is(.sheet-facts article,.sheet-facts article:last-child,.skill-guide,.skill-compatibility,.skill-wallet-option,.detail-offer-summary){background:linear-gradient(130deg,#293a50,#302c4a);border-color:#56718b;color:#d0e5ef}
html[data-store-theme=lagoon] .product-dialog :is(.sheet-facts h3,.sheet-facts article:last-child h3,.skill-feature h3,.skill-guide h3,.skill-guide b,.skill-price){color:#b0eee6}
html[data-store-theme=lagoon] .product-dialog :is(.sheet-facts p,.sheet-facts article:last-child p,.skill-feature p,.skill-guide p,.skill-intro,.skill-requirements,.skill-price-note){color:#bdcde3}
html[data-store-theme=lagoon] :is(.sheet-purchase,.skill-purchase,.skill-media-note,.skill-package-facts){border-color:#59607d}html[data-store-theme=lagoon] :is(.sheet-price-row .product-price,.skill-package-facts b){color:#a6e8e5}
html[data-store-theme=lagoon] .product-dialog :is(.close,.sheet-close),html[data-store-theme=lagoon] .auth-dialog .close{background:#3b3856;border-color:#7d80a1;color:#edf8ff}
html[data-store-theme=lagoon] :is(.wallet-balance-card,.wallet-balance,.balance-card){background:linear-gradient(130deg,#34405e,#3e3157);border-color:#72799b;color:#eef8ff}
html[data-store-theme=lagoon] :is(.wallet-ledger,.wallet-grid,.account-grid,.orders-list) :is(p,small){color:#bac9df}html[data-store-theme=lagoon] :is(.order-card,.ledger-row,.wallet-entry,.security-row,.account-row){border-color:#535570}
html[data-store-theme=lagoon] :is(.panel a,.account-grid a,.referral-panel a,.sheet-tags span,.skill-tags span){color:#a4e7e4}html[data-store-theme=lagoon] :is(.sheet-tags span,.skill-tags span){background:#303c50;border-color:#587c8c}
html[data-store-theme=lagoon] .market-dialog>header{background:#322e4a;border-color:#565771}html[data-store-theme=lagoon] .market-dialog>header button{background:#48405f;border-color:#727392;color:#fff}html[data-store-theme=lagoon] .market-drawer-body>p{color:#bccbe1}html[data-store-theme=lagoon] #market-drawer-groups .market-group{background:#332d4b;color:#e2ebf8;border-color:#5e5b79}html[data-store-theme=lagoon] #market-drawer-brands button{background:#2b2943;color:#d7e7f5;border-color:#575d7a}html[data-store-theme=lagoon] #market-drawer-brands b{color:#a6e3df}
html[data-store-theme=lagoon] .bottom-nav{background:linear-gradient(115deg,#f0fffcf5,#c1e8e6f5);border-color:#97d9d2;box-shadow:0 -4px 24px #05031435}html[data-store-theme=lagoon] .bottom-nav :is(a,.market-nav-button){color:#356475}html[data-store-theme=lagoon] .bottom-nav :is(a.active,.market-nav-button[aria-expanded=true]){background:linear-gradient(130deg,#d5f5eb,#93d7d7);border-color:#6fb6b9;color:#184a59}
html[data-store-theme=lagoon] :is(footer,footer p){border-color:#575675;color:#aebdd7}html[data-store-theme=lagoon] footer :is(a,.market-wordmark){color:#d5f2f5}html[data-store-theme=lagoon] footer .market-wordmark em{color:#8bdfd8}html[data-store-theme=lagoon] footer .brand-store{color:#b7cfdf!important}
html[data-store-theme=lagoon] :is(.help-banner,.purchase-path,.studio-faq,.studio-faq details){background-color:transparent;border-color:#585571;color:#c6d3e6}html[data-store-theme=lagoon] :is(.purchase-path h3,.studio-faq summary,.help-banner h2){color:#e6f4fc}html[data-store-theme=lagoon] .studio-faq p{color:#b4c6dc}
html[data-store-theme=lagoon] .toast{background:#355567;border-color:#6fa4ae;color:#fff}
html[data-store-theme=lagoon] :is(.wallet-hero,.security-profile){background:radial-gradient(ellipse at 100% 0%,#42898c35,transparent 70%),linear-gradient(125deg,#333958,#392d50);border-color:#7082a0;color:#eef8ff}
html[data-store-theme=lagoon] :is(.wallet-hero h2,.security-profile h2){color:#b4f0e9}html[data-store-theme=lagoon] :is(.wallet-hero p,.wallet-hero small,.security-profile p){color:#c1d3e8}html[data-store-theme=lagoon] .security-avatar{background:linear-gradient(135deg,#a2ece1,#6abfcd);color:#193f50}
html[data-store-theme=lagoon] .product-dialog :is(.skill-platforms,.skill-own-promotion,.skill-runtime-note,.sheet-help,.sheet-important,.sheet-quick-buy,.sheet-wallet,.quantity,.payment-option,.payment-option.payment-wallet,.payment-wallet.insufficient){background:linear-gradient(130deg,#2e3f54,#37304e);border-color:#607b92;color:#d2e4ef}
html[data-store-theme=lagoon] .product-dialog :is(.skill-content .skill-outcome,.skill-content .skill-lead,.skill-platforms p,.skill-runtime-note,.sheet-lead,.sheet-help p,.sheet-description p,.sheet-payment-note,.sheet-important p,.sheet-quick-buy span,.payment-wallet-hint){color:#c3d4e9}
html[data-store-theme=lagoon] .product-dialog :is(.skill-outcome strong,.skill-runtime-note b,.skill-platforms b,.skill-platforms h3,.skill-own-promotion strong,.sheet-help a,.sheet-important h3,.sheet-quick-buy strong,.payment-option-head strong,.skill-content .skill-price){color:#adebe4}
html[data-store-theme=lagoon] .product-dialog :is(.skill-price-label,.skill-price-note,.skill-payment-note,.sheet-price-label,.sheet-old-price,.skill-requirements summary){color:#becde3}
html[data-store-theme=lagoon] .product-dialog :is(.skill-buy,.skill-wallet-buy,.skill-contact){background:linear-gradient(120deg,#bdf2e6,#89d3d8);border-color:#a6e4df;color:#183d4b}
html[data-store-theme=lagoon] :is(.delivered,.warranty-terms,.terms,.warranty-block){background:#292d45;border-color:#5a6d83;color:#d3e5f1}html[data-store-theme=lagoon] :is(.warranty-block p,.warranty-block summary,.warranty-form label,.checkout-layout p){color:#bfd0e7}
html[data-store-theme=lagoon] :is(code,.checkout-layout code,.topup-data code){background:#34455a;color:#bce9f0}
html[data-store-theme=lagoon] :is(.security-success,.notice.good,.security-badge.verified){background:#294c49;border-color:#4d8d7e;color:#b6f0dc}html[data-store-theme=lagoon] .notice{background:#44384a;border-color:#94725b;color:#ffe0ad}html[data-store-theme=lagoon] .notice a{color:#b1f2ed}
html[data-store-theme=lagoon] :is(.form-error,.error){color:#ffb5c6!important}
html[data-store-theme=lagoon] :is(.product-dialog,.auth-dialog){color-scheme:dark}
html[data-store-theme=lagoon] .product-dialog .skill-own-promotion>span,html[data-store-theme=lagoon] .product-dialog .skill-own-promotion s{color:#c3d4e9}html[data-store-theme=lagoon] .product-dialog .skill-own-promotion b{color:#b3eee5}

html[data-store-theme=lagoon] .help-banner .eyebrow{color:#bdd8e8}

/* Four art-directed palettes. Shared semantic tokens keep checkout and account screens coherent. */
html[data-store-theme=sunset]{color-scheme:light;--art-bg:#fff6ef;--art-canvas:linear-gradient(140deg,#fffaf5 5%,#fbe9de 50%,#fff3ed 80%);--art-glow:radial-gradient(ellipse at 12% 2%,#ffa8894a,transparent 52%),radial-gradient(ellipse at 90% 60%,#c89bca38,transparent 60%);--art-panel:linear-gradient(140deg,#fffdf9,#fff2e9);--art-soft:#faeae4;--art-field:#fffaf7;--art-ink:#422843;--art-muted:#795b70;--art-line:#dfbabd;--art-accent:#9a3357;--art-cta:linear-gradient(115deg,#b23857,#8c315c);--art-cta-ink:#fff8f6;--art-header:radial-gradient(ellipse at 15% 0,#ef897d55,transparent 65%),linear-gradient(115deg,#642947,#993c5c 65%,#6f2d50);--art-header-ink:#fff6ee;--art-header-muted:#f6cbd2;--art-nav:#ffffff0c;--art-nav-active:#9c3d58;--art-chrome:linear-gradient(120deg,#fffaf6f5,#f9e2d8f5);--art-chrome-ink:#764052;--art-chrome-active:#f3c8c0;--art-promo:linear-gradient(115deg,#883354,#bd5967 60%,#7d416b);--art-promo-ink:#fff3ee;--art-clock:#fff2e8;--art-clock-ink:#7e3654;--art-shadow:#7d3f6b14;--art-good:#236b54;--art-warn:#8c4c23;--art-danger:#ab304c;--art-deal:linear-gradient(115deg,#bd526c,#8a3c71)}
html[data-store-theme=aurora]{color-scheme:dark;--art-bg:#081e28;--art-canvas:linear-gradient(140deg,#071b2a,#102937 50%,#102032);--art-glow:radial-gradient(ellipse at 5% 0,#1d968e55,transparent 52%),radial-gradient(ellipse at 95% 46%,#7053b452,transparent 58%),radial-gradient(ellipse at 30% 100%,#16a49b27,transparent 50%);--art-panel:linear-gradient(145deg,#152e3d,#102534);--art-soft:#1a3545;--art-field:#0b2230;--art-ink:#e5fbf5;--art-muted:#abc9d2;--art-line:#3e6976;--art-accent:#86efd1;--art-cta:linear-gradient(115deg,#9ff5cc,#6dd6e6);--art-cta-ink:#0c3441;--art-header:radial-gradient(ellipse at 82% 100%,#8052bd38,transparent 65%),linear-gradient(115deg,#0b343e,#125264 65%,#173749);--art-header-ink:#edfff9;--art-header-muted:#abded7;--art-nav:#e0fff608;--art-nav-active:#296b72;--art-chrome:linear-gradient(115deg,#12333ef5,#173648f5);--art-chrome-ink:#c5e5e6;--art-chrome-active:#285c66;--art-promo:linear-gradient(120deg,#164856,#364169 65%,#304463);--art-promo-ink:#dcfff3;--art-clock:#112f40;--art-clock-ink:#96f1d9;--art-shadow:#000b141f;--art-good:#90ecc1;--art-warn:#efcf9a;--art-danger:#ffb3c7;--art-deal:linear-gradient(115deg,#7651b1,#3a6396)}
html[data-store-theme=champagne]{color-scheme:dark;--art-bg:#211b29;--art-canvas:linear-gradient(140deg,#201a28,#302435 50%,#251c29);--art-glow:radial-gradient(ellipse at 5% 0,#ad827630,transparent 56%),radial-gradient(ellipse at 94% 50%,#865b8d50,transparent 60%),radial-gradient(ellipse at 20% 100%,#d6ae6a18,transparent 50%);--art-panel:linear-gradient(145deg,#352c3f,#2a2434);--art-soft:#41364a;--art-field:#251e30;--art-ink:#faf1e5;--art-muted:#c9bacb;--art-line:#796477;--art-accent:#f0ce99;--art-cta:linear-gradient(115deg,#f1d7ad,#dcb784);--art-cta-ink:#432e35;--art-header:radial-gradient(ellipse at 85% 100%,#74526655,transparent 65%),linear-gradient(115deg,#302335,#513a50 60%,#37263e);--art-header-ink:#fff4e4;--art-header-muted:#dec5c6;--art-nav:#ffefda08;--art-nav-active:#735466;--art-chrome:linear-gradient(115deg,#362a3df5,#4b354cf5);--art-chrome-ink:#eddbc9;--art-chrome-active:#6a4c60;--art-promo:linear-gradient(120deg,#58394e,#795567 60%,#57435d);--art-promo-ink:#fff1d8;--art-clock:#362a3d;--art-clock-ink:#f4d6a3;--art-shadow:#09030d26;--art-good:#b4ddba;--art-warn:#efcd9c;--art-danger:#f4aec1;--art-deal:linear-gradient(115deg,#946b83,#704c76)}
html[data-store-theme=riviera]{color-scheme:light;--art-bg:#f7f7ef;--art-canvas:linear-gradient(140deg,#fffdf3 3%,#edf3f7 50%,#f7f2e7);--art-glow:radial-gradient(ellipse at 8% 0%,#6eb5e236,transparent 52%),radial-gradient(ellipse at 95% 65%,#efac8332,transparent 60%);--art-panel:linear-gradient(140deg,#fffef8,#f0f5f8);--art-soft:#e9eff1;--art-field:#fffef9;--art-ink:#183e5c;--art-muted:#536f83;--art-line:#b3cbd4;--art-accent:#175fb3;--art-cta:linear-gradient(115deg,#2474c2,#174c91);--art-cta-ink:#fffaf1;--art-header:radial-gradient(ellipse at 10% 0,#77b3d83a,transparent 65%),linear-gradient(115deg,#123f7a,#1f5f9d 65%,#174275);--art-header-ink:#fffbee;--art-header-muted:#c2d8e8;--art-nav:#ffffff0b;--art-nav-active:#235a95;--art-chrome:linear-gradient(115deg,#fffdf3f5,#e5eff3f5);--art-chrome-ink:#345e7c;--art-chrome-active:#ccdfeb;--art-promo:linear-gradient(115deg,#a95137,#c17851 65%,#ac6245);--art-promo-ink:#fff9ee;--art-clock:#fff3df;--art-clock-ink:#87442e;--art-shadow:#23537713;--art-good:#246f5b;--art-warn:#92501e;--art-danger:#a3354b;--art-deal:linear-gradient(115deg,#bc6945,#a74c35)}
html:is([data-store-theme=sunset],[data-store-theme=aurora],[data-store-theme=champagne],[data-store-theme=riviera]){
 --text:var(--art-ink);--muted:var(--art-muted);--line:var(--art-line);--blue:var(--art-accent);--green:var(--art-good);--ocean:var(--art-accent);--ocean-deep:var(--art-ink);--ocean-soft:var(--art-soft);
 body{background:var(--art-bg);color:var(--art-ink)}
 body::before{background:var(--art-glow),var(--art-canvas);filter:blur(30px);opacity:1}body::after{opacity:.025}
 .topbar{background:var(--art-header);border-color:color-mix(in srgb,var(--art-header-muted) 40%,transparent);color:var(--art-header-ink);box-shadow:0 5px 25px var(--art-shadow)}
 .topbar .brand .market-wordmark,.topbar .brand .market-wordmark em{color:var(--art-header-ink)}.topbar .brand .brand-store{color:var(--art-header-muted)!important}
 .topbar .brand-mark{background:var(--art-header);border-color:var(--art-header-muted);box-shadow:0 3px 15px var(--art-shadow)}.topbar .market-logo path:nth-child(3){stroke:#28526c}
 .topbar .desktop-nav a{background:var(--art-nav);color:var(--art-header-muted);border-color:color-mix(in srgb,var(--art-header-muted) 30%,transparent)}.topbar .desktop-nav a:is(:hover,.active){background:var(--art-nav-active);color:var(--art-header-ink);border-color:var(--art-header-muted)}.topbar .desktop-nav a.active::after{background:var(--art-header-muted);box-shadow:none}
 .topbar :is(.wallet-chip,.profile-button){background:var(--art-nav);color:var(--art-header-ink);border-color:color-mix(in srgb,var(--art-header-muted) 50%,transparent)}.topbar .wallet-chip .icon{color:var(--art-header-muted)}
 .market-main{background:var(--art-panel);border-color:var(--art-line);box-shadow:inset 0 1px #ffffff10,0 10px 30px var(--art-shadow)}.market-main::before{border-color:color-mix(in srgb,var(--art-accent) 6%,transparent)}#mobile-market{background:none;border-color:var(--art-line)}
 :is(.market-intro h1,.section-title h2,.page-section>h1,.studio-heading h2,.purchase-path h2,.studio-faq h2){color:var(--art-ink)}.market-intro>div>span{color:var(--art-accent)}.market-intro>small{background:var(--art-soft);border-color:var(--art-line);color:var(--art-muted)}.market-intro small i{background:var(--art-accent);box-shadow:0 0 0 3px var(--art-soft)}
 #market-search-slot .search-box{background:var(--art-field);border-color:var(--art-line);box-shadow:inset 0 1px #ffffff0b}#market-search-slot .search-box input{color:var(--art-ink)}#market-search-slot .search-box input::placeholder{color:var(--art-muted)}#market-search-slot .search-box>span{color:var(--art-accent)}#market-search-slot .search-box:focus-within{border-color:var(--art-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--art-accent) 20%,transparent)}
 :is(.button.primary,.primary,.market-toolbar .market-menu,#product-grid .card-cta,.product-dialog .skill-buy,.product-dialog .skill-wallet-buy){background:var(--art-cta);border-color:var(--art-line);color:var(--art-cta-ink);box-shadow:0 4px 14px var(--art-shadow)}
 :is(.button.secondary,.secondary,.auth-switch,.forgot,.security-text-button,.product-dialog .skill-contact){background:var(--art-soft);border-color:var(--art-line);color:var(--art-accent)}
 #market-groups .market-group{background:var(--art-panel);border-color:var(--art-line);color:var(--art-ink);box-shadow:inset 0 1px #ffffff0b}#market-groups .market-group.active{background:var(--art-soft);border-color:var(--art-accent);color:var(--art-accent)}#market-groups .market-group.active::after{background:var(--art-accent)}
 #market-brands .category{background:var(--art-field);border-color:var(--art-line);color:var(--art-muted);box-shadow:none}#market-brands .category.active{background:var(--art-cta);color:var(--art-cta-ink);border-color:var(--art-line)}
 :is(.market-search-hint,.results-line>label,.subtitle,.muted,.form-help,.eyebrow){color:var(--art-muted)}.results-line #results-count{color:var(--art-ink)}
 :is(#market-desktop-sort select,.market-sort-slot select,.catalog-controls select){background:var(--art-field);color:var(--art-ink);border-color:var(--art-line)}
 #product-grid .product-card{background:var(--art-panel);border-color:var(--art-line);box-shadow:0 5px 20px var(--art-shadow)}#product-grid .product-card:hover{border-color:var(--art-accent);box-shadow:0 8px 25px var(--art-shadow)}#product-grid .product-body h3{color:var(--art-ink)}#product-grid :is(.product-category,.product-topline>span){color:var(--art-muted)}
 #product-grid .card-facts{background:var(--art-soft);border-color:var(--art-line)}#product-grid .card-facts>div>span{color:var(--art-muted)}#product-grid .card-facts b{color:var(--art-ink)}#product-grid .card-facts .fact-warranty b{color:var(--art-good)}#product-grid .card-facts .fact-warranty.none b{color:var(--art-danger)}#product-grid .card-facts :is(.unknown,.conditional) b{color:var(--art-warn)}
 #product-grid .card-price-box{border-color:var(--art-line)}#product-grid :is(.price-before,.price-before>span,.card-current-price>small){color:var(--art-muted)}#product-grid :is(.product-price,.card-deal-top>b){color:var(--art-accent)}#product-grid .card-deal-top>span{background:var(--art-deal);color:#fff;border-color:var(--art-line)}
 .card-offer-clock{background:var(--art-clock);border-color:var(--art-line)}.card-offer-clock>small,.card-offer-clock>b{color:var(--art-clock-ink)}
 #view-store>#promotion-strip{background:var(--art-promo);border-color:var(--art-line)}#promotion-strip :is(h2,p,.eyebrow){color:var(--art-promo-ink)}#promotion-strip .promotion-clock{background:var(--art-clock);border-color:var(--art-line)}#promotion-strip .promotion-clock :is(span,strong){color:var(--art-clock-ink)}
 :is(.panel,.auth-dialog,.product-dialog,.market-dialog,.security-panel,.referral-panel){background:var(--art-panel);border-color:var(--art-line);color:var(--art-ink);box-shadow:0 16px 50px var(--art-shadow)}
 :is(.panel,.auth-dialog,.product-dialog,.security-panel,.referral-panel) :is(h2,h3,label){color:var(--art-ink)}:is(.panel p,.product-dialog p,.auth-dialog .muted,.security-panel p,.referral-panel p){color:var(--art-muted)}
 :is(.panel,.auth-dialog,.product-dialog,.security-panel,.referral-panel) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--art-field);border-color:var(--art-line);color:var(--art-ink)}:is(input,textarea)::placeholder{color:var(--art-muted)}
 .product-dialog :is(.sheet-facts article,.sheet-facts article:last-child,.skill-guide,.skill-compatibility,.skill-platforms,.skill-runtime-note,.skill-own-promotion,.skill-wallet,.skill-wallet-option,.detail-offer-summary,.sheet-help,.sheet-important,.sheet-quick-buy,.sheet-wallet,.quantity,.payment-option,.payment-option.payment-wallet,.payment-wallet.insufficient){background:var(--art-soft);border-color:var(--art-line);color:var(--art-ink)}
 .product-dialog :is(.sheet-facts h3,.sheet-facts article:last-child h3,.skill-feature h3,.skill-guide h3,.skill-guide b,.skill-price,.skill-outcome strong,.skill-runtime-note b,.skill-platforms b,.skill-platforms h3,.skill-own-promotion strong,.skill-own-promotion b,.sheet-help a,.sheet-important h3,.sheet-quick-buy strong,.payment-option-head strong,.skill-content .skill-price){color:var(--art-accent)}
 .product-dialog :is(.sheet-facts p,.sheet-facts article:last-child p,.skill-feature p,.skill-guide p,.skill-content .skill-lead,.skill-content .skill-outcome,.skill-platforms p,.skill-runtime-note,.sheet-lead,.sheet-help p,.sheet-description p,.sheet-payment-note,.sheet-important p,.sheet-quick-buy span,.payment-wallet-hint,.skill-own-promotion>span,.skill-own-promotion s,.skill-price-label,.skill-price-note,.skill-payment-note,.sheet-price-label,.sheet-old-price,.skill-requirements summary){color:var(--art-muted)}
 :is(.sheet-purchase,.skill-purchase,.skill-requirements,.skill-media-note,.skill-package-facts){border-color:var(--art-line)}:is(.sheet-price-row .product-price,.skill-package-facts b){color:var(--art-accent)}
 .product-dialog :is(.close,.sheet-close),.auth-dialog .close{background:var(--art-soft);border-color:var(--art-line);color:var(--art-ink)}
 :is(.wallet-hero,.security-profile){background:var(--art-panel);border-color:var(--art-line);color:var(--art-ink)}:is(.wallet-hero h2,.security-profile h2){color:var(--art-accent)}:is(.wallet-hero p,.wallet-hero small,.security-profile p){color:var(--art-muted)}.security-avatar{background:var(--art-cta);color:var(--art-cta-ink)}
 :is(.order-card,.ledger-row,.wallet-entry,.security-row,.account-row){border-color:var(--art-line)}:is(.ledger-row strong,.panel a,.security-links a,.referral-panel a){color:var(--art-accent)}
 :is(.sheet-tags span,.skill-tags span){background:var(--art-soft);border-color:var(--art-line);color:var(--art-accent)}:is(.delivered,.warranty-terms,.terms,.warranty-block){background:var(--art-soft);border-color:var(--art-line);color:var(--art-ink)}:is(.warranty-block p,.warranty-block summary,.warranty-form label,.checkout-layout p){color:var(--art-muted)}
 :is(code,.checkout-layout code,.topup-data code){background:var(--art-soft);color:var(--art-accent)}.product-dialog .checkout-layout .product-price{color:var(--art-accent)}
 .market-dialog>header{background:var(--art-soft);border-color:var(--art-line)}.market-dialog>header button{background:var(--art-field);border-color:var(--art-line);color:var(--art-ink)}.market-drawer-body>p{color:var(--art-muted)}#market-drawer-groups .market-group{background:var(--art-panel);border-color:var(--art-line);color:var(--art-ink)}#market-drawer-brands button{background:var(--art-field);border-color:var(--art-line);color:var(--art-ink)}#market-drawer-brands b{color:var(--art-accent)}
 .bottom-nav{background:var(--art-chrome);border-color:var(--art-line);box-shadow:0 -4px 20px var(--art-shadow)}.bottom-nav :is(a,.market-nav-button){color:var(--art-chrome-ink)}.bottom-nav :is(a.active,.market-nav-button[aria-expanded=true]){background:var(--art-chrome-active);border-color:var(--art-line);color:var(--art-chrome-ink)}
 :is(footer,footer p){border-color:var(--art-line);color:var(--art-muted)}footer :is(a,.market-wordmark,.market-wordmark em){color:var(--art-accent)}footer .brand-store{color:var(--art-muted)!important}
 :is(.help-banner,.purchase-path,.studio-faq,.studio-faq details){background:transparent;border-color:var(--art-line);color:var(--art-muted)}:is(.purchase-path h3,.studio-faq summary,.help-banner h2){color:var(--art-ink)}:is(.studio-faq p,.help-banner p,.help-banner .eyebrow){color:var(--art-muted)}.studio-faq a{color:var(--art-accent)}.help-banner{background:var(--art-panel)}
 .toast{background:var(--art-promo);border-color:var(--art-line);color:var(--art-promo-ink)}:is(.form-error,.error){color:var(--art-danger)!important}
 .product-dialog :is(.detail-offer-summary>strong,.skill-payment-note b,.skill-payment-note a){color:var(--art-accent)}
 :is(.skill-media-note,.skill-demo-caption,.skill-package-facts small,.sheet-media-caption){color:var(--art-muted)}
 :is(.catalog-status,#catalog .catalog-status){background:var(--art-soft);color:var(--art-accent);border-color:var(--art-line)}
 .pagination button{background:var(--art-field);color:var(--art-ink);border-color:var(--art-line)}.pagination button.active{background:var(--art-cta);color:var(--art-cta-ink)}
 :is(.skill-spotlight,.auth-mark){background:var(--art-panel);border-color:var(--art-line);color:var(--art-accent)}
 .studio-hero .eyebrow,.studio-hero .hero-copy>p{color:#cce3fa}
 :is(a,button,input,select,textarea):focus-visible{outline-color:var(--art-accent)}
}
html:is([data-store-theme=aurora],[data-store-theme=champagne]){
 :is(.product-dialog,.auth-dialog,.product-dialog.skill-dialog){color-scheme:dark}
 .notice{background:#473c42;border-color:#937557;color:#ffe1b1}.notice a{color:var(--art-accent)}:is(.security-success,.notice.good,.security-badge.verified){background:#26463e;border-color:#53846e;color:#b5efd0}.security-badge{background:var(--art-soft);color:var(--art-muted);border-color:var(--art-line)}
 .saving-badge{background:#493756;border-color:#9c7bb7;color:#f3d7ff}.stock-pill{background:#234b43;color:#a5e6cb}.stock-pill.out{background:#4f3040;color:#ffc4d0}
 :is(.ref-tier.current,.referral-info,.referral-stat){background:var(--art-soft);border-color:var(--art-line)}
}

/* Shared customer feedback. Kept outside application layout and payment styles. */
.ticker-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:12px/1.4 system-ui,sans-serif;color:#607d98;overflow-wrap:anywhere}
.customer-notices{position:fixed!important;inset:auto auto calc(24px + env(safe-area-inset-bottom)) 24px!important;width:min(370px,calc(100vw - 32px));z-index:2147483000;pointer-events:none;box-sizing:border-box;font-family:inherit}
.customer-notices:empty{display:none!important}
.customer-notice{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr) 24px;gap:12px;align-items:center;overflow:hidden;box-sizing:border-box;padding:14px 12px 17px 14px;border:1px solid #4b6d98;border-left:4px solid #69cfba;border-radius:16px;background:linear-gradient(120deg,#10273b,#132037);color:#f6fbff;box-shadow:0 14px 40px #071d3440;pointer-events:auto;animation:notice-enter .25s ease-out;line-height:1.4;text-align:left}
.customer-notice[data-tone=info]{border-left-color:#78bdff}
.customer-notice .notice-art{width:52px;height:52px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid #789ac357;border-radius:12px;background:linear-gradient(140deg,#275c97,#353574);color:#d9efff}
.customer-notice .notice-art img{display:block;width:100%;height:100%;object-fit:contain;background:#112237}
.customer-notice .notice-art svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.customer-notice .notice-copy{min-width:0;display:block}
.customer-notice .notice-label{display:block;margin:0 0 4px;color:#8ce4d0;font-size:10px;font-weight:800;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}
.customer-notice[data-tone=info] .notice-label{color:#9bd0ff}
.customer-notice .notice-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#fff;font-size:14px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.customer-notice .notice-description{display:block;margin:4px 0 0;color:#becddd;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.customer-notice .notice-close{display:grid!important;place-items:center;align-self:start;min-width:24px;min-height:28px;width:24px;margin:-4px 0 0;padding:0;border:0;border-radius:7px;background:transparent;color:#b9cee3;font:24px/1 Arial;cursor:pointer;box-shadow:none;letter-spacing:0;text-transform:none}
.customer-notice .notice-close:hover,.customer-notice .notice-close:focus-visible{color:#fff;background:#ffffff1c;outline:2px solid #99ccff;outline-offset:1px}
.customer-notice .notice-progress{position:absolute;left:0;right:0;bottom:0;height:3px;transform-origin:left;background:linear-gradient(90deg,#72d8be,#77baff);animation:notice-progress var(--notice-duration,6s) linear forwards}
.customer-notice:hover .notice-progress,.customer-notice:focus-within .notice-progress{animation-play-state:paused}
@keyframes notice-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes notice-progress{to{transform:scaleX(0)}}
@media(max-width:720px){.customer-notices{left:12px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;width:min(350px,calc(100vw - 24px))}.customer-notice{padding:11px 9px 14px 11px;gap:9px;grid-template-columns:44px minmax(0,1fr) 28px;border-radius:13px}.customer-notice .notice-art{width:44px;height:44px}.customer-notice .notice-title{font-size:13px}.customer-notice .notice-close{width:28px;min-height:32px}}
dialog[open]>.customer-notices{top:16px!important;bottom:auto!important;left:16px!important;width:min(350px,calc(100% - 32px))}
@media(prefers-reduced-motion:reduce){.customer-notice{animation:none}.customer-notice .notice-progress{animation:none}}
.notice-ticker{width:100%;max-width:100%;min-width:0;margin:0 0 22px;padding:12px;border:1px solid #bed8f2;border-radius:16px;background:linear-gradient(110deg,#f8fcff,#e8f4ff);box-shadow:0 6px 24px #174f8b10;overflow:hidden;color:#163e65;box-sizing:border-box}.notice-ticker[hidden]{display:none!important}.ticker-heading{font:800 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#3978af;margin:0 0 8px}.ticker-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;position:relative;overscroll-behavior-x:contain}.ticker-rail::-webkit-scrollbar{display:none}.ticker-card{display:flex!important;align-items:center;gap:10px;flex:0 0 300px;max-width:90%;padding:12px;border:1px solid #d5e3f2;border-radius:12px;background:#fff;box-sizing:border-box}.ticker-icon{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#6cc7fa,#3478d5);color:#fff;font-weight:800}.ticker-card>div{min-width:0}.ticker-card small{display:block;color:#288169;font:800 9px/1.4 system-ui,sans-serif;letter-spacing:.04em}.ticker-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#163e65;font:700 12px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}.ticker-card time{display:block;color:#607d98;font:400 10px/1.5 system-ui,sans-serif}@media(max-width:680px){.notice-ticker{margin-bottom:14px;padding:9px}.ticker-card{flex-basis:270px}}
.notice-ticker{padding:7px 0;margin:0 0 14px;border-radius:13px;box-shadow:0 5px 18px #174f8b09}.notice-ticker .ticker-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.notice-ticker .ticker-rail{gap:10px;padding:2px 0;scroll-behavior:auto!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38px,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(90deg,transparent,#000 38px,#000 calc(100% - 38px),transparent)}.notice-ticker .ticker-rail.ticker-flow{overflow-x:hidden;touch-action:pan-y}.notice-ticker .ticker-card{flex-basis:290px;max-width:88%;padding:10px 13px;border-radius:10px;min-height:43px;margin:0}.notice-ticker .ticker-card>div{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.notice-ticker .ticker-card strong{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.5}.notice-ticker .ticker-description{display:block;flex:0 0 auto;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1671bc;font-weight:750;font-size:12px;line-height:1.5}.notice-ticker .ticker-rail:focus-visible{outline:2px solid #4b98dd;outline-offset:-2px}@media(max-width:680px){.notice-ticker{padding:6px 0;margin-bottom:12px}.notice-ticker .ticker-card{flex-basis:255px;padding:9px 11px;min-height:40px}.notice-ticker .ticker-rail{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}}
.notice-ticker .ticker-card{min-width:0}

.registration-shell{max-width:510px;margin:0 auto;padding:28px;border:1px solid var(--cs-line,#aecdf1);border-radius:23px;background:var(--cs-panel,#fff);box-shadow:0 16px 50px #14518b14;color:var(--cs-ink,#153e63)}
.registration-shell .registration-kicker{margin:0 0 9px;color:#c86a10;font-size:11px;font-weight:850;letter-spacing:1.7px}.registration-shell h2{margin:0 0 10px;font-size:28px;font-weight:800;letter-spacing:-.7px}.registration-shell .registration-lead{margin:0 0 20px;font-size:13px;line-height:1.7;color:var(--cs-muted,#506c89)}
.registration-form{display:grid;gap:17px;margin:0!important}.registration-form>label{display:block;margin:0!important;font-size:13px;font-weight:700;color:inherit}.registration-form input:not([type=checkbox]):not([type=hidden]){display:block;box-sizing:border-box;width:100%;min-height:48px;margin-top:7px;border:1px solid var(--cs-line,#b6cce3);border-radius:10px;background:var(--cs-panel,#f7fbff);color:var(--cs-ink,#153e63);font:400 15px/1.4 inherit;padding:12px 14px}.registration-form input:focus{outline:2px solid #55a9ef;outline-offset:2px}.registration-form small{display:block;margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;color:var(--cs-muted,#526f8d)}
.registration-password{position:relative;display:block}.registration-form .registration-password input{padding-right:49px!important}.registration-form .registration-eye{position:absolute;right:4px;top:4px;display:grid!important;place-items:center;width:40px!important;height:40px;min-height:40px!important;padding:9px!important;margin:0!important;border:0!important;border-radius:8px;background:transparent!important;color:var(--cs-muted,#526f8d)!important;box-shadow:none!important;cursor:pointer}.registration-eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.registration-eye:focus-visible{outline:2px solid #4da5ec;outline-offset:0}
.registration-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:9px}.registration-meter i{height:4px;border-radius:3px;background:#a0b4c54f}.registration-meter[data-score="1"] i:first-child{background:#d47b32}.registration-meter[data-score="2"] i:nth-child(-n+2){background:#d09929}.registration-meter[data-score="3"] i:nth-child(-n+3){background:#2693ce}.registration-meter[data-score="4"] i{background:#249f8e}
.registration-form .registration-consent{display:flex!important;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--cs-line,#bfd2e8);border-radius:11px;font-size:12px;font-weight:400;line-height:1.65}.registration-consent input{width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:#1676c8}.registration-consent a,.registration-shell .registration-links a{color:var(--cs-accent,#126bb1);font-weight:750;text-decoration:underline;text-underline-offset:3px}.registration-form>.registration-submit{width:100%;min-height:48px;margin:0!important;border:1px solid #db8121;border-radius:11px;background:linear-gradient(100deg,#e8861d,#ffad42)!important;color:#231b0c!important;font-size:14px;font-weight:800;box-shadow:0 7px 17px #ed912526;cursor:pointer}.registration-form>.registration-submit:disabled{opacity:.6;cursor:wait}
.registration-google{display:flex!important;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;margin:0;padding:12px;border:1px solid var(--cs-line,#b4cce3);border-radius:10px;background:transparent;color:inherit;font:700 13px inherit;box-shadow:none;cursor:not-allowed;opacity:.65}.registration-google b{font-size:18px;color:var(--cs-accent,#2669b5)}.registration-google-note{margin:7px 0 15px;font-size:11px;color:var(--cs-muted,#526f8d);line-height:1.5}.registration-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--cs-muted,#526f8d);font-size:11px}.registration-divider:before,.registration-divider:after{content:'';height:1px;flex:1;background:var(--cs-line,#c2d5e8)}.registration-links{text-align:center;margin:20px 0 0;font-size:12px}.registration-error:empty{display:none}.registration-error{margin:0;padding:12px;border:1px solid #bf596f;border-radius:10px;color:#ac2e4c;background:#fff0f3;font-size:12px;line-height:1.6}
.auth-dialog.registration-open{max-width:510px;padding:28px;max-height:calc(100dvh - 28px);overflow-y:auto}.auth-dialog.registration-open>.auth-mark,.auth-dialog.registration-open>.eyebrow,.auth-dialog.registration-open>#auth-title,.auth-dialog.registration-open>#auth-description,.auth-dialog.registration-open>.forgot{display:none}.auth-dialog.registration-open #registration-panel{display:block}.auth-dialog.registration-open .registration-shell{padding:0;border:0;background:transparent;box-shadow:none}.auth-dialog.registration-open .auth-switch{display:block;margin:18px auto 0;color:inherit}.legal-page{max-width:780px;margin:40px auto;padding:26px;font:16px/1.8 system-ui;color:#173b60;background:#f7fbff;border:1px solid #b3cdea;border-radius:18px}.legal-page h1{font-size:29px}.legal-page a{color:#126bb1}
.auth-dialog.registration-open{--cs-ink:var(--text,#153e63);--cs-muted:var(--muted,#526f8d);--cs-panel:var(--art-field,#f7fbff);--cs-line:var(--line,#b6cce3);--cs-accent:var(--blue,#126bb1);background:var(--art-field,#f7fbff);color:var(--cs-ink)}
html[data-store-theme=lagoon] .auth-dialog.registration-open{--cs-panel:#121b35;--cs-ink:#e7fbff;--cs-muted:#bfd4e6;--cs-line:#42607b;--cs-accent:#a0eadf;background:#121b35}
.registration-shell{position:relative}.registration-dismiss{position:absolute;top:13px;right:15px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cs-line,#b4cce3);border-radius:9px;color:var(--cs-muted,#526f8d);font-size:24px;text-decoration:none}.registration-shell .registration-kicker{padding-right:36px}main:has(>.registration-shell)>:is(h1,.eyebrow){display:none}.registration-form input:not([type=checkbox]):not([type=hidden]){font-family:inherit;font-size:15px;line-height:1.4;font-weight:400}.registration-google{font-family:inherit;font-size:13px;font-weight:700}.registration-form .registration-eye{top:11px}
body:has(main>.registration-shell) :is(.mobile-dock,.support-floating){display:none}body:has(main>.registration-shell) footer{padding-bottom:24px}.registration-shell .registration-google{min-height:46px}.registration-shell .registration-google-note{font-size:11px}
html:is([data-store-theme=aurora],[data-store-theme=champagne],[data-store-theme=lagoon],[data-cs-theme=aurora],[data-cs-theme=champagne],[data-cs-theme=lagoon]) .registration-kicker{color:#ffb35e}
@media(max-width:520px){.registration-shell{padding:23px 18px;border-radius:19px}.registration-shell h2{font-size:26px}.registration-form{gap:15px}.registration-form input:not([type=checkbox]):not([type=hidden]){font-size:16px}.auth-dialog.registration-open{width:calc(100% - 22px);padding:25px 19px 20px;border-radius:20px}.registration-consent{font-size:11px!important}.legal-page{margin:16px;padding:20px}}
.registration-google{text-decoration:none;box-sizing:border-box}.google-account{margin:18px 0}.google-account p{line-height:1.65}#google-login-option{margin:12px 0}.google-account .registration-google{max-width:440px}
.registration-google[href]{cursor:pointer;opacity:1;color:inherit;border-color:var(--cs-accent,#438ad1)}.registration-google[href]:hover{background:#2686d912}.registration-google[href]:focus-visible{outline:3px solid #43a0e8;outline-offset:3px}