/* DigiHub Store - same look as the live digihubnepal.com (brand v3: purple #7C3AED, Nunito Sans, light default + dark toggle) */

:root{--acc:#7C3AED;--acc2:#6D28D9;--accs:#F3EEFF;--accl:#E9DDFE;--y:#FACC15;--bg:#F6F7FB;--card:#fff;--tx:#0F172A;--tx2:#334155;--mut:#64748B;--line:#E7E9F1;--field:#F1F3F8;--red:#E11D48;--ok:#16A34A;--r:16px;--sh:0 1px 2px #0f172a0a,0 4px 14px -6px #0f172a14}

html.dark{--bg:#0B0B14;--card:#151524;--tx:#F1F5F9;--tx2:#CBD5E1;--mut:#94A3B8;--line:#26263A;--field:#1C1C2E;--accs:#221A3D;--accl:#2E2350;--sh:0 1px 2px #0006,0 6px 18px -8px #000a}

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}

body{margin:0;font-family:'Nunito Sans',system-ui,-apple-system,"Segoe UI","Noto Sans Devanagari",sans-serif;background:var(--bg);color:var(--tx);line-height:1.5}

a{color:var(--acc)}img{max-width:100%}.ic{flex:none;display:inline-block;vertical-align:middle}

.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* announcement + header */

.ann{background:var(--acc);color:#fff;text-align:center;font-weight:600;font-size:14px;padding:10px 0}.ann a{color:#fff;font-weight:800;text-decoration:none}.ann .sep{opacity:.5;margin:0 10px}

.top{background:var(--card);position:sticky;top:0;z-index:30;box-shadow:0 1px 0 var(--line)}

.hrow{display:flex;align-items:center;gap:22px;height:84px;border-bottom:1px solid var(--line)}

.brand{display:flex;align-items:center;text-decoration:none;flex:none}

.mark{width:42px;height:42px;border-radius:11px;margin-right:11px;box-shadow:0 6px 16px -8px rgba(124,58,237,.6)}

.word{display:inline-flex;align-items:baseline;gap:7px;font:900 32px/1 'Nunito Sans',sans-serif;letter-spacing:-.04em;color:var(--acc)}

.word em{font:800 11px/1 'Nunito Sans',sans-serif;font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);transform:translateY(-3px)}

.search{flex:1;min-width:0;max-width:620px;margin:0 auto;display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--line);border-radius:999px;padding:5px 5px 5px 18px;color:var(--mut)}

.search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;color:var(--tx);outline:none;padding:8px 0}

.search button{display:flex;align-items:center;gap:8px;border:0;background:var(--acc);color:#fff;font:800 15px 'Nunito Sans',sans-serif;border-radius:999px;padding:11px 20px;cursor:pointer;box-shadow:0 8px 18px -8px var(--acc)}

.hact{display:flex;align-items:center;gap:10px;flex:none}

.tgl{width:70px;height:32px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(90deg,#4C1D95,var(--acc));position:relative;padding:0}

.tgl i{position:absolute;top:4px;left:5px;width:24px;height:24px;border-radius:50%;background:var(--y);box-shadow:0 0 0 2px #fde68a88;transition:left .25s}

html.dark .tgl i{left:41px;background:#E2E8F0;box-shadow:inset -6px -3px 0 #94A3B8}

.hbtn{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none}

.hbtn.ring{border:2px solid #F0ABFC;color:var(--acc);background:var(--accs)}.hbtn.solid{background:var(--acc);color:#fff;box-shadow:0 8px 18px -8px var(--acc)}

.hbtn b{position:absolute;top:-4px;right:-4px;background:var(--y);color:#1E1B4B;font-size:11px;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:999px;padding:0 4px}

.nav{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;height:50px;align-items:center}.nav::-webkit-scrollbar{display:none}

.nav a{color:var(--tx2);text-decoration:none;white-space:nowrap;font-size:15.5px;font-weight:600}.nav a:hover{color:var(--acc)}

.main{min-height:60vh;padding-top:22px;padding-bottom:50px}

/* hero slider */

.hero{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:420px;margin:0 auto 18px;max-width:1000px;

 background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),radial-gradient(circle at 10% 0,#7C3AED22,transparent 45%),radial-gradient(circle at 80% 80%,#7C3AED22,transparent 45%);background-size:34px 34px,34px 34px,100% 100%,100% 100%}

html.dark .hero{background-color:var(--card)}

.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:20px;padding:40px 60px 50px;opacity:0;visibility:hidden;transition:opacity .5s}

.slide.on{opacity:1;visibility:visible;position:relative}

.pill{display:inline-flex;align-items:center;gap:7px;background:var(--field);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-weight:700;font-size:14px;color:var(--tx);margin-bottom:16px}.pill .ic{color:var(--acc)}

.htxt h1{font-size:42px;line-height:1.08;margin:0 0 14px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}

.htxt p{margin:0 0 26px;font-size:17px;color:var(--tx2)}



.harr{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--tx);cursor:pointer;display:grid;place-items:center;z-index:5}.harr.l{left:14px}.harr.r{right:14px}

.dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}.dots i{width:8px;height:8px;border-radius:9px;background:#CBD5E1;transition:width .3s}.dots i.on{width:26px;background:var(--acc)}

.trustbar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1000px;margin:0 auto 26px}

.trustbar>div{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}

.trustbar i{width:36px;height:36px;border-radius:10px;background:var(--accs);color:var(--acc);display:grid;place-items:center;flex:none}

.trustbar b{display:block;font-size:13.5px;text-transform:uppercase;font-weight:800;line-height:1.2}.trustbar small{color:var(--mut);font-size:12.5px}

/* offer block (dark like the live Tihar block) */

.offer{background:radial-gradient(circle at 92% 6%,#F59E0B33,transparent 22%),linear-gradient(160deg,#1E1033,#140B24);color:#fff;border-radius:22px;padding:26px 22px 22px;margin:0 0 34px;border:1px solid #3B2760}

.oh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oh h2{margin:0;font-size:30px;font-weight:900}

.otag{display:inline-flex;align-items:center;gap:6px;background:var(--y);color:#1E1B4B;border-radius:999px;padding:4px 12px;font-weight:900;font-size:12px;text-transform:uppercase}

.osub{margin:6px 0 16px;color:#E9E3FF}

.offer .cd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;font-weight:800;color:var(--y)}.offer .cd span{margin-right:6px}

.offer .cd div{background:linear-gradient(#EF4444,#B91C1C);border:1px solid #FCA5A5;border-radius:12px;min-width:62px;padding:6px 8px;text-align:center}.offer .cd b{display:block;font-size:26px;color:#fff;line-height:1.1}.offer .cd small{color:#FFE4E6;font-size:12px}

.ogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}

.oc{display:flex;gap:14px;align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;padding:14px;color:#fff;text-decoration:none}.oc:hover{background:#ffffff17}

.oc img{width:84px;height:84px;border-radius:10px;object-fit:cover;flex:none}.oc h3{margin:0 0 4px;font-size:15.5px;line-height:1.3}

.op{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op b{font-size:22px;color:var(--y);font-weight:900}.op s{color:#C4B5FD;font-size:14px}.op em{font-style:normal;background:#16A34A;border-radius:999px;padding:1px 9px;font-weight:800;font-size:13px}

.obtn{display:inline-block;margin-top:8px;background:var(--y);color:#1E1B4B;border-radius:8px;padding:5px 12px;font-weight:800;font-size:14px}

/* sections + product cards */

.sec{margin:0 0 34px}

.sh{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.sh h2{margin:0;font-size:27px;font-weight:800}.sh a,.sh>span{text-decoration:none;font-weight:800;color:var(--acc);font-size:14px}

.pt{font-size:28px;margin:0;font-weight:800}

.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}

a.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}

a.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px #4C1D9555}

a.card.hot{border:2px solid #FBBF24;box-shadow:0 10px 24px -14px #F59E0B}

a.card .img{position:relative;aspect-ratio:1;background:#111}a.card .img img{width:100%;height:100%;object-fit:cover;display:block}

.badge{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:2px 8px}.badge.out{left:auto;right:8px;background:#334155}

a.card .ct{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1}a.card .ct h3{font-size:15px;margin:0 0 4px;line-height:1.3;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

a.card .ct p{margin:0 0 10px;color:var(--mut);font-size:12.5px}a.card .ct .price{margin-top:auto}

.price{font-weight:900;color:var(--acc);font-size:16px}.price small{font-weight:600;color:var(--mut)}.price s{color:var(--mut);font-weight:600;font-size:.78em;margin-left:4px}

/* why / stats / steps */

.why{text-align:center;margin:10px 0 34px}.why>h2{font-size:30px;margin:0 0 8px;font-weight:900}.why>p{color:var(--tx2);max-width:620px;margin:0 auto 24px}

.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.wc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.wc i{width:46px;height:46px;border-radius:12px;background:var(--accs);color:var(--acc);display:grid;place-items:center;margin-bottom:14px}.wc i.g{background:#DCFCE7;color:#16A34A}

.wc i.num{width:38px;height:38px;background:var(--acc);color:#fff;font-style:normal;font-weight:900;font-size:17px;border-radius:9px}

.wc b{font-size:17px}.wc p{margin:8px 0 0;color:var(--tx2);font-size:14.5px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid #C4B5FD;border-radius:16px;background:linear-gradient(90deg,var(--card),var(--accs),var(--card));overflow:hidden}

.stats div{padding:20px 10px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font-size:34px;font-weight:900;color:var(--acc);line-height:1.2}.stats span{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}

/* product page */

.crumbs{font-size:14px;color:var(--mut);margin-bottom:16px}.crumbs a{color:var(--tx2);text-decoration:none}.crumbs span{color:var(--acc);font-weight:600}

.phead{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--acc);border-radius:18px;padding:22px 26px;margin-bottom:20px;

 background-image:radial-gradient(circle at 92% 30%,#7C3AED22,transparent 30%)}

.phead>img{width:92px;height:92px;border-radius:14px;object-fit:cover;flex:none;box-shadow:0 10px 22px -12px #000a}

.pht{flex:1;min-width:0}.pht h1{margin:0 0 10px;font-size:32px;line-height:1.15;font-weight:800}

.main .chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--accs);border:1px solid #DDD6FE;color:var(--acc2);border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px;text-decoration:none}

.chip.g{background:var(--field);border-color:var(--line);color:var(--tx2)}.chip.r{background:#FFE4E6;border-color:#FECDD3;color:var(--red)}

html.dark .chip{color:#C4B5FD;border-color:#3B2F63}

.phtr{list-style:none;display:flex;gap:18px;margin:0;padding:0;font-weight:600;font-size:14.5px;flex:none}.phtr li{display:flex;align-items:center;gap:6px}.phtr .ic{color:var(--acc)}

.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}

.pcol{display:flex;flex-direction:column;gap:20px;min-width:0}

.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:var(--sh)}

.stp{display:flex;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}

.stp i{width:34px;height:34px;border-radius:9px;background:var(--acc);color:#fff;font-style:normal;font-weight:900;display:grid;place-items:center;flex:none}.stp h2{margin:0;font-size:20px;font-weight:800;flex:1}

.howbtn,.selb{border:1px solid #C4B5FD;background:var(--accs);color:var(--acc);border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}.selb{background:var(--acc);color:#fff;border-color:var(--acc)}

.fld{display:block;margin:0 0 16px}.fld span{display:block;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;color:var(--tx2)}.fld em{color:var(--red);font-style:normal}.fld small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--mut)}

.fld input,.fld textarea,.cp input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font:inherit;font-size:16px;background:var(--field);color:var(--tx)}

.fld input:focus,.fld textarea:focus,.cp input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #7C3AED22}

.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}

.vbtn{position:relative;border:1px solid var(--line);background:var(--field);color:var(--tx);border-radius:14px;padding:16px 10px;text-align:center;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;transition:border-color .15s,transform .15s}

.vbtn:hover{border-color:#C4B5FD;transform:translateY(-2px)}

.vbtn img{width:52px;height:52px;border-radius:10px;object-fit:cover;margin-bottom:8px}.vbtn span{font-weight:800;font-size:15.5px;line-height:1.25;overflow-wrap:anywhere}.vbtn small{color:var(--acc);font-size:13px}.vbtn b{color:var(--acc);font-size:20px;font-weight:900;margin-top:6px}

.vbtn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(1)}.vbtn em{order:-1;margin-bottom:6px;font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:99px}.vbtn em.vso{background:#FEE2E2;color:#B91C1C}.vbtn em.vlow{background:#FEF3C7;color:#92400E}

.vbtn.on{border:2px solid var(--acc);background:var(--accs);box-shadow:0 10px 22px -14px var(--acc)}

.vbtn.on::after{content:"✓";position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-size:13px;line-height:22px;font-weight:900}

.sum{position:sticky;top:150px;background:var(--card);border:1px solid #DDD6FE;border-radius:18px;padding:20px 22px;box-shadow:0 18px 40px -26px #7C3AED}

html.dark .sum{border-color:#3B2F63}

.sprod{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px dashed var(--line);margin-bottom:6px}.sprod img{width:48px;height:48px;border-radius:10px;object-fit:cover}.sprod b{font-size:15.5px}

.srow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;color:var(--tx2)}.srow b{color:var(--tx);text-align:right}

.req{font-style:normal;background:var(--acc);color:#fff;border-radius:999px;padding:2px 10px;font-weight:800;font-size:13px}.req.ok{background:var(--ok)}

.qtyrow{display:flex;align-items:center;gap:6px}

.qtyrow button{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--field);color:var(--tx);font-size:18px;cursor:pointer}.qtyrow input{width:46px;text-align:center;border:1px solid var(--line);border-radius:9px;height:32px;font:inherit;background:var(--field);color:var(--tx)}

.stot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:6px;padding:16px 0 4px}.stot span{font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase}

.stot b{font-size:32px;font-weight:900;color:var(--acc);line-height:1}.stot b small{font-size:14px;color:var(--mut)}.stot b s{font-size:15px;color:var(--mut);font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--acc);color:#fff;border:0;border-radius:12px;padding:14px 24px;font:900 16px 'Nunito Sans',sans-serif;cursor:pointer;text-decoration:none;text-align:center;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 12px 24px -12px var(--acc)}

.btn:hover{background:var(--acc2)}.btn:disabled{opacity:.55;cursor:not-allowed}

.btn.ghost{background:var(--card);border:1.5px solid #C4B5FD;color:var(--acc);box-shadow:none;text-transform:none;font-weight:800;padding:11px 20px}.btn.ghost:hover{background:var(--accs)}

.btn.wide{width:100%;margin-top:10px}

.shint{text-align:center;color:var(--acc);font-size:14px;margin:12px 0 6px}.sok,.smut{display:flex;justify-content:center;align-items:center;gap:7px;margin:4px 0;font-size:14px;font-weight:700}.sok{color:var(--ok)}.smut{color:var(--mut);font-weight:600}

.paychips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}.paychips span{border:1px solid var(--line);border-radius:8px;padding:3px 10px;font-size:13px;font-weight:700;color:var(--tx2)}

.gal img#mainImg{width:100%;border-radius:12px}.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer}

.err{color:var(--red);font-weight:700;min-height:1em;margin:6px 0}.ok{color:var(--ok);font-weight:700}

.desc{overflow-wrap:anywhere;color:var(--tx2)}.desc .dh{margin-top:0;font-size:20px;color:var(--tx)}.desc h2,.desc h3{color:var(--tx)}.desc img{border-radius:10px}.desc.page{max-width:860px;margin:0 auto}

.pnote{color:var(--mut);font-size:13px;text-align:center}

/* cart / checkout / order */

.co{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start;margin-top:16px}.co .stp{margin-top:6px}

.narrow{max-width:460px;margin:16px auto 0}.narrow2{max-width:760px;margin-top:16px}.center{text-align:center}

.pm{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--field);border-radius:12px;padding:12px 14px;margin:8px 0;cursor:pointer;font-weight:700}

.pm:has(input:checked){border:2px solid var(--acc);background:var(--accs)}.pm input{accent-color:var(--acc)}

.hint{color:var(--mut);font-size:13.5px}

.li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.li.tot{font-weight:900;font-size:20px;border:0;color:var(--acc)}

.lic{display:flex;gap:10px}.lic img{width:48px;height:48px;border-radius:10px;object-fit:cover}.lir{white-space:nowrap}

.mini{border:1px solid var(--line);background:var(--field);color:var(--tx);border-radius:8px;padding:4px 10px;cursor:pointer;font:inherit;font-weight:700}.mini.x{color:var(--red)}

.cp{display:flex;gap:8px;margin:14px 0}.cp input{flex:1;padding:10px 14px}

.empty{color:var(--mut);text-align:center;padding:30px}

.steps{display:flex;gap:8px;margin:16px 0}.steps span{flex:1;text-align:center;padding:9px;border-radius:12px;background:var(--field);color:var(--mut);font-weight:800;font-size:14px}.steps span.on{background:var(--acc);color:#fff}

.keys{background:#F0FDF4;border:1.5px solid #86EFAC;border-radius:12px;padding:12px;margin:10px 0;color:#14532D}

.key{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.key code{background:#fff;padding:6px 10px;border-radius:8px;font-size:15px;font-weight:700;flex:1;overflow-wrap:anywhere}

.qrbox{background:var(--accs);border:1.5px solid #C4B5FD;border-radius:14px;padding:14px;margin:10px 0}.qr{max-width:260px;display:block;margin:8px auto;border-radius:10px}

.rmk{background:#FFFBEB;border:1.5px solid #FCD34D;border-radius:12px;padding:12px 14px;margin:10px 0;color:#78350F;font-size:14px}.rmk p{margin:0 0 8px}.rmk small{display:block;margin-top:8px;color:#92400E}

.rmk-code{display:flex;gap:8px;align-items:center}.rmk-code code{flex:1;background:#fff;border:1px dashed #F59E0B;border-radius:8px;padding:8px 12px;font-size:18px;font-weight:900;letter-spacing:.5px;color:#0F172A;text-align:center}

.rmk .copy{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:800;cursor:pointer}

html.dark .rmk{background:#2A2210;border-color:#78591A;color:#FDE68A}html.dark .rmk small{color:#FCD34D}html.dark .rmk-code code{background:#151524;color:#F1F5F9}

.qrpair{display:grid;gap:12px;align-items:center;margin-bottom:12px}.qrpair .rmk{margin:0}

.qrcard{max-width:400px;margin:8px auto 0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px -6px #7C3AED55;border:1.5px solid #C4B5FD}

.qrbox .qrcard .qr{width:100%;max-width:none;margin:0;border-radius:0;cursor:zoom-in;display:block}

.qr-strip{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;background:#FFFBEB;border-top:1.5px dashed #F59E0B;padding:10px 14px;color:#78350F;font-size:13px}.qr-strip b{color:#0F172A;font-size:18px;font-weight:900;letter-spacing:.4px}

.qr-acts{display:flex;gap:8px;justify-content:center;margin:6px 0 4px}.qr-btn{background:var(--card);border:1.5px solid #C4B5FD;color:var(--acc);border-radius:10px;padding:8px 16px;font:800 14px 'Nunito Sans',sans-serif;cursor:pointer;text-decoration:none}.qr-btn:hover{background:var(--accl)}

.qr-full{position:fixed;inset:0;z-index:9999;background:#0B0B14E6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;cursor:zoom-out}.qr-full img{width:min(94vw,70vh);height:auto;background:#fff;border-radius:16px;padding:10px}.qr-full .qf-rm{background:#FFFBEB;color:#78350F;border-radius:12px;padding:10px 18px;text-align:center;font-size:14px}.qr-full .qf-rm b{display:block;color:#0F172A;font-size:24px;font-weight:900;letter-spacing:.5px}.qr-full span{color:#fff;font-weight:800;font-size:15px}

.qrbox form{display:flex;flex-direction:column;gap:8px}

.tl{padding-left:18px;font-size:14px}.tl small{color:var(--mut)}

/* footer */

.foot{position:relative;overflow:hidden;background:#EEF0F8;border-top:1px solid #CBD5E1;padding:60px 0 0;margin-top:30px;color:var(--tx2)}

html.dark .foot{background:#0F0F1C;border-color:var(--line)}

.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1fr 1.4fr;gap:26px;position:relative;z-index:1}

.fgrid b{display:block;color:var(--tx);font-size:17px;margin-bottom:16px}.fgrid a,.fgrid .ci{display:flex;align-items:center;gap:10px;color:var(--tx2);text-decoration:none;margin:0 0 14px;font-size:15px}.fgrid a:hover{color:var(--acc)}

.fb .word{font-size:30px}.fb p{font-size:15px;margin:18px 0 0;line-height:1.7}

.ci i{width:32px;height:32px;border-radius:9px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--acc);flex:none}

.copyr{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;border-top:1px solid #DDE1EC;padding:24px 20px;margin-top:30px}

html.dark .copyr{border-color:var(--line)}

.bigword{text-align:center;font:900 clamp(90px,19vw,250px)/.8 'Nunito Sans',sans-serif;letter-spacing:-.05em;color:#7C3AED;opacity:.08;margin-top:10px;user-select:none;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}

/* WhatsApp float */

.wa{position:fixed;left:20px;bottom:22px;z-index:40;display:flex;flex-direction:row-reverse;align-items:center;gap:10px;text-decoration:none}

.wa span{background:#fff;color:#0F172A;font-weight:700;font-size:14px;border-radius:999px;padding:8px 14px;box-shadow:0 6px 18px -8px #0006}

.wa i{width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 24px -8px #25D366}

/* responsive */

@media (max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}.fgrid{grid-template-columns:1fr 1fr 1fr}.phtr{display:none}}

@media (max-width:900px){.pgrid,.co{grid-template-columns:1fr}.sum{position:static}.wgrid{grid-template-columns:1fr 1fr}.trustbar{grid-template-columns:repeat(3,1fr)}.ogrid{grid-template-columns:1fr}

 .slide{grid-template-columns:1fr;padding:30px 26px 50px}.himg{display:none}.hero{min-height:0}.htxt h1{font-size:32px}}

@media (max-width:720px){

 .wrap{padding:0 14px}.hrow{flex-wrap:wrap;height:auto;padding:10px 14px 12px;gap:10px}.brand{order:1;margin-right:auto}.hact{order:2}.search{order:3;flex-basis:100%;max-width:none}

 .mark{width:32px;height:32px;margin-right:8px}.word{font-size:24px}.word em{display:none}.tgl{width:54px;height:28px}.tgl i{width:20px;height:20px}html.dark .tgl i{left:29px}.hbtn{width:36px;height:36px}

 .search button{padding:9px 14px;font-size:14px}.nav{gap:20px;height:44px}.nav a{font-size:14.5px}

 .ann{font-size:12.5px;padding:7px 0}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.sh h2{font-size:22px}

 .trustbar{grid-template-columns:1fr 1fr}.trustbar>div:last-child{grid-column:span 2}.wgrid,.steps3,.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}

 .phead{flex-wrap:wrap;padding:16px}.phead>img{width:68px;height:68px}.pht h1{font-size:23px}.vgrid{grid-template-columns:repeat(2,1fr);gap:10px}.box{padding:16px}

 .fgrid{grid-template-columns:1fr 1fr}.fb{grid-column:span 2}.wa span{display:none}.wa i{width:52px;height:52px}.oh h2{font-size:24px}.htxt h1{font-size:28px}.offer{padding:20px 14px}

}

.pgrid>*,.co>*,.grid>*{min-width:0}.hrow>*{min-width:0}

@media (max-width:720px){.harr{display:none}.slide{padding:24px 20px 44px}.htxt h1{font-size:26px}.htxt p{font-size:15.5px}.ann .sep,.ann a{display:none}.stp h2{font-size:18px}}



.shipinfo{background:var(--field);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0}.shipinfo p{margin:6px 0 0}

.wherebox{margin:6px 0 4px}





.wzbar{display:flex;align-items:center;gap:6px;margin:0 0 18px;flex-wrap:wrap}.wzbar span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--mut);white-space:nowrap}.wzbar span i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--field);border:1px solid var(--line);font-style:normal;font-size:12px}.wzbar span.cur{color:var(--acc)}.wzbar span.cur i{background:var(--acc);color:#fff;border-color:var(--acc)}.wzbar span.done{color:var(--tx);cursor:pointer}.wzbar span.done i{background:#DCFCE7;color:#15803D;border-color:#86EFAC}.wzbar b{flex:1;min-width:8px;height:2px;background:var(--line);border-radius:2px}

.wiz .wzp{display:none}.wiz .wzp.wzcur{display:block;animation:wzin .25s ease}.wiz .wzp[hidden]{display:none!important}@keyframes wzin{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

.wznav{display:flex;gap:10px;margin-top:16px}.wznav .btn{flex:1;margin:0}.wznav .btn[hidden]{display:none}

@media (max-width:600px){.wzbar span{font-size:0}.wzbar span i{font-size:12px}.wzbar span.cur{font-size:13px}}

.dgrp{margin:4px 0 14px;padding:12px 14px 0;border:1px solid var(--line);border-radius:12px}.dgrp>b{display:block;margin-bottom:10px;font-size:14px}.dgrp>b small{color:var(--mut);font-weight:600}.fld span .splt,.fld span .mrg{color:var(--acc);text-transform:none;letter-spacing:0;font-weight:700}



/* cart page */

.cartpg{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start;margin-top:16px}

.cartpg.one{grid-template-columns:1fr;max-width:640px}

.cartpg>*{min-width:0}

.chead{display:grid;grid-template-columns:1fr 112px 110px 36px;gap:14px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);padding:0 0 10px;border-bottom:1px solid var(--line)}

.chead span:nth-child(2),.chead span:nth-child(3){text-align:center}

.chead span:nth-child(3){text-align:right}

.crow{display:grid;grid-template-columns:64px 1fr 112px 110px 36px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}

.cimg{width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--field);border:1px solid var(--line);display:block}

.cimg img{width:100%;height:100%;object-fit:cover;display:block}

.cinfo{display:flex;flex-direction:column;gap:2px;min-width:0}

.cname{font-weight:700;color:var(--tx);text-decoration:none;line-height:1.3}

.cname:hover{color:var(--acc)}

.cvar{font-size:13px;color:var(--acc);font-weight:600}

.cunit{font-size:12px;color:var(--mut)}

.cqty{display:inline-flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;background:var(--field);height:36px;width:112px;padding:0 2px}

.cqty button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--tx);font-size:18px;font-weight:700;cursor:pointer;display:grid;place-items:center}

.cqty button:hover{background:var(--card);color:var(--acc)}

.cqty span{min-width:28px;text-align:center;font-weight:700}

.cline{text-align:right;font-weight:800;font-size:16px;white-space:nowrap}

.crm{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--mut);cursor:pointer;display:grid;place-items:center}

.crm:hover{color:var(--red);border-color:var(--red);background:#fff1f2}

.cont{display:inline-block;margin-top:14px;color:var(--tx2);font-weight:600;text-decoration:none;font-size:14px}

.cont:hover{color:var(--acc)}

.csum{position:sticky;top:90px}

.csum h3{margin:0 0 12px;font-size:18px}

.csum .srow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}

.csum .ctot{border:0;font-size:19px;font-weight:900;padding-top:12px}

.csum .ctot b{color:var(--acc)}

.cmut{color:var(--mut);font-size:13px}

.cnote{margin:12px 0 0;font-size:12px;color:var(--mut);text-align:center}

@media (max-width:900px){.cartpg{grid-template-columns:1fr}.csum{position:static}.chead{display:none}.crow{grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px}.cimg{width:56px;height:56px;grid-row:1/3}.crm{grid-column:3;grid-row:1;justify-self:end}.cqty{grid-column:2;grid-row:2}.cline{grid-column:3;grid-row:2;font-size:15px}}



/* checkout product-details cards */

.dcard{border:1px solid var(--line);border-radius:14px;margin:0 0 14px;overflow:hidden;background:var(--card)}

.dcard.sh{border-color:var(--accl)}

.dhead{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--accs);border-bottom:1px solid var(--line)}

.dcard.sh .dhead{background:linear-gradient(90deg,var(--accs),#fff)}

.dhead img,.dhead .dico{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;border:1px solid var(--line);background:#fff}

.dhead .dico{display:grid;place-items:center;color:var(--acc);font-style:normal;font-size:20px}

.dhead>div{min-width:0;flex:1}

.dhead b{display:block;font-size:15px;line-height:1.25}

.dchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}

.dchip{font-size:12px;font-weight:700;color:var(--acc);background:#fff;border:1px solid var(--accl);border-radius:999px;padding:2px 9px}

.dbadge{flex:none;font-size:12px;font-weight:800;color:#fff;background:var(--acc);border-radius:999px;padding:4px 10px}

.dfields{padding:14px 14px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}

.dfields .fld{margin-bottom:14px}

.dfields .fld span{font-size:12px;margin-bottom:6px}

.dfields .fld input{padding:11px 14px;font-size:15px}

.dnote{display:block;margin-top:5px;font-size:12px;color:var(--mut);font-weight:600;text-transform:none;letter-spacing:0}

.dnote a{color:var(--acc);font-weight:700}

.dsub{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:10px;margin-bottom:4px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}

.dsub>b{grid-column:1/-1;font-size:13px;color:var(--acc);margin-bottom:8px}

.dsub:first-child{border-top:0;padding-top:0}

@media (max-width:700px){.dfields,.dsub{grid-template-columns:1fr}}

.drop{position:relative;display:block;cursor:pointer;background:var(--card);border:2px dashed #C4B5FD;border-radius:14px;padding:18px;text-align:center;transition:border-color .15s,background .15s,transform .15s}

.drop:hover,.drop.over{border-color:var(--acc);background:var(--accs)}.drop.over{transform:scale(1.01)}

.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}

.dz-empty{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--acc)}.dz-empty b{color:var(--tx);font-size:15.5px;margin-top:4px}.dz-empty small{color:var(--mut);font-size:12.5px}

.dz-empty svg{background:var(--accl);border-radius:50%;padding:12px;box-sizing:content-box}

.dz-full{display:none;align-items:center;gap:14px;text-align:left}.drop.has{border-style:solid;border-color:var(--acc);padding:12px}.drop.has .dz-empty{display:none}.drop.has .dz-full{display:flex}

.dz-full img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line);flex:none}

.dz-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dz-info b{color:var(--tx);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-info small{color:var(--mut);font-size:12.5px}

.dz-chg{color:var(--acc);font-weight:800;font-size:13px;margin-top:2px}

html.dark .drop{border-color:#3B2F63}



.pm .pmt{display:flex;flex-direction:column;flex:1;line-height:1.25}.pm .pmt small{font-weight:600;color:var(--mut);font-size:12.5px}

.pmq{font-style:normal;font-size:11px;font-weight:900;background:var(--accl);color:var(--acc);border-radius:6px;padding:3px 7px}

.pm{border-left:5px solid var(--line)}.pm-esewa{border-left-color:#60BB46}.pm-khalti{border-left-color:#5C2D91}.pm-fonepay{border-left-color:#C8102E}.pm-qr{border-left-color:#0E7490}

.qrtabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 6px}.qrtabs span{font-weight:800;font-size:14px;color:var(--tx2)}

.qrtab{background:var(--card);border:1.5px solid var(--line);border-left-width:5px;border-radius:10px;padding:8px 14px;font:800 14px 'Nunito Sans',sans-serif;color:var(--tx);cursor:pointer}.qrtab.on{background:var(--acc);border-color:var(--acc);color:#fff}

.qr-name{text-align:center;font-weight:900;font-size:15px;padding:8px;color:#0F172A;border-bottom:1px solid #EEE}



/* customer sign-in + account */

#meBtn img{width:100%;height:100%;border-radius:50%;object-fit:cover}#meBtn.in{border-color:var(--acc);padding:0;overflow:hidden}#meBtn .ini{font-weight:900;font-size:17px}

.auth{max-width:440px;margin:30px auto}.auth h1{margin:8px 0 6px}.auth-ic{width:58px;height:58px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:var(--accs);color:var(--acc)}

.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:18px;padding:13px 18px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:#1F1F1F;font:800 16px 'Nunito Sans',sans-serif;text-decoration:none;box-shadow:var(--sh)}

.gbtn:hover{border-color:#C4B5FD;background:#FAFAFF}html.dark .gbtn{background:#fff}

.auth-or{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:13px;margin:16px 0 4px}.auth-or:before,.auth-or:after{content:'';flex:1;height:1px;background:var(--line)}

.auth-small{font-size:12.5px;color:var(--mut);margin:16px 0 0;line-height:1.5}.auth-small a{color:var(--acc)}

.acct{max-width:860px;margin:10px auto 30px;display:grid;gap:18px}.acct-me{display:flex;align-items:center;gap:16px}.acct-me>img,.acct-me>i{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}

.acct-me>i{display:grid;place-items:center;background:var(--acc);color:#fff;font:900 26px 'Nunito Sans',sans-serif;font-style:normal}.acct-me>div{flex:1;min-width:0}.acct-me h1{margin:0;font-size:22px}.acct-me p{margin:2px 0 0;word-break:break-all}

.acct h2{margin:0 0 12px;font-size:19px}.acct h2 small{background:var(--accs);color:var(--acc);border-radius:999px;padding:2px 10px;font-size:13px;margin-left:6px}

.ords{display:grid;gap:10px}.ord{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--tx)}.ord:hover{border-color:#C4B5FD;background:var(--accs)}

.ord>div:first-child{min-width:0}.ord span{color:var(--mut);font-size:13px;margin-left:8px}.ord p{margin:4px 0 0;color:var(--tx2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ord-r{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ord-r em{font-style:normal;font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px}

.st-new{background:#DBEAFE;color:#1D4ED8}.st-wait{background:#FEF3C7;color:#B45309}.st-ok{background:#DCFCE7;color:#15803D}.st-no{background:#FFE4E6;color:#BE123C}

.cosign{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:10px 14px;border:1px dashed #C4B5FD;border-radius:12px;background:var(--accs);margin-bottom:14px;font-size:14px}

.cosign .gbtn{width:auto;margin:0;padding:8px 14px;font-size:14px}

@media(max-width:600px){.acct-me{flex-wrap:wrap}.acct-me form{width:100%}.acct-me form .btn{width:100%}.ord{flex-direction:column}.ord-r{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}



/* live search dropdown */

.search{background:var(--card);border:2px solid color-mix(in srgb,var(--acc) 45%,transparent);box-shadow:0 6px 22px -10px color-mix(in srgb,var(--acc) 70%,transparent);transition:border-color .2s,box-shadow .2s}
 .search:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px var(--accs)}
 .search>.ic{color:var(--acc)}
 .search input::placeholder{color:var(--tx2,#64748b);opacity:1}
.search.open{border-color:var(--acc);box-shadow:0 0 0 4px var(--accs)}

.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -18px #0f172a55,var(--sh);padding:6px;max-height:min(70vh,520px);overflow:auto;animation:sugIn .14s ease-out}

.sug.busy{opacity:.75}

@keyframes sugIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.sug .si{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:var(--tx);text-decoration:none}

.sug .si:hover,.sug .si.on{background:var(--accs)}

.sug .si img,.sug .si .ph{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none;background:var(--field)}

.sug .sm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}

.sug .sm b{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sug .sm mark{background:none;color:var(--acc);font-weight:900}

.sug .sm small{color:var(--mut);font-size:12.5px}

.sug .sp{flex:none;text-align:right;font-weight:900;font-size:14.5px;color:var(--tx);display:flex;flex-direction:column;align-items:flex-end;gap:2px}

.sug .sp small{font-weight:600;font-size:11px;color:var(--mut)}

.sug .sp i{font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--red);border-radius:999px;padding:1px 7px}

.sug .si.all{justify-content:center;font-weight:800;font-size:14px;color:var(--acc);border-top:1px solid var(--line);border-radius:0 0 12px 12px;margin-top:4px;padding:11px}

.sug .sn{padding:16px;text-align:center;color:var(--mut);font-size:14.5px}

@media (max-width:560px){.sug{border-radius:14px}.sug .si img,.sug .si .ph{width:40px;height:40px}.sug .sm b{font-size:14px}}

/* hero = Zalient slider: 16/7 box, gradient headline, floating featured-product card stack */

.hero{aspect-ratio:16/7;min-height:0}

.slide{display:flex;align-items:center;padding:0 0 0 54px}

.htxt{position:relative;z-index:2;width:56%}

.htxt h1{font-size:clamp(26px,4vw,46px);line-height:1.05;letter-spacing:-.02em;text-shadow:0 4px 0 #0f172a14}

.slide.grad .htxt h1{background:linear-gradient(180deg,var(--tx) 0 46%,var(--acc) 47% 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 #0f172a14)}

.htxt p{max-width:440px}

.himg{position:absolute;right:4%;top:0;bottom:0;width:42%;z-index:1}

.hc{position:absolute;aspect-ratio:1;border-radius:22px;overflow:hidden;border:3px solid #ffffffcc;background:var(--field);box-shadow:0 24px 50px -20px #1e1b4b99;transition:scale .25s}

html.dark .hc{border-color:#ffffff22}

.hc:hover{scale:1.04}

.hc img{width:100%;height:100%;object-fit:cover;display:block}

.hc0{width:58%;top:16%;right:18%;rotate:-5deg;z-index:3;animation:hFloat 6s ease-in-out infinite}

.hc1{width:40%;top:8%;right:-2%;rotate:8deg;z-index:2;opacity:.92;animation:hFloat 7s ease-in-out -2s infinite}

.hc2{width:36%;bottom:6%;right:2%;rotate:-10deg;z-index:4;animation:hFloat 8s ease-in-out -4s infinite}

@keyframes hFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}

@media (prefers-reduced-motion:reduce){.hc{animation:none}}

@media (max-width:900px){.hero{aspect-ratio:4/3.4}.slide{align-items:flex-start;padding:24px 20px 0}.htxt{width:100%}.htxt p{display:none}.htxt .btn{padding:10px 18px;font-size:13px}

 .himg{display:block;width:64%;right:0;top:auto;height:62%;bottom:0}.harr{display:none}}.slide.on{position:absolute}



/* product description */

.dsc{display:grid;gap:14px}

.dsc p{margin:0 0 9px}.dsc p:last-child{margin-bottom:0}.dsc a{font-weight:700}.dsc strong{color:var(--tx)}

.dlead{font-size:16.5px;line-height:1.7;color:var(--tx2)}

.dsec{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--bg)}

.dsec h3{display:flex;align-items:center;gap:11px;margin:0 0 12px;font-size:17px;line-height:1.3;color:var(--tx)}

.dsec h3 i{width:32px;height:32px;border-radius:10px;background:var(--accs);color:var(--acc);display:grid;place-items:center;flex:none}

.dsc ul,.dsc ol{list-style:none!important;padding:0!important;margin:0 0 4px;display:grid;gap:10px}

.dsc li{position:relative;padding-left:30px;line-height:1.6;display:block!important}

.dsc ul li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--accs) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}

.dsc ol,.dsteps ul{counter-reset:st}

.dsc ol li,.dsteps ul li{counter-increment:st;padding-left:42px;min-height:30px}

.dsc ol li:before,.dsteps ul li:before{content:counter(st);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center}

.dsc ol li:not(:last-child):after,.dsteps ul li:not(:last-child):after{content:"";position:absolute;left:14px;top:32px;bottom:-10px;width:2px;background:var(--accl)}

.dinfo{background:#FFFBEB;border-color:#FDE68A}.dinfo h3 i{background:#FEF3C7;color:#B45309}

html.dark .dinfo{background:#221C0B;border-color:#4A3A10}html.dark .dinfo h3 i{background:#3A2E0C;color:#FBBF24}

.desc.clip .dsc{max-height:520px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}

@media (max-width:720px){#pDesc .dh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
 #pDesc .dh::after{content:'';flex:none;width:9px;height:9px;border:solid var(--acc);border-width:0 2.5px 2.5px 0;transform:rotate(225deg);margin:4px 6px 0;transition:transform .2s}
 #pDesc.fold .dh::after{transform:rotate(45deg);margin-top:-4px}
 #pDesc:not(.fold) .dh{margin-bottom:12px}#pDesc.fold>:not(.dh){display:none}}
.dmore[hidden]{display:none}.dmore{display:block;margin:12px auto 0;border:1.5px solid var(--accl);background:var(--accs);color:var(--acc);font:800 14.5px 'Nunito Sans',sans-serif;border-radius:999px;padding:9px 22px;cursor:pointer}

@media (max-width:720px){.dsec{padding:14px}.dlead{font-size:15.5px}.dsec h3{font-size:16px}}



/* hero smooth switch: crossfade, text rises in, card stack glides in */

.slide,.slide.on{position:absolute}

.slide{transition:opacity .8s ease,visibility 0s linear .8s}

.slide.on{transition:opacity .8s ease,visibility 0s}

.slide .htxt>*{opacity:0;translate:0 22px;transition:opacity .5s ease,translate .5s ease}

.slide.on .htxt>*{opacity:1;translate:0 0;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.75,.2,1)}

.slide.on .htxt>:nth-child(1){transition-delay:.15s}.slide.on .htxt>:nth-child(2){transition-delay:.25s}.slide.on .htxt>:nth-child(3){transition-delay:.35s}.slide.on .htxt>:nth-child(4){transition-delay:.45s}

.slide .himg{opacity:0;translate:60px 0;scale:.92;transition:opacity .5s ease,translate .6s ease,scale .6s ease}

.slide.on .himg{opacity:1;translate:0 0;scale:1;transition:opacity .8s ease .1s,translate 1s cubic-bezier(.2,.75,.2,1) .1s,scale 1s cubic-bezier(.2,.75,.2,1) .1s}

.hero.back .slide .himg{translate:-60px 0}

@media (prefers-reduced-motion:reduce){.slide .htxt>*,.slide .himg{translate:none!important;scale:none!important}}



/* offer popup */

.pop{position:fixed;inset:0;z-index:2147482990;display:grid;place-items:center;padding:16px}

.pop[hidden]{display:none}

.pop-bg{position:absolute;inset:0;background:#0f172a99;backdrop-filter:blur(3px);opacity:0;transition:opacity .35s}

.pop-box{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card);border-radius:22px;box-shadow:0 30px 80px -20px #0f172acc;opacity:0;translate:0 26px;scale:.96;transition:opacity .35s,translate .45s cubic-bezier(.2,.8,.2,1),scale .45s cubic-bezier(.2,.8,.2,1)}

.pop.on .pop-bg{opacity:1}.pop.on .pop-box{opacity:1;translate:0 0;scale:1}

.pop-x{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:var(--card);color:var(--tx);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #0f172a33}

.pop-ban{display:block;width:100%;max-height:220px;object-fit:cover}

.pop-in{padding:24px 24px 22px;background-image:radial-gradient(circle at 100% 0,#7C3AED1f,transparent 50%)}

.pop-tag{display:inline-flex;align-items:center;gap:6px;background:var(--y);color:#1E1B4B;font-weight:900;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:5px 12px}

.pop-in h2{margin:12px 0 6px;font-size:27px;line-height:1.12;font-weight:900;padding-right:30px}

.pop-in>p{margin:0 0 14px;color:var(--tx2);font-size:15.5px}

.pop-cp{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 14px;padding:10px 14px;border:2px dashed var(--acc);border-radius:12px;background:var(--accs);color:var(--tx);font:inherit;cursor:pointer}

.pop-cp span{font-size:13px;color:var(--mut);font-weight:700}.pop-cp b{font-size:19px;letter-spacing:.06em;color:var(--acc)}.pop-cp em{margin-left:auto;font-style:normal;font-weight:800;font-size:13px;background:var(--acc);color:#fff;border-radius:8px;padding:5px 12px}

.pop-ps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}

.pop-ps.one{grid-template-columns:1fr}

.pop-p{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg);text-decoration:none;color:var(--tx);transition:translate .2s,border-color .2s}

.pop-p:hover{translate:0 -3px;border-color:var(--acc)}

.pop-p img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}

.pop-ps.one .pop-p{flex-direction:row;align-items:center;gap:12px}.pop-ps.one .pop-p img{width:84px}

.pop-p span{font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.pop-p b{font-size:14px;color:var(--acc);font-weight:900}.pop-p b small{color:var(--mut);font-weight:600;font-size:11px}.pop-p s{color:var(--mut);font-weight:500;font-size:11.5px}

.pop-p i{position:absolute;top:12px;left:12px;z-index:1;background:var(--red);color:#fff;font-style:normal;font-weight:800;font-size:11px;border-radius:6px;padding:2px 6px}

.pop-go{justify-content:center}

html.pop-open{overflow:hidden}html.pop-open #dhh-btn,html.pop-open #dhh-tip,html.pop-open .wa{display:none!important}

@media (max-width:560px){.pop{place-items:end center;padding:0}.pop-box{width:100%;border-radius:22px 22px 0 0;max-height:88vh;translate:0 60px}.pop-in{padding:20px 16px 18px}.pop-in h2{font-size:23px}

 .pop-ps{grid-template-columns:repeat(2,1fr)}.pop-ps>.pop-p:nth-child(odd):last-child{grid-column:span 2;display:grid;grid-template-columns:72px 1fr;column-gap:12px;align-content:center}.pop-ps>.pop-p:nth-child(odd):last-child img{grid-row:span 2}.pop-ps>.pop-p:nth-child(odd):last-child img{width:72px}}

@media (prefers-reduced-motion:reduce){.pop-box{translate:none!important;scale:none!important}}



.steps{flex-wrap:wrap}.steps span{min-width:90px}.steps span.now{box-shadow:0 0 0 3px rgba(124,58,237,.25)}.steps span.cx{background:#E11D48;color:#fff}

@media(max-width:600px){.steps{gap:6px}.steps span{flex:1 1 28%;min-width:0;padding:7px 4px;font-size:12px}}



/* checkout: upload + Place order in the right column on desktop */

.cor{display:flex;flex-direction:column;gap:18px;min-width:0}.cor .csum{position:static}.coah{display:none}.coside .coah{display:block;margin:0 0 12px;font-size:18px}.coside .drop{padding:22px 18px}.coside .btn.wide{margin-top:14px}.drop[hidden]{display:none}


.guestbtn{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.auth .guestbtn{margin-top:4px}.auth .guestnote{margin-top:6px}.auth .trackbtn{margin-top:10px}.cosign .guestbtn{width:auto;margin:0;padding:8px 14px;font-size:14px}
.fld .opt{display:none;color:var(--mut);font-weight:600;margin-left:4px}.fld.isopt .opt{display:inline}.fld.isopt .rq,.fld.isopt .rqn{display:none}

.cpw{margin:14px 0}.cpw .cp{margin:6px 0 0}.cph{font-size:13px;color:var(--mut,#64748b);margin:0}
.cpok{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#16a34a14;border:1px solid #16a34a55;color:#15803d;border-radius:12px;padding:10px 14px;font-size:14px}
.cplk{display:none;font-size:13px;color:var(--mut,#64748b);margin:0}.cplk a{color:var(--acc);font-weight:700}
.cpw.lock .cped,.cpw.paid .cped{display:none}.cpw.lock:not(:has(.cpok)) .cplk{display:block}.cpw.paid .cplk{display:none!important}
.cpw.pre{display:none}
#coSum[hidden]{display:none!important}


/* ---- phone app interface ---- */
.tabbar,.csheet,.msheet{display:none}
@media (max-width:720px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:62;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px -16px #0F172A55}
 .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:0;background:none;color:var(--tx2,#64748b);font-family:inherit;font-size:11px;font-weight:700;line-height:1.1;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .tabbar .ic{padding:4px 16px;box-sizing:content-box;border-radius:999px;transition:background .2s,color .2s}
 .tabbar .on{color:var(--acc)}.tabbar .on .ic{background:var(--accs,#7C3AED1f)}
 .tcart{position:relative;display:block;font-style:normal}.tcart b{position:absolute;top:-3px;right:6px;background:var(--y);color:#1E1B4B;font-size:10px;min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:999px;padding:0 4px}.tcart b[hidden]{display:none}
 .tabbar a:active .ic,.tabbar button:active .ic{transform:scale(.92)}
 .top .nav{display:none}
 .top{transition:transform .25s ease}.top.tuck{transform:translateY(-100%)}
 .wa{bottom:calc(80px + env(safe-area-inset-bottom))!important;left:14px}.wa i{width:48px;height:48px}
 html body #dhh-btn{bottom:calc(80px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important}
 html body #dhh-tip{bottom:calc(142px + env(safe-area-inset-bottom))!important}
 .csheet{display:block;position:fixed;inset:0;z-index:60;background:#0F172A00;transition:background .22s}
 .csheet[hidden]{display:none}.csheet.open{background:#0F172A73}
 .csh-box{position:absolute;left:0;right:0;bottom:0;background:var(--card);border-radius:22px 22px 0 0;padding:8px 16px calc(84px + env(safe-area-inset-bottom));max-height:75vh;overflow:auto;translate:0 100%;transition:translate .22s ease}
 .csheet.open .csh-box{translate:0 0}
 .csh-grip{display:block;width:42px;height:5px;border-radius:9px;background:var(--line);margin:4px auto 12px}
 .csh-box h3{margin:0 0 8px;font-size:18px}
 .csh-box a{display:flex;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--tx);text-decoration:none}
 .csh-box a b{flex:1;font-weight:700}.csh-box a small{color:var(--tx2,#64748b);background:var(--field);border-radius:999px;padding:2px 9px;font-weight:700}.csh-box a .ic{color:var(--acc)}
 .co .wznav{margin-bottom:6px}
 .msheet{display:block;position:fixed;inset:0;z-index:60;background:#0F172A00;transition:background .22s}
 .msheet[hidden]{display:none}.msheet.open{background:#0F172A73}
 .msh-box{position:absolute;top:0;right:0;bottom:0;width:40%;min-width:150px;background:var(--card);box-shadow:-12px 0 32px -12px #0F172A66;padding:calc(14px + env(safe-area-inset-top)) 10px calc(84px + env(safe-area-inset-bottom));overflow:auto;translate:100% 0;transition:translate .22s ease;display:flex;flex-direction:column}
 .msheet.open .msh-box{translate:0 0}
 .msh-box a,.msh-box button{display:flex;align-items:center;gap:8px;padding:11px 6px;border:0;border-radius:10px;background:none;color:var(--tx);font:inherit;font-size:13.5px;text-align:left;text-decoration:none;cursor:pointer}
 .msh-box a:active,.msh-box button:active{background:var(--field)}
 .msh-box b{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msh-box .ic{color:var(--acc);flex:none}
 .msh-box .msh-me{background:var(--field);margin-bottom:6px;padding:10px 8px}.msh-me img{width:26px;height:26px;border-radius:50%;flex:none}
 .msh-sep{display:block;height:1px;background:var(--line);margin:8px 4px}
 .msh-box small{color:var(--tx2,#64748b);font-size:12.5px;padding-left:2px}.msh-box a:has(small){padding:7px 6px}
 body.csopen .wa,html body.csopen #dhh-btn,html body.csopen #dhh-tip{display:none!important}
}

/* Refer & Earn */
.rf{border:1px solid #e9d5ff;background:linear-gradient(180deg,#faf5ff, var(--card,#fff) 160px)}
.rf-hd{display:flex;gap:12px;align-items:center;margin-bottom:14px}.rf-hd h2{margin:0}.rf-hd p{margin:2px 0 0}
.rf-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7C3AED,#EC4899);color:#fff;flex:none}.rf-ic.big{width:60px;height:60px;margin:0 auto 10px;border-radius:18px}
.rf-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.rf-kpi div{background:#fff;border:1px solid #ede9fe;border-radius:12px;padding:10px 12px}.rf-kpi b{display:block;font-size:22px;color:#7C3AED}.rf-kpi span{font-size:12px;color:#64748b}
.rf-link{display:flex;gap:8px}.rf-link input{flex:1;min-width:0;font-weight:700}.rf-code{margin:6px 0 10px}
.rf-share{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rf-share .btn{flex:1;min-width:96px;text-align:center}
.rf-how{margin:6px 0 14px;padding-left:20px;color:#475569;line-height:1.7}.rf-h3{margin:8px 0 6px;font-size:15px}
.rf-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #f1f5f9}.rf-row span{display:block;font-size:12px;color:#64748b}.rf-r{text-align:right}.rf-r em{display:block;font-style:normal;font-size:11px;font-weight:700}
.rf-r .pos{color:#16a34a}.rf-r .neg{color:#dc2626}.rf-empty{margin:4px 0}.rf-row.void{opacity:.55}.rf-row.void .pos{color:#94a3b8;text-decoration:line-through}
.rfok{margin:8px 0;padding:8px 10px;border-radius:10px;background:#f5f3ff;color:#5b21b6;font-size:13px}
.rfpts{display:flex;align-items:center;gap:8px;margin:8px 0;padding:9px 10px;border:1px dashed #c4b5fd;border-radius:10px;cursor:pointer;font-size:14px}.rfpts input{width:18px;height:18px;accent-color:#7C3AED}
[data-theme=dark] .rf{background:linear-gradient(180deg,#1e1533,var(--card,#111827) 160px);border-color:#3b2a63}[data-theme=dark] .rf-kpi div{background:#171f33;border-color:#2e2950}[data-theme=dark] .rfok{background:#231a3d;color:#ddd6fe}
@media (max-width:520px){.rf-kpi b{font-size:18px}.rf-kpi div{padding:8px}}

/* order points (10 Nov) */
.ptsearn{display:flex;gap:8px;align-items:center;margin:10px 0 4px;padding:9px 12px;border-radius:10px;background:#fef9c3;color:#854d0e;font-size:14px;line-height:1.35}.ptsearn svg{flex:none;color:#ca8a04}.ptsearn a{color:inherit;font-weight:700;text-decoration:underline}[data-theme=dark] .ptsearn{background:rgba(250,204,21,.12);color:#fde68a}
.ptsearn[hidden]{display:none}

.ptoast{position:fixed;left:50%;top:84px;z-index:120;display:flex;gap:12px;align-items:center;max-width:min(440px,calc(100vw - 24px));padding:14px 40px 14px 16px;border-radius:16px;background:linear-gradient(135deg,#fde047,#facc15);color:#422006;box-shadow:0 14px 40px rgba(0,0,0,.22);transform:translate(-50%,-24px) scale(.96);opacity:0;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .3s}
.ptoast.in{transform:translate(-50%,0) scale(1);opacity:1}.ptoast[hidden]{display:none}
.ptoast b{display:block;font-size:17px;line-height:1.25}.ptoast small{display:block;font-size:13px;opacity:.85;margin-top:2px}
.ptoast .pt-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff7cc;color:#ca8a04;animation:ptspin 1.2s ease-out}
.ptoast .pt-x{position:absolute;right:8px;top:8px;border:0;background:none;font-size:22px;line-height:1;color:#422006;cursor:pointer;padding:2px 6px}
@keyframes ptspin{from{transform:rotateY(0) scale(.6)}to{transform:rotateY(720deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.ptoast,.ptoast .pt-ic{transition:none;animation:none}}
@media (max-width:720px){.ptoast{width:calc(100vw - 24px);top:76px}}

/* Redeem points box under the coupon (ptsredeem) */
.ptsr{margin:10px 0 0;padding:10px 12px;border:1px dashed #c4b5fd;border-radius:12px;background:#faf5ff;font-size:14px}
.ptsr-t{display:flex;align-items:center;gap:8px}.ptsr-t span{flex:1}.ptsr-t a{color:#7C3AED;font-weight:700}
.ptsr small{display:block;margin-top:4px;color:var(--mut,#64748b);font-size:12.5px}
.ptsok{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 0;background:#7c3aed14;border:1px solid #7c3aed55;color:#6d28d9;border-radius:12px;padding:10px 14px;font-size:14px}
[data-theme=dark] .ptsr{background:#1e1533;border-color:#3b2a63}[data-theme=dark] .ptsok{color:#ddd6fe}