*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#17130d;background:#fffdfa}button,a{font:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;position:sticky;top:0;background:#fffdf9f2;z-index:10;border-bottom:1px solid #eee}header button{border:0;background:none;font-size:26px}.brand{display:flex;align-items:center;gap:9px;font:26px Georgia}.brand img{width:52px;height:52px;border-radius:12px}.brand i,em{color:#a66300;font-style:normal}main{max-width:950px;margin:auto;padding:18px 18px 90px}.search{background:#f4f2f1;border-radius:28px;padding:14px 20px}.search input{border:0;background:transparent;outline:0;width:85%;font-size:17px}.hero{margin-top:18px;border:1px solid #e4c279;border-radius:25px;padding:26px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#fff3d4)}.hero h1{font:700 35px Georgia;margin:0}.hero img{width:150px;border-radius:28px}.hero button,.primary,.wallet button{border:0;border-radius:20px;padding:12px 20px;background:linear-gradient(135deg,#dda128,#9d5c00);color:white;font-weight:bold}.cats{display:flex;gap:9px;overflow:auto;margin:18px 0}.cats button{white-space:nowrap;padding:12px 16px;border:1px solid #ead5a7;border-radius:16px;background:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{border:1px solid #eadfc9;border-radius:18px;padding:12px;background:white}.cover{height:150px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font:700 21px Georgia;color:#f5d98f;background:linear-gradient(145deg,#091f37,#174a72);border:2px solid #bd8a27}.card:nth-child(3n+2) .cover{background:linear-gradient(145deg,#641722,#942b3b)}.card:nth-child(3n) .cover{background:linear-gradient(145deg,#123a27,#24704a)}.card h3{margin:10px 0 5px}.stars{color:#f3a900}.price{font-size:21px;font-weight:bold}.old{text-decoration:line-through;color:#999}.card>button{width:100%;padding:10px;border:1px solid #c78617;border-radius:13px;background:#fff7e5;color:#815000;font-weight:bold}#shade{display:none;position:fixed;inset:0;background:#0008;z-index:20}aside{position:fixed;left:-92%;top:0;width:min(88%,430px);height:100%;background:white;z-index:21;padding:20px;transition:.25s;overflow:auto}.dhead{display:flex;align-items:center;gap:12px}.dhead img{width:70px;border-radius:14px}.wallet{padding:17px;background:#fff5df;border-radius:18px;margin:18px 0;display:grid;gap:8px}aside a{display:block;padding:16px 4px;border-bottom:1px solid #eee;color:#222;text-decoration:none}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:30;align-items:flex-end}.sheet{width:100%;background:#fff;border-radius:26px 26px 0 0;padding:24px;max-height:80%;overflow:auto}.x{float:right;border:0;border-radius:50%;font-size:25px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:13px 0}.primary{width:100%;display:block;text-align:center;text-decoration:none}.upi{padding:18px;border:1px solid #e4c37a;border-radius:16px;display:grid;margin:15px 0}.upi b{font-size:21px}.paybtn{margin-top:15px}footer{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;align-items:center}footer span{display:grid;text-align:center;font-size:19px}footer small{font-size:10px}#splash{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#fff,#fff4d9);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.35s}#splash img{width:190px;border-radius:34px;box-shadow:0 12px 35px #0002}#splash h1{font:700 40px Georgia;margin:18px 0 3px}#splash p{color:#8c5a0d}@media(max-width:540px){.hero h1{font-size:26px}.hero img{width:100px}.cover{height:135px;font-size:18px}.brand{font-size:21px}}#login{display:none;position:fixed;inset:0;z-index:90;background:linear-gradient(145deg,#fff,#fffaf0);overflow:auto;padding:32px 20px}.loginbox{max-width:440px;margin:35px auto;text-align:center}.loginlogo{width:112px;height:112px;object-fit:cover;border-radius:25px;border:1px solid #e5c56f}.loginbox h1{font:700 34px Georgia;margin:12px 0 26px}.field{display:flex;align-items:center;gap:10px;border:1.5px solid #c8952d;border-radius:18px;padding:14px 16px;margin:13px 0;background:white}.field input{border:0;outline:0;width:100%;font-size:17px;background:transparent}.field button{border:0;background:none;font-size:20px}.unlock{width:100%;padding:16px;border:0;border-radius:18px;background:linear-gradient(135deg,#1b1509,#9b6500);color:#f6d16d;font-size:19px;font-weight:800;margin-top:10px}.terms{font-size:12px;color:#666;line-height:1.5}.paychoices{display:grid;gap:10px;margin:14px 0}.paychoice{border:1px solid #e4c37a;border-radius:14px;padding:14px;text-align:left;background:#fff}.codbox{padding:15px;border-radius:14px;background:#f8f8f8;margin-top:10px}.orderok{color:#167a38;font-weight:bold;text-align:center;padding:14px}

footer button{border:0;background:none;display:grid;text-align:center;font-size:19px;color:#333;min-width:58px}footer button small{font-size:10px;margin-top:3px}.logout{color:#d71920!important;font-weight:700}.pageSheet{min-height:55%;border-radius:26px 26px 0 0}.pageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pageGrid button{min-height:110px;border:1px solid #ead5a7;background:#fffaf0;border-radius:18px;font-size:30px;display:grid;place-items:center}.pageGrid b{font-size:15px}.empty{text-align:center;padding:50px 15px;color:#777;font-size:34px}.empty b{font-size:18px;color:#222}.empty p{font-size:14px}.orderCard{padding:16px;border:1px solid #eadfc9;border-radius:16px;margin:10px 0;background:#fffaf0}.orderCard span{float:right;color:#167a38;font-weight:bold}.accountCard{text-align:center;padding:24px;background:#fff8e8;border-radius:20px}.avatar{font-size:48px}.accountLinks{display:grid;margin:15px 0}.accountLinks a{padding:15px;border-bottom:1px solid #eee;color:#222;text-decoration:none}.logoutBtn{width:100%;padding:15px;border:0;border-radius:15px;background:#d71920;color:white;font-weight:700}.cardActions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cardActions button{padding:9px;border:1px solid #c78617;border-radius:11px;background:#fff7e5;color:#815000;font-weight:bold}