.odv{min-height:100vh;background:#f0f0f5;padding-bottom:calc(var(--u)*40);font-family:var(--font-poppins),var(--font-bengali),system-ui,sans-serif;color:#1f1f2e}.odh{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) rgba(0,0,0,.08);padding-top:env(safe-area-inset-top,0)}.odbar{display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*70);padding:0 calc(var(--u)*12)}.odback{flex:none;border:0;background:none;width:calc(var(--u)*44);height:calc(var(--u)*44);display:grid;place-items:center;cursor:pointer}.odback svg{width:calc(var(--u)*28);height:calc(var(--u)*28);fill:none;stroke:#222;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.odbar h1{font:700 calc(var(--u)*26) var(--font-poppins),system-ui,sans-serif;color:#222}.odtabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 calc(var(--u)*8);border-top:1px solid #f0f0f0}.odtabs::-webkit-scrollbar{display:none}.odtabs button{flex:none;position:relative;border:0;background:none;cursor:pointer;padding:calc(var(--u)*16) calc(var(--u)*16) calc(var(--u)*14);font:500 calc(var(--u)*18) var(--font-poppins),system-ui,sans-serif;color:#666;white-space:nowrap}.odtabs button.on{color:var(--brand);font-weight:600}.odtabs button.on:after{content:"";position:absolute;left:calc(var(--u)*16);right:calc(var(--u)*16);bottom:0;height:calc(var(--u)*3);border-radius:calc(var(--u)*3);background:var(--brand)}.odtabs i{font-style:normal;margin-left:calc(var(--u)*5);font-size:calc(var(--u)*14);background:#ff4d6d;color:#fff;border-radius:calc(var(--u)*10);padding:0 calc(var(--u)*7);vertical-align:middle}.odc{background:#fff;margin-top:calc(var(--u)*10);padding:calc(var(--u)*16) calc(var(--u)*18)}.odtop{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u)*10)}.odno{font:600 calc(var(--u)*17) var(--font-poppins),system-ui,sans-serif;color:#2c2c3e;word-break:break-all}.odst{flex:none;font:600 calc(var(--u)*15) var(--font-poppins),system-ui,sans-serif;border-radius:calc(var(--u)*6);padding:calc(var(--u)*3) calc(var(--u)*10);background:#fff4e4;color:#f39a2d}.odst.delivered{background:#e3f6ee;color:#0c8a63}.odst.shipped{background:#e6eefc;color:#1d5de0}.odst.cancelled,.odst.returned{background:#fde8ec;color:#d1232c}.oddt{font:400 calc(var(--u)*15) var(--font-poppins),system-ui,sans-serif;color:#8a8a98;margin-top:calc(var(--u)*2)}.odi{display:flex;gap:calc(var(--u)*14);margin-top:calc(var(--u)*14)}.odim{position:relative;flex:none;width:calc(var(--u)*92);height:calc(var(--u)*92);border-radius:calc(var(--u)*8);background:#f2f2f2;overflow:hidden}.odif{flex:1;min-width:0}.odit{font:400 calc(var(--u)*18)/1.35 var(--font-poppins),var(--font-bengali),system-ui,sans-serif;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.odiv{font:400 calc(var(--u)*15) var(--font-poppins),system-ui,sans-serif;color:#8a8a98;margin-top:calc(var(--u)*3)}.odip{display:flex;justify-content:space-between;margin-top:calc(var(--u)*6);font:600 calc(var(--u)*18) var(--font-poppins),system-ui,sans-serif;color:#f0285a}.odip span{font-weight:400;color:#6b6b7b}.odft{display:flex;justify-content:space-between;align-items:flex-end;margin-top:calc(var(--u)*16);padding-top:calc(var(--u)*12);border-top:1px solid #f0f0f0}.odpay{font:400 calc(var(--u)*15)/1.4 var(--font-poppins),system-ui,sans-serif;color:#8a8a98}.odtot{font:400 calc(var(--u)*17) var(--font-poppins),system-ui,sans-serif;color:#444;text-align:right}.odtot b{font:700 calc(var(--u)*23) var(--font-poppins),system-ui,sans-serif;color:#f26a2e}.odem{text-align:center;color:#999;padding:calc(var(--u)*90) calc(var(--u)*30);font:500 calc(var(--u)*18) var(--font-poppins),system-ui,sans-serif}.odem a{display:inline-block;margin-top:calc(var(--u)*18);background:var(--brand);color:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*26);font-weight:600}.odsk{height:calc(var(--u)*190);margin-top:calc(var(--u)*10);background:linear-gradient(90deg,#fff,#f3f3f7 50%,#fff)}.odcancel{display:block;margin:calc(var(--u)*14) 0 0 auto;padding:calc(var(--u)*8) calc(var(--u)*24);border:1px solid #ccc;border-radius:calc(var(--u)*20);background:#fff;color:#444;font:500 calc(var(--u)*16)/1.2 var(--font-poppins),system-ui,sans-serif;cursor:pointer}.odcancel:disabled{opacity:.5}.odhd{display:flex;align-items:center;gap:calc(var(--u)*16)}.odav{flex:none;width:calc(var(--u)*48);height:calc(var(--u)*48);border-radius:50%;background:#1d5de0;display:grid;place-items:center}.odav svg{width:55%;height:55%}.odtt{font:600 calc(var(--u)*19)/1.3 var(--font-poppins),system-ui,sans-serif;color:#222}.odhd .oddt{margin-top:calc(var(--u)*1)}.odbx{display:flex;gap:calc(var(--u)*14);margin-top:calc(var(--u)*14);background:#f3f3f6;border-radius:calc(var(--u)*10);padding:0}.odbx,.odpic{overflow:hidden}.odpic{position:relative;flex:none;width:calc(var(--u)*118);min-height:calc(var(--u)*118);background:#e9e9ee;display:grid;gap:1px}.odpic span{position:relative;display:block;background:#f2f2f2;min-height:calc(var(--u)*58)}.odpic.n1{grid-template-columns:1fr}.odpic.n1 span{min-height:calc(var(--u)*118)}.odpic.n2{grid-template-columns:1fr 1fr}.odpic.n2 span{min-height:calc(var(--u)*118)}.odpic.n3{grid-template-columns:1fr 1fr}.odpic.n3 span:first-child{grid-row:span 2}.odpic.n4{grid-template-columns:1fr 1fr}.odpic em{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);color:#fff;font:500 calc(var(--u)*14)/1 var(--font-poppins),system-ui,sans-serif;font-style:normal;padding:calc(var(--u)*7) calc(var(--u)*8)}.odtx{flex:1;min-width:0;padding:calc(var(--u)*10) calc(var(--u)*12) calc(var(--u)*10) 0}.odtx p{font:400 calc(var(--u)*17)/1.3 var(--font-poppins),system-ui,sans-serif;color:#333;margin:0}.odon{font:400 calc(var(--u)*16) var(--font-poppins),system-ui,sans-serif;color:#888;margin-top:calc(var(--u)*8);word-break:break-all}.odok{background:#fff;margin-top:calc(var(--u)*10);padding:calc(var(--u)*14) calc(var(--u)*18);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*10) calc(var(--u)*14);font:500 calc(var(--u)*17) var(--font-poppins),system-ui,sans-serif;color:#0c8a63}.odok span{color:#555}.odok a{margin-left:auto;background:#25d366;color:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*9) calc(var(--u)*18);font-weight:600}.odlk{display:block;color:inherit;text-decoration:none}