/* lxpages (t762u, Nov 2026, PREVIEW): lumenxindia.com-style LOOK for the pages after the home page – presentation only (no logic, no markup).
   Scope (all under html.lx = default ATC look; admin home themes [data-hth] untouched):
     login      #view .otp-card with .mk-band  (#/login)
     lhome      #view .hxx                     (logged-in home #/ – the guest home has no .hxx, so it is not touched)
     shop       html.r-shopv2                  (#/shop "Order Karein" category chooser)
     list       #view .hvpf                    (#/c/…, #/g/…, #/search/… product lists)
   Lumenx pattern: dark-red page hero band (yellow uppercase kicker, 800 white title, light subtitle), white page, white cards with a 1px line,
   grey image well, red "n items →" links, red-bar section titles, 8px buttons. ATC palette (#D81E27/#9E1219/#FFC400) + Poppins like the home page.
   YQ (html.yqneu / .mk-band.neu): same layout in slate, no ATC name/logo, no Lumenx logo, kicker words neutral. */
html.lx{--lpg1:#9E1219;--lpg2:#5c0a10;--lpk:#FFC400;--lpsub:#fbe3e5;--lpr:#D81E27;--lpr2:#9E1219}
html.lx.yqneu{--lpg1:#334155;--lpg2:#1e293b;--lpk:#cbd5e1;--lpsub:#e2e8f0;--lpr:#334155;--lpr2:#1e293b}
html.lx[data-theme=dark]{--lpsub:#e9d6d7}
/* ================= shop (#/shop) ================= */
html.lx.r-shopv2 body{background:var(--lxcard)!important}
html.lx.r-shopv2 #view .hv2top.ct{background:linear-gradient(120deg,var(--lpg1) 0%,var(--lpg2) 100%)!important;color:#fff!important;padding:22px 0 24px!important;border-radius:0!important;box-shadow:none!important}
html.lx.r-shopv2 #view .hv2top.ct .cth{color:#fff!important;font:800 30px/1.12 Poppins,system-ui,sans-serif!important;letter-spacing:-.01em;margin:0 0 6px!important}
html.lx.r-shopv2 #view .hv2top.ct .cth::before{content:"Products · Order online";display:block;margin:0 0 10px;font:700 11.5px/1 Poppins,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lpk)}
html.lx.r-shopv2 #view .hv2top.ct .cth span{display:block;margin-top:8px;font:400 14.5px/1.5 Poppins,system-ui,sans-serif!important;color:var(--lpsub)!important;opacity:1!important}
html.lx.r-shopv2 #view .hv2top.ct .hv2s{margin-top:16px!important}
html.lx.r-shopv2 #view .hv2top.ct #hvF{background:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
html.lx.r-shopv2 #view .hv2top.ct #hvQ{color:#14171c!important}
html.lx.r-shopv2 #view .hv2top.ct #hvMic{background:var(--lxwell)!important}
html.lx.r-shopv2 #view .hv2top.ct .ctlive{color:var(--lpsub)!important;margin-top:12px!important}
html.lx.r-shopv2 #view .hv2top.ct .ctlive i{background:#25D366!important}
@media(min-width:900px){html.lx.r-shopv2 #view .hv2top.ct{padding:48px 0 44px!important}html.lx.r-shopv2 #view .hv2top.ct .cth{font-size:46px!important}html.lx.r-shopv2 #view .hv2top.ct .cth span{font-size:17px!important;max-width:620px}html.lx.r-shopv2 #view .hv2top.ct .hv2s{max-width:640px}}
/* section titles: red bar */
html.lx.r-shopv2 #view .hv2sh h2,html.lx #view .hvpf .nfgh{position:relative;padding-left:14px!important;font-weight:800!important;color:var(--lxink)!important}
html.lx.r-shopv2 #view .hv2sh h2::before,html.lx #view .hvpf .nfgh::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--lpr)}
html.lx.r-shopv2 #view .hv2sh h2 em{font-style:normal;color:var(--lxink)!important}
html.lx.r-shopv2 #view .hv2sh h2 small{color:var(--lxmut)!important;font-weight:600}
html.lx.r-shopv2 #view .hv2lnk{color:var(--lpr)!important;background:transparent!important;border:0!important;font-weight:700!important}
/* category tiles = Lumenx product-range cards */
html.lx.r-shopv2 #view .hv2t{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:none!important;padding:10px 10px 12px!important;text-align:left!important;align-items:stretch!important;transition:box-shadow .15s,border-color .15s}
html.lx.r-shopv2 #view .hv2t:hover{border-color:#d3d6dc!important;box-shadow:var(--lxsh2)!important}
html.lx.r-shopv2 #view .hv2t .hph{background:var(--lxwell)!important;border-radius:8px!important;box-shadow:none!important;border:0!important}
html.lx.r-shopv2 #view .hv2t .nm{color:var(--lxink)!important;font-weight:800!important;text-align:left!important}
html.lx.r-shopv2 #view .hv2t .ct{color:var(--lpr)!important;font-weight:700!important;background:transparent!important;text-align:left!important;padding:0!important}
html.lx.r-shopv2 #view .hv2t .ct::after{content:" →"}
html.lx.r-shopv2 #view .hv2more a,html.lx.r-shopv2 #view .hv2all .chip{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;color:var(--lxink)!important;box-shadow:none!important;border-radius:8px!important}
/* "By use" tabs (shop + list refine): white cards, red when on */
html.lx.r-shopv2 #view .utab,html.lx #view .hvpf .utab{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:none!important;color:var(--lxink)!important}
html.lx.r-shopv2 #view .utab b,html.lx #view .hvpf .utab b{color:var(--lxink)!important;font-weight:800!important}
html.lx.r-shopv2 #view .utab small,html.lx #view .hvpf .utab small{color:var(--lxmut)!important}
html.lx.r-shopv2 #view .utab[aria-selected=true],html.lx #view .hvpf .utab[aria-selected=true]{border-color:var(--lpr)!important;box-shadow:inset 0 -3px 0 var(--lpr)!important}
html.lx.r-shopv2 #view .uth,html.lx.r-shopv2 #view .uth small{color:var(--lpr)!important;background:transparent!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase}
/* ================= product lists (#/c, #/g, #/search) ================= */
html.lx:has(#view .hvpf) body{background:var(--lxcard)!important}
html.lx #view .hvpf #rhd.cthr{position:relative;flex-wrap:wrap;align-items:center;row-gap:6px;padding:20px 0 22px!important;margin:0 0 14px!important;color:#fff!important;background:transparent!important;border-style:none!important;border-width:0!important;box-shadow:none!important;
  border-image:linear-gradient(120deg,var(--lpg1) 0%,var(--lpg2) 100%) fill 0/0/0 100vw}
html.lx #view .hvpf #rhd .ctt{color:#fff!important;font:800 28px/1.12 Poppins,system-ui,sans-serif!important;letter-spacing:-.01em;margin:0!important}
html.lx #view .hvpf #rhd .ctt .ctn{color:#fff!important}
html.lx #view .hvpf #rhd .ctt::before{content:"Products";display:block;margin:0 0 8px;font:700 11.5px/1 Poppins,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lpk)}
html.lx #view .hvpf #rhd .ctc{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;font-weight:700!important}
html.lx #view .hvpf #rhd .ctbk{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important;box-shadow:none!important}
html.lx #view .hvpf #rhd .ctbk span{color:#fff!important}
html.lx #view .hvpf #rhd .cthm{filter:brightness(0) invert(1);opacity:.9}
@media(min-width:900px){html.lx #view .hvpf #rhd.cthr{padding:40px 0 38px!important}html.lx #view .hvpf #rhd .ctt{font-size:44px!important}}
/* search + chip rows */
html.lx #view .hvpf .nfsr input,html.lx #view .hvpf #nfQ{background:var(--lxwell)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:none!important;color:var(--lxink)!important}
html.lx #view .hvpf .nfyc,html.lx #view .hvpf .nft{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;color:var(--lxink)!important;box-shadow:none!important;border-radius:8px!important}
html.lx #view .hvpf .nfyc em{background:var(--lxwell)!important;color:var(--lxmut)!important}
html.lx #view .hvpf .nfyc.on,html.lx #view .hvpf .nft.on{background:var(--lpr)!important;border-color:var(--lpr)!important;color:#fff!important}
html.lx #view .hvpf .nfyc.on em{background:rgba(255,255,255,.22)!important;color:#fff!important}
html.lx #view .hvpf .nftyl,html.lx #view .hvpf .nfyf,html.lx #view .hvpf .nfyf small{color:var(--lpr)!important;font-weight:800!important;letter-spacing:.04em}
/* group heads: white with a red bar (was a pink band) */
html.lx #view .hvpf .nfgh{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:19px!important;margin:20px 0 8px!important;padding-top:2px!important;padding-bottom:2px!important}
html.lx #view .hvpf .nfgh b{color:var(--lxink)!important;font-weight:800!important}
html.lx #view .hvpf .nfgh em{background:var(--lxwell)!important;color:var(--lxmut)!important;border-radius:999px!important}
html.lx #view .hvpf .nfbh{color:var(--lxmut)!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;font-size:12px!important;background:transparent!important;border:0!important}
/* product cards */
html.lx #view .hvpf article.pc{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:none!important}
html.lx #view .hvpf article.pc:hover{box-shadow:var(--lxsh2)!important}
html.lx #view .hvpf article.pc .im{background:var(--lxwell)!important;border-radius:8px!important;border:0!important}
html.lx #view .hvpf article.pc .nm{color:var(--lxink)!important;font-weight:700!important}
html.lx #view .hvpf article.pc .br{color:var(--lxmut)!important;letter-spacing:.08em;font-weight:800!important}
html.lx #view .hvpf article.pc .rate .v{color:var(--lxink)!important;font-weight:800!important}
html.lx #view .hvpf article.pc .btn.pri{background:var(--lpr)!important;border-color:var(--lpr)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important;font-weight:700!important}
html.lx #view .hvpf article.pc .btn.pri:hover{background:var(--lpr2)!important}
html.lx #view .hvpf .lxsee{color:var(--lpr)!important}
/* ================= login (#/login) ================= */
html.lx #view .wrap:has(>.otp-card .mk-band){position:relative}
html.lx #view .wrap:has(>.otp-card .mk-band)::before{content:"My account";display:block;color:var(--lpk);font:700 11.5px/1 Poppins,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:26px 0 120px;margin:0 auto -102px;max-width:420px;
  border-image:linear-gradient(120deg,var(--lpg1) 0%,var(--lpg2) 100%) fill 0/0/0 100vw}
html.lx body:has(#view .otp-card .mk-band){background:var(--lxbg)!important}
html.lx #view .otp-card:has(.mk-band){position:relative;z-index:1;border-radius:14px!important;border:1px solid var(--lxln)!important;box-shadow:0 18px 40px -18px rgba(20,23,28,.35)!important;margin-top:0!important}
/* brand strip inside the card: white, mark + name in ink, red underline (Lumenx header look) */
html.lx #view .otp-card .mk-band{background:var(--lxcard)!important;color:var(--lxink)!important;border-bottom:1px solid var(--lxln);box-shadow:inset 0 -3px 0 var(--lpr)}
html.lx #view .otp-card .mk-band::after{display:none!important}
html.lx #view .otp-card .mk-band .mk-bt b{color:var(--lxink)!important;font-weight:800!important}
html.lx #view .otp-card .mk-band .mk-bt small{color:var(--lxmut)!important}
html.lx #view .otp-card .mk-band .mk-bl{background:var(--lxwell)!important;box-shadow:none!important;border:1px solid var(--lxln)!important}
html.lx #view .otp-card:has(.mk-band) .otp-h{font-size:26px!important;letter-spacing:-.01em}
html.lx #view .otp-card:has(.mk-band) input:not([type=checkbox]){background:var(--lxwell)!important;border:1px solid var(--lxln)!important;border-radius:8px!important;box-shadow:none!important;min-height:48px}
html.lx #view .otp-card:has(.mk-band) input:not([type=checkbox]):focus{border-color:var(--lpr)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lpr) 18%,transparent)!important;background:var(--lxcard)!important}
html.lx #view .otp-card:has(.mk-band) .otp-ph{background:var(--lxwell)!important;border:1px solid var(--lxln)!important;border-radius:8px!important;box-shadow:none!important}
html.lx #view .otp-card:has(.mk-band) .otp-ph input{border:0!important;background:transparent!important;min-height:46px}
html.lx #view .otp-card:has(.mk-band) .otp-ph:focus-within{border-color:var(--lpr)!important;background:var(--lxcard)!important}
html.lx #view .otp-card:has(.mk-band) .otp-go,html.lx #view .otp-card:has(.mk-band) #lgForm .btn.full{background:var(--lpr)!important;border-color:var(--lpr)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important;font-weight:700!important}
html.lx #view .otp-card:has(.mk-band) .otp-go:hover{background:var(--lpr2)!important}
html.lx #view .otp-card:has(.mk-band) .mk-keep input{accent-color:var(--lpr)}
html.lx #view .otp-card:has(.mk-band) .otp-pin,html.lx #view .otp-card:has(.mk-band) .otp-help a:not(.wa){color:var(--lpr)!important;font-weight:700}
/* YQ device login: neutral kicker */
html.lx #view .wrap:has(>.otp-card .mk-band.neu)::before{content:"Rate & Quotation"}
html.lx.yqneu #view .wrap:has(>.otp-card .mk-band)::before{content:"Rate & Quotation"}
/* ================= logged-in home (#/ with a customer; guest home untouched) ================= */
html.lx:has(#view .hxx) body{background:var(--lxcard)!important}
html.lx #view .hxx .hxcard{border-radius:0!important;box-shadow:none!important;padding-top:24px!important;padding-bottom:22px!important;
  background:transparent!important;border-image:linear-gradient(120deg,var(--lpg1) 0%,var(--lpg2) 100%) fill 0/0/0 100vw;margin-top:0!important}
html.lx #view .hxx .hxcard .hxhi{color:var(--lpk)!important;font:700 11.5px/1 Poppins,system-ui,sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
html.lx #view .hxx .hxcard .hxfirm{font:800 30px/1.12 Poppins,system-ui,sans-serif!important;letter-spacing:-.01em}
html.lx #view .hxx .hxcard .hxk{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;box-shadow:none!important}
html.lx #view .hxx .hxcard .hxsnd{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:none!important}
html.lx #view .hxx .hxcard .hxnote{color:var(--lpsub)!important}
@media(min-width:900px){html.lx #view .hxx .hxcard{padding-top:44px!important;padding-bottom:40px!important}html.lx #view .hxx .hxcard .hxfirm{font-size:46px!important}}
html.lx #view .hxx .hsno{background:var(--lpr)!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important}
html.lx #view .hxx .hsno:hover{background:var(--lpr2)!important}
html.lx #view .hxx .hsml{background:var(--lxcard)!important;border:1.5px solid var(--lxink)!important;border-radius:10px!important;box-shadow:none!important;color:var(--lxink)!important}
html.lx #view .hxx .hsml b,html.lx #view .hxx .hsml small{color:var(--lxink)!important}
html.lx #view .hxx .hsrech h3{position:relative;padding-left:14px!important;font-weight:800!important;color:var(--lxink)!important}
html.lx #view .hxx .hsrech h3::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--lpr)}
html.lx #view .hxx .hsrech a{color:var(--lpr)!important;font-weight:700}
html.lx #view .hxx .hsrc{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:none!important}
html.lx #view .hxx .hsrc .mlim{background:var(--lxwell)!important;border-radius:8px!important}
html.lx #view .hxx .hstile,html.lx #view .hxx .hxt{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:none!important}
/* shop sections: flat white (were pink panels) */
html.lx.r-shopv2 #view .hv2sec{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
html.lx.r-shopv2 #view .hv2sec+.hv2sec{border-top:1px solid var(--lxln)!important}
html.lx.r-shopv2 #view .utabs,html.lx #view .hvpf .utabs,html.lx.r-shopv2 #view .hv2grid,html.lx.r-shopv2 #view .hv2all,html.lx.r-shopv2 #view .hv2ob{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
html.lx.r-shopv2 #view .hv2ob .chip:not(.more){background:var(--lxcard)!important;border:1px solid var(--lxln)!important;color:var(--lxink)!important;box-shadow:none!important;border-radius:8px!important}
html.lx.r-shopv2 #view .hv2ob .chip.more{background:var(--lpr)!important;color:#fff!important;border-radius:8px!important}