:root{--blue:#0758dc;--dark:#10213c;--bg:#f3f6fb;--line:#dce4f0;--green:#14a36f;--red:#c43b4d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark);font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}#boot{position:fixed;inset:0;background:white;display:grid;place-content:center;justify-items:center;gap:18px;z-index:20}#boot img,.login-card>img{width:150px;max-height:115px;object-fit:contain}#toast{position:fixed;left:50%;bottom:24px;translate:-50%;padding:12px 18px;border-radius:12px;background:#13233e;color:#fff;z-index:60;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1}.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:32px;box-shadow:0 15px 50px #142d5520;text-align:center}.login-card h1{margin:12px 0 4px}.login-card p{color:#6d798d;margin-top:0}label{display:grid;gap:7px;text-align:left;font-weight:650}input,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;color:var(--dark);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0758dc18}form label{margin-bottom:15px}.check{display:flex;align-items:center;font-weight:500}.check input,.choice input{width:auto}.primary,.success{border:0;border-radius:13px;padding:14px 18px;color:#fff;background:var(--blue);font-weight:750;text-align:center;text-decoration:none}.success{background:var(--green)}.wide{width:100%;display:block}.link{border:0;background:transparent;padding:13px;color:var(--blue);font-weight:700}header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px max(16px,calc((100vw - 780px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;object-fit:contain}.brand div{display:grid}.brand small{color:#718097}.icon{border:0;background:#edf3fd;color:var(--blue);border-radius:50%;width:42px;height:42px;font-size:25px}.progress{height:4px;background:#dfe7f3;position:sticky;top:70px;z-index:10}.progress i{display:block;height:100%;background:var(--blue);width:20%;transition:.25s}.container{width:min(780px,100%);margin:auto;padding:26px 16px 60px}.title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.title>span{display:grid;place-items:center;background:var(--blue);color:#fff;width:42px;height:42px;border-radius:13px;font-weight:800}.title h1{font-size:23px;margin:0}.title p{margin:3px 0 0;color:#718097}.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px;box-shadow:0 5px 20px #2038580a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.full{grid-column:1/-1}label small{font-weight:400;color:#718097}.cart{display:grid;gap:10px}.empty{text-align:center;padding:36px 15px;color:#718097;background:#fff;border:1px dashed #bac7db;border-radius:18px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:14px;border-radius:15px}.cart-item h3{font-size:15px;margin:0}.cart-item small{color:#718097}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:#edf3fd;color:var(--blue);width:32px;height:32px;border-radius:9px;font-weight:bold}.remove{color:var(--red)!important;background:#fff0f2!important}.add{display:flex;width:100%;align-items:center;gap:13px;border:2px dashed #a9bfdf;background:#f8fbff;color:var(--blue);padding:18px;border-radius:17px;margin:12px 0 16px;text-align:left}.add b{font-size:28px}.add span{display:grid}.add small{color:#718097}.totals-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.totals-form label{margin:0}.totals-form dl{grid-column:1/-1;border-top:1px solid var(--line);margin:6px 0 0;padding-top:10px}.totals-form dl div{display:flex;justify-content:space-between;padding:5px}.totals-form dt{color:#718097}.totals-form dd{margin:0;font-weight:750}.totals-form dl div:last-child{font-size:20px;color:var(--blue)}#review{margin-top:14px}.review h3{margin-top:0}.review-list{padding:0;list-style:none}.review-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.review-total{display:flex;justify-content:space-between;font-size:21px;font-weight:bold;color:var(--blue);margin-top:16px}.payment-total{text-align:center;background:#eef4ff;padding:16px;border-radius:14px;margin-bottom:16px}.payment-total strong{display:block;font-size:26px;color:var(--blue)}.choice{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px}.choice span{display:grid}.choice small{font-weight:400;color:#718097}.success-card{text-align:center;background:#fff;border-radius:24px;padding:35px 22px}.success-card>div{margin:auto;display:grid;place-items:center;width:68px;height:68px;background:#e3f8f0;color:var(--green);font-size:35px;border-radius:50%}.success-card h1{margin-bottom:4px}.overlay{position:fixed;inset:0;background:#08172bb8;z-index:50;display:grid;place-items:center;padding:18px}.modal{position:relative;background:#fff;border-radius:22px;width:min(620px,100%);max-height:90vh;padding:22px;overflow:auto}.close{position:absolute;right:13px;top:13px;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.products h2{margin-top:3px}.search{margin-bottom:12px}.product{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px 5px;display:flex;justify-content:space-between;text-align:left}.product span{display:grid}.product small{color:#718097}.product b:last-child{color:var(--blue)}.install{text-align:center;max-width:390px}.install img{width:110px;max-height:90px;object-fit:contain}@media(max-width:560px){.grid,.totals-form{grid-template-columns:1fr}.full,.totals-form dl{grid-column:1}.container{padding-top:20px}.login-card{padding:25px 19px}}
