:root{--ink:#18233d;--muted:#69758b;--blue:#1769d2;--gold:#ffb347;--bg:#f5f7fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 20px #14254c12}.nav{max-width:1320px;margin:auto;padding:15px 24px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{font-size:21px;font-weight:900;letter-spacing:-.8px}.brand b{color:#e93f65}.brand span{color:#168bd5}.cartbtn,.primary{border:0;background:#1769d2;color:white;border-radius:14px;padding:13px 19px;font-weight:800}.cartbtn{white-space:nowrap}.hero{background:radial-gradient(circle at 80% 10%,#4b8fd9 0,transparent 35%),linear-gradient(120deg,#102c5d,#1c4f98 65%,#276eb3);color:white;padding:55px 24px 45px}.wrap{max-width:1320px;margin:auto}.hero h1{font-size:clamp(34px,5vw,66px);line-height:1.03;max-width:760px;margin:12px 0}.hero p{color:#dceaff;max-width:720px;line-height:1.65}.eyebrow{color:#ffca72;font-weight:800;letter-spacing:2px;font-size:12px}.stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.stat{background:#ffffff20;border:1px solid #ffffff30;border-radius:15px;padding:12px 18px}.stat strong{font-size:22px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 10px}.search{flex:2;min-width:240px}.toolbar input,.toolbar select{background:white;border:1px solid #dfe5f0;border-radius:12px;padding:14px 15px;min-width:160px;outline:none}.toolbar input:focus{border-color:#1769d2}.search input{width:100%}.sub{color:var(--muted);font-size:14px;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 6px 22px #26395b0c;display:flex;flex-direction:column;border:1px solid #e9edf5}.thumb{height:240px;background:#f1f3fa;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.thumb img{height:100%;width:100%;object-fit:contain}.pagebadge{position:absolute;bottom:10px;left:10px;background:#fff;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 10px #0002}.cardbody{padding:18px;display:flex;flex-direction:column;flex:1}.category{font-size:11px;letter-spacing:1.2px;color:#1769d2;text-transform:uppercase;font-weight:800}.name{font-size:16px;font-weight:800;margin:9px 0;line-height:1.35;min-height:44px}.details{font-size:12px;color:var(--muted);line-height:1.55;min-height:35px}.price{font-size:25px;font-weight:900;margin:14px 0}.bonus{font-size:12px;color:#078466;font-weight:700}.actions{display:flex;gap:8px;margin-top:auto}.actions button{padding:11px 10px;border-radius:11px;font-size:13px;font-weight:800}.add{background:#1769d2;border:1px solid #1769d2;color:white;flex:1}.add.active{background:#e8f4ef;border-color:#b8dfcc;color:#087450}.view{background:#f0f3fa;border:0;color:#2d436b}.notice{background:#fff9e8;color:#75551a;padding:13px 17px;border:1px solid #f4e5b5;border-radius:12px;font-size:13px;margin:0 0 22px}.overlay{position:fixed;inset:0;background:#0a193e8a;z-index:30;display:none;align-items:center;justify-content:center;padding:18px}.overlay.open{display:flex}.drawer{margin-left:auto;background:#fff;height:100%;width:min(480px,100%);border-radius:18px 0 0 18px;display:flex;flex-direction:column;overflow:hidden}.drawerhead{padding:23px;border-bottom:1px solid #e7eaf0;display:flex;justify-content:space-between;align-items:center}.drawerbody{padding:20px;overflow:auto;flex:1}.cartitem{display:flex;gap:12px;border-bottom:1px solid #edf0f5;padding:15px 0}.cartitem img{width:70px;height:85px;object-fit:contain;background:#f3f5fa;border-radius:9px}.cartitem strong{font-size:13px}.qty{display:flex;align-items:center;gap:10px;margin-top:9px}.qty button,.close{border:0;background:#edf2f9;border-radius:8px;padding:6px 10px}.drawerfoot{padding:20px;border-top:1px solid #e7eaf0}.total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;margin-bottom:15px}.modal{background:white;border-radius:20px;max-width:820px;width:100%;max-height:90vh;overflow:auto;padding:20px}.modalgrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.modal img{width:100%;max-height:70vh;object-fit:contain;background:#f4f6fb}.empty{text-align:center;padding:60px 20px;color:#72809a}.footnote{text-align:center;padding:45px 20px;color:#74829b;font-size:12px}.hide{display:none!important}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.cards{grid-template-columns:repeat(2,1fr)}.thumb{height:205px}.hero{padding:37px 20px}.nav{padding:12px 15px}.modalgrid{grid-template-columns:1fr}}@media(max-width:480px){.cards{grid-template-columns:1fr 1fr;gap:10px}.cardbody{padding:12px}.thumb{height:175px}.name{font-size:13px}.details{font-size:11px}.price{font-size:21px}.actions{flex-direction:column}.actions button{width:100%}.toolbar input,.toolbar select{width:100%}.toolbar select{flex:1}.brand{font-size:17px}}
.delivery{display:flex;flex-direction:column;gap:10px;margin:0 0 16px;padding:15px;background:#f5f8ff;border-radius:13px}.delivery label{display:flex;gap:9px;align-items:center;font-size:14px}.delivery input[type=text],.delivery textarea{width:100%;padding:12px;border:1px solid #d9e2f0;border-radius:9px;font:inherit}.delivery textarea{min-height:60px;resize:vertical}.thumb img{padding:14px;object-fit:contain}.thumb{background:#fff} .thumb img{padding:20px;object-fit:contain;background:radial-gradient(circle,#fff 45%,#f3f6fb 100%)}