/* t646u PREVIEW (allnew): cart (= the one-tap order form) + guest "Review & send order" in the Lumenx Connect app order-form look
   (reference: lumenxindia.com Order Now -> /app/#/quick -> Cart: red title bar, white 14px cards, red-outlined steppers, totals card, full-width red
   place-order button, 1.5px-bordered rounded fields, #f4f4f6 page). CSS only – same markup, totals, buttons and handlers. html.lx = light web/app skin;
   YQ: --lpr is the slate token (no red, no logo). Dark app theme (no html.lx) is untouched. */
html.lx.r-cart body,html.lx body:has(#view .cart2){background:#f4f4f6}
html.lx #ccw>.cch{background:var(--lpr,#D81E27);color:#fff;border-radius:14px;padding:12px 16px;margin:4px 0 8px;min-height:50px;box-sizing:border-box}
html.lx #ccw>.cch h1{color:#fff;font-size:19px;font-weight:700;letter-spacing:-.1px}
html.lx #ccw>.cch h1 span{color:rgba(255,255,255,.85)}
html.lx #ccw .cadd{background:#fff!important;color:var(--lpr,#D81E27)!important;border:1.5px solid var(--lpr,#D81E27)!important;border-radius:12px;min-height:46px;font-size:15.5px;font-weight:700;box-shadow:none}
html.lx #ccw .cadd small{color:inherit;opacity:.75;font-weight:600}
html.lx #ccw .ccl{background:#fff;border:0;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
html.lx #ccw .cc{border-bottom:1px solid #f0f0f2;padding-top:10px;padding-bottom:10px}
html.lx #ccw .cc:last-child{border-bottom:0}
html.lx #ccw .cci{background:#f6f6f8;border-radius:8px;overflow:hidden}
html.lx #ccw .cc .nm{font-size:14px;font-weight:700;color:#1a1a1a}
html.lx #ccw .cc .sub{color:#6b6b76}
html.lx #ccw .cc .amt{font-weight:800;color:#1a1a1a}
html.lx #ccw .ccq .stp,html.lx .cart2 .stp{background:#fff;border:1.5px solid var(--lpr,#D81E27);border-radius:10px;padding:2px;box-shadow:none}
html.lx #ccw .ccq .stp button,html.lx .cart2 .stp button{background:#fff1f3;color:var(--lpr,#D81E27);border-radius:8px;font-weight:800}
html.lx.yqneu #ccw .ccq .stp button,html.lx.yqneu .cart2 .stp button{background:#f1f5f9}
html.lx #ccw .ccq .stp input{color:#1a1a1a;font-weight:800}
html.lx #ccw .ccq .slu{border:1.5px solid #e4e4ea;border-radius:10px;background:#fff}
html.lx #ccw .cc .rm{color:#9a9aa4;border-radius:8px}
html.lx #ccw .cc .rm:hover{color:var(--lpr,#D81E27);background:#fff1f3}
/* totals card + order button */
html.lx #ccw #sumbox{background:#fff;border:0;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
html.lx #ccw #sumbox .ccdt{color:#1a1a1a}
html.lx #ccw #sumbox .ccdb .sr{color:#3a3a44}
html.lx #ccw #sumbox .ccgst,html.lx #ccw #sumbox .ofhint{color:#6b6b76}
html.lx #ccw #sumbox .ofgo,html.lx #ccw #sumbox .sqbtn{background:var(--lpr,#D81E27)!important;border-color:var(--lpr,#D81E27)!important;color:#fff!important;min-height:56px;border-radius:10px;font-size:17px;font-weight:700;box-shadow:0 6px 14px rgba(197,7,36,.18)}
html.lx.yqneu #ccw #sumbox .ofgo,html.lx.yqneu #ccw #sumbox .sqbtn{box-shadow:0 6px 14px rgba(51,65,85,.18)}
html.lx #ccw #sumbox .ofgo:hover,html.lx #ccw #sumbox .sqbtn:hover{background:var(--lpr2,#9E1219)!important}
html.lx #ccw #sumbox .ofgo.ofoff{background:#9a9aa4!important;border-color:#9a9aa4!important;box-shadow:none}
html.lx #ccw #sumbox .ofgo .ico,html.lx #ccw #sumbox .sqbtn .ico{width:22px;height:22px}
/* order-form fields (guest one-tap details in the cart + the review screen) */
html.lx #ccw #sumbox input:not([type=checkbox]):not([type=radio]),html.lx #ccw #sumbox textarea,html.lx #ccw #sumbox select,
html.lx .cart2 input:not([type=checkbox]):not([type=radio]),html.lx .cart2 textarea{border:1.5px solid #e4e4ea!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;font-size:15px}
html.lx #ccw #sumbox input:focus,html.lx #ccw #sumbox textarea:focus,html.lx .cart2 input:focus,html.lx .cart2 textarea:focus{border-color:var(--lpr,#D81E27)!important;outline:none}
html.lx #ccw #sumbox label,html.lx .cart2 label{font-size:13px;font-weight:700;color:#3a3a44}
/* guest review screen (#/checkout) */
html.lx .cart2 .g{background:#fff;border:0!important;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
html.lx .cart2 .g h2{font-size:16px!important;font-weight:700}
html.lx .cart2 #sumbox{background:#fff;border:0;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
html.lx .cart2 #sendWa{background:var(--lpr,#D81E27)!important;border-color:var(--lpr,#D81E27)!important;color:#fff!important;min-height:56px;border-radius:10px;font-size:17px;font-weight:700}
html.lx .cart2 #sendWa:hover{background:var(--lpr2,#9E1219)!important}
html.lx .cart2 pre.msg{background:#f6f6f8;border:0;border-radius:12px}
html.lx .cart2 a[href="#/cart"]{color:var(--lpr,#D81E27);font-weight:700}