/* DASHREF v116 (Krishna "Dark wala Style B banao" + "same colour aur same format use karo", 11 Nov 2026): logged-in customer home = zip
   atc-dashboard-design-code.zip Style B "bold quick order" with its exact hex colours in EVERY theme (dashboard only; the rest of the app keeps its theme).
   UI only. Scope: .hxx.db (store.js hxHome). Zip B palette: bg #050f24 + radial rgba(61,139,255,.35), text #eef3ff, muted #a5b6d8 / #cfe0ff / #7f93ba,
   hero #2f6fe0 -> #123170 -> #0a1d42 (border rgba(124,198,255,.35)), mic #1f5fd1, accent #4DA3FF / #7cc6ff / #04122b, tiles #ffb020 -> #f08a00 (ink #2b1700)
   and #3ddc97 -> #13a86c (ink #03281a), yellow #ffd27a, offer #ffd27a -> #f59e0b, well #f2f6fc, search ink #5a6b8c, WhatsApp #25D366, nav #0a1d42. */
html #view .hxx.db{background-color:#050f24!important;background-image:radial-gradient(500px 300px at 85% -40px,rgba(61,139,255,.35),transparent 70%)!important;color:#eef3ff;
  font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;padding:0 0 28px;margin:0;min-height:70vh}
html #view .hxx.db .wrap.dqw{padding:0 16px!important;max-width:560px;margin:0 auto!important}
html #view .hxx.db *{font-family:inherit}
/* .hd = firm-name header */
html #view .hxx.db .hxcard.dbhd{position:relative;display:block;margin:0!important;padding:16px 0 4px!important;background:none!important;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;color:#eef3ff!important;overflow:visible}
html #view .hxx.db .hxcard.dbhd::before,html #view .hxx.db .hxcard.dbhd::after{display:none!important}
html #view .hxx.db .hxcard .fhhd{display:flex;align-items:center;gap:10px;margin:0;padding-right:48px}
html #view .hxx.db .hxcard .fhav{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(150deg,#2f6fe0,#123170);border:1px solid rgba(124,198,255,.35);box-shadow:none;color:#fff;font:800 15px/1 inherit;font-family:inherit;text-shadow:none}
html #view .hxx.db .hxcard .fhtx{min-width:0;flex:1}
html #view .hxx.db .hxcard .hxhi{margin:0!important;color:#a5b6d8!important;font:400 11.5px/1.3 -apple-system,"Segoe UI",Roboto,sans-serif!important;letter-spacing:0!important;text-transform:none!important;opacity:1!important}
html #view .hxx.db .hxcard .hxfirm{margin:1px 0 0!important;color:#eef3ff!important;font:700 19px/1.2 -apple-system,"Segoe UI",Roboto,sans-serif!important;letter-spacing:0!important;text-shadow:none!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html #view .hxx.db .hxcard .hxfirm::after{display:none!important}
html #view .hxx.db .hxcard .hxsub{margin:1px 0 0!important;color:#a5b6d8!important;font-size:11px!important;opacity:1!important}
html #view .hxx.db .hxcard .hxset{display:inline-block;margin-top:6px;color:#7cc6ff!important;font-size:12px}
html #view .hxx.db .hxcard .hxsnd{position:absolute;right:0;top:20px;width:36px;height:36px;justify-content:center;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:#eef3ff!important;padding:0!important;font-size:15px!important;opacity:1}
html #view .hxx.db .hxcard .hxsnd>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* .strip = dashboard box (with the product slider inside) */
.db .dbbox{margin-top:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
.db .dbstrip{display:flex}
html #view .hxx.db .dbsc{flex:1;min-width:0;display:block;padding:10px 12px;color:#eef3ff!important;text-decoration:none!important;background:none!important;border:0!important}
html #view .hxx.db .dbsc+.dbsc{border-left:1px solid rgba(255,255,255,.12)!important}
html #view .hxx.db .dbsc small{font-size:10px;color:#a5b6d8!important;text-transform:uppercase;letter-spacing:.5px;display:block}
html #view .hxx.db .dbsc b{font-size:16px;display:block;margin-top:2px;color:#eef3ff!important;font-weight:700;font-variant-numeric:tabular-nums}
html #view .hxx.db .dbsc i{font-style:normal;font-size:10.5px;color:#ffd27a!important;background:none!important;padding:0!important;border:0!important}
html #view .hxx.db .dbsc i.g{color:#3ddc97!important}
html #view .hxx.db .dbsc.od.hot b{color:#ffd27a!important}
html #view .hxx.db .dbnote{margin:0!important;padding:0 12px 8px;font-size:10.5px!important;color:#a5b6d8!important}
.db .fhps{border-top:1px solid rgba(255,255,255,.12);padding:12px 12px 12px}
.db .fhpsh{display:flex;align-items:center;margin:0 0 10px}
.db .fhpsh b{font-size:14px;font-weight:700;color:#eef3ff}
html #view .db .fhpsh a{margin-left:auto;font-size:12px;color:#7cc6ff!important;font-weight:600;text-decoration:none}
.db .fhpst{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.db .fhpst::-webkit-scrollbar{display:none}
.db .fhpst:focus-visible{outline:2px solid #4DA3FF;outline-offset:2px;border-radius:12px}
html #view .db .fhpc{flex:0 0 124px;width:124px;height:190px;box-sizing:border-box;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;padding:8px 8px 10px;border-radius:14px;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none;color:#eef3ff!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.db .fhpc:active{transform:scale(.97)}
.db .fhpi{flex:none;display:grid;place-items:center;height:72px;border-radius:12px;background:#f2f6fc!important;overflow:hidden;color:#1f5fd1}
.db .fhpi img{max-width:100%;max-height:68px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.db .fhpi .ico{width:30px;height:30px}
.db .fhpb{font-size:11px;color:#a5b6d8;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db .fhpn{font-size:12.5px;font-weight:700;line-height:1.25;color:#eef3ff!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.db .fhpk{font-size:10.5px;color:#a5b6d8}
.db .fhpp{margin-top:auto}
html #view .db .pr b{font-size:13px;font-weight:800;color:#fff!important}
html #view .db .pr small{font-size:10.5px;color:#a5b6d8!important}
html #view .db .pr i{display:block;font-style:normal;font-size:10px;color:#3ddc97!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* .hero voice */
html #view .hxx.db .dbhero{display:block;position:relative;overflow:hidden;margin-top:16px;border-radius:24px;padding:18px;background:linear-gradient(150deg,#2f6fe0 0%,#123170 65%,#0a1d42 100%)!important;border:1px solid rgba(124,198,255,.35);color:#eef3ff!important;text-decoration:none!important}
.db .dbh1{display:block;font-size:23px;line-height:1.15;max-width:200px;font-weight:700;color:#eef3ff}
.db .dbhp{display:block;font-size:12.5px;color:#cfe0ff;margin-top:6px;max-width:190px}
.db .dbmic{position:absolute;right:20px;top:24px;width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#1f5fd1;box-shadow:0 0 0 12px rgba(255,255,255,.12),0 0 0 26px rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.35)}
.db .dbmic .ico{width:46px;height:46px}
.db .dbmic em{position:absolute;bottom:-32px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;left:50%;transform:translateX(-50%);font-style:normal}
.db .dbeg{display:block;margin-top:40px;background:rgba(5,15,36,.45);border-radius:14px;padding:10px 12px;font-size:12px;color:#cfe0ff;border:1px dashed rgba(255,255,255,.25)}
.db .dbeg b{color:#fff}
/* .two tiles */
.db .dbtwo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
html #view .hxx.db .dbt{display:block;border:0;border-radius:20px;padding:14px;min-height:150px;position:relative;overflow:hidden;text-align:left;font:inherit;cursor:pointer;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.db .dbt:active{transform:scale(.97)}
html #view .hxx.db .dbt1{background:linear-gradient(160deg,#ffb020,#f08a00)!important;color:#2b1700!important}
html #view .hxx.db .dbt2{background:linear-gradient(160deg,#3ddc97,#13a86c)!important;color:#03281a!important}
.db .dbti{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.35);display:grid;place-items:center}
.db .dbti .ico{width:24px;height:24px}
html #view .hxx.db .dbt b{display:block;font-size:17px;margin-top:12px;line-height:1.15;color:inherit!important;font-weight:700}
html #view .hxx.db .dbt>span:last-child{font-size:11.5px;display:block;margin-top:4px;font-weight:600;opacity:.85;color:inherit}
.db .dbgo{position:absolute;right:12px;top:14px;font-size:20px;font-weight:800}
/* .search */
.db .dbsrch{display:flex;align-items:center;gap:10px;height:48px;border-radius:14px;background:#fff;color:#5a6b8c;padding:0 14px;margin-top:16px}
.db .dbsrch .ico{width:18px;height:18px;flex:none}
html #view .db .dbsrch input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;color:#04122b!important;font-size:14px;height:46px;padding:0!important;box-shadow:none!important}
.db .dbsrch input::placeholder{color:#5a6b8c;opacity:1}
/* h2 */
html #view .hxx.db .dqh{font-size:16px!important;font-weight:700!important;margin:22px 0 10px!important;display:flex;align-items:center;color:#eef3ff!important;letter-spacing:0!important}
html #view .hxx.db .dqh a{margin-left:auto;font-size:12px;color:#7cc6ff!important;font-weight:600;text-decoration:none}
/* .chips */
.db .dqchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.db .dqchips::-webkit-scrollbar{display:none}
html #view .hxx.db .dqchip{flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)!important;border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:600;white-space:nowrap;color:#eef3ff!important;text-decoration:none!important}
.db .dqchip i{font-style:normal;color:#3ddc97;margin-left:5px;font-size:11px}
html #view .hxx.db .dqchip.on{background:#4DA3FF!important;border-color:#4DA3FF;color:#04122b!important}
.db .dqchip.on i{color:#04122b}
/* .qa list */
.db .dbqa{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:4px 12px}
.db .dbit{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.db .dbit:last-child{border:0}
.db .dbim{width:52px;height:52px;border-radius:12px;background:#f2f6fc;display:grid;place-items:center;overflow:hidden;flex:none;color:#1f5fd1}
.db .dbim img{max-width:48px;max-height:48px;width:auto;height:auto;mix-blend-mode:multiply}
html #view .hxx.db .dbin{flex:1;min-width:0;color:#eef3ff!important;text-decoration:none!important}
.db .dbin b{font-size:13px;display:block;color:#eef3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db .dbin small{font-size:11px;color:#a5b6d8;display:block}
.db .dbpr{display:block;margin-top:2px}
.db .dbpr .pr{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}
.db .dbpr .pr i{flex-basis:100%}
.db .dbadd{margin-left:auto;flex:none}
html #view .hxx.db .dbadd .hv2add{border:1.5px solid #4DA3FF!important;background:transparent!important;color:#7cc6ff!important;border-radius:10px!important;padding:7px 14px!important;font-weight:800!important;font-size:13px!important;box-shadow:none!important;text-decoration:none!important;min-height:0!important;white-space:nowrap}
html #view .hxx.db .dbadd .hv2add.in{background:#4DA3FF!important;color:#04122b!important}
html #view .hxx.db .dbadd .hv2add.o{border-color:rgba(255,255,255,.25)!important;color:#a5b6d8!important}
/* .offer */
html #view .hxx.db .dboff{margin-top:22px;border-radius:20px;background:linear-gradient(110deg,#ffd27a,#f59e0b)!important;color:#2b1700!important;padding:16px;display:flex;align-items:center;gap:10px;text-decoration:none!important}
.db .dboh{display:block;font-size:18px;line-height:1.15;color:#2b1700}
.db .dbop{display:block;font-size:11.5px;margin-top:4px;font-weight:600;color:#2b1700}
.db .dbopc{margin-left:auto;background:#2b1700;color:#ffd27a;border-radius:14px;padding:10px 14px;font-size:22px;font-weight:800;flex:none}
/* .brands */
.db .dqbr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
html #view .hxx.db .dqbr a{background:#fff!important;border-radius:12px;height:46px;display:grid;place-items:center;padding:6px;overflow:hidden}
.db .dqbr img{max-width:100%!important;max-height:32px!important;width:auto!important;height:auto!important;mix-blend-mode:multiply}
.db .dqbr .brsub{display:none}
/* .trk = existing last-order box in B colours */
html #view .hxx.db .dbtrk{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:14px!important;margin:0!important;box-shadow:none!important;color:#eef3ff}
html #view .hxx.db .dbtrk b,html #view .hxx.db .dbtrk .hsamt,html #view .hxx.db .dbtrk p{color:#eef3ff!important}
html #view .hxx.db .dbtrk small,html #view .hxx.db .dbtrk .note3,html #view .hxx.db .dbtrk .hslab,html #view .hxx.db .dbtrk span{color:#a5b6d8!important}
html #view .hxx.db .dbtrk .hstrk li span{color:#a5b6d8!important}
html #view .hxx.db .dbtrk .hstrk li i{background:rgba(255,255,255,.2)!important;border-color:transparent!important;color:#04122b!important}
html #view .hxx.db .dbtrk .hstrk li.done i,html #view .hxx.db .dbtrk .hstrk li.now i{background:#4DA3FF!important;box-shadow:0 0 0 4px rgba(77,163,255,.2)!important}
html #view .hxx.db .dbtrk .hstrk li::before,html #view .hxx.db .dbtrk .hstrk li::after{background:rgba(255,255,255,.2)!important}
html #view .hxx.db .dbtrk .hstrk li.done::before,html #view .hxx.db .dbtrk .hstrk li.done::after,html #view .hxx.db .dbtrk .hstrk li.now::before{background:#4DA3FF!important}
html #view .hxx.db .dbtrk .hstrk li.now span{color:#7cc6ff!important;font-weight:700}
html #view .hxx.db .dbtrk .btn.pri{background:#4DA3FF!important;border-color:#4DA3FF!important;color:#04122b!important}
html #view .hxx.db .dbtrk .btn.gb{background:transparent!important;border:1.5px solid #4DA3FF!important;color:#7cc6ff!important}
html #view .hxx.db .dbtrk a:not(.btn){color:#7cc6ff!important}
html #view .hxx.db .dbtrk .hslowc{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}
/* .wa */
html #view .hxx.db .dbwa{margin-top:12px;display:flex;align-items:center;gap:10px;justify-content:center;background:#25D366!important;color:#fff!important;border-radius:16px;height:52px;font-weight:800;font-size:15px;text-decoration:none!important}
.db .dbwa .ico{width:22px;height:22px}
/* existing extras below the zip sections (Reorder cart, notifications, Top Selling / New Arrivals) on the dark page */
html #view .hxx.db .hsgt button{color:#a5b6d8!important}
html #view .hxx.db .hssl{margin-top:16px}
html #view .hxx.db .hv2sh h2,html #view .hxx.db .hv2sh h2 em{color:#eef3ff!important}
html #view .hxx.db .hv2sh p{color:#a5b6d8!important}
html #view .hxx.db .oapush p,html #view .hxx.db .oapsub{color:#a5b6d8!important}
@media (prefers-reduced-motion:reduce){.db .fhpst{scroll-behavior:auto}.db .dbt:active,.db .fhpc:active{transform:none}}
html #view .hxx.db .dbtrk .hslast{border-top:0!important;padding-top:0!important;margin-top:0!important}
html #view .hxx.db .dbtrk .hslow{background:rgba(255,210,122,.1)!important;border-color:rgba(255,210,122,.35)!important}
html #view .hxx.db .dbtrk .hsrec{border-color:rgba(255,255,255,.08)!important}
html #view .hxx.db .dqbr .brchip img{mix-blend-mode:normal!important}