*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172233;font:14px Arial,sans-serif}header{height:72px;background:#1d2838;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 calc((100% - 1120px)/2)}header b{font-size:22px}i,header b i{color:#ff6500;font-style:normal}nav{display:flex;gap:24px}a{color:inherit;text-decoration:none}main{max-width:1120px;margin:30px auto;min-height:calc(100vh - 165px)}footer{text-align:center;background:#1d2838;color:#cfd5dc;padding:20px}.hero,.card,.stats>div,.filters,article{background:#fff;border-radius:16px;box-shadow:0 4px 18px #1420330b}.hero{border-left:5px solid #ff6500;padding:34px 40px;display:flex;justify-content:space-between;align-items:center}.hero small{color:#ff6500;font-weight:bold}.hero h1{font-size:30px;margin:10px 0}.discount{background:#fff1e8;padding:18px 25px;border-radius:14px}.discount b{font-size:24px;color:#ff6500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stats>div{padding:24px}.stats b{display:block;font-size:28px}.stats span,.pinfo span,.price span{display:block;color:#667085}.card{padding:24px;margin-top:18px}.card form,.filters{display:flex;gap:10px}.filters{padding:14px;margin:18px 0}input,select,button{padding:13px;border:1px solid #d6dce3;border-radius:9px}input,select{flex:1}button{background:#ff6500;color:#fff;border:0;font-weight:bold;cursor:pointer}.products{display:grid;gap:12px}article{padding:16px;display:grid;grid-template-columns:90px 1fr 260px;gap:18px;align-items:center}.thumb{width:86px;height:76px;background:#f2f3f5;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{max-width:100%;max-height:100%}.pinfo h3{margin:4px 0;font-size:17px}.pinfo code{display:block;margin:7px 0}.price b{font-size:22px;display:block}.price form{display:flex;margin-top:8px}.price input{width:70px;flex:none}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e7eaee}.alert{padding:12px;background:#fff0f0;color:#a22;border-radius:8px;margin:10px 0}.login{min-height:100vh;display:grid;place-items:center;background:#1d2838}.loginbox{width:380px;background:#fff;padding:36px;border-radius:18px}.loginbox input,.loginbox button{display:block;width:100%;margin:10px 0}.loginbox h1{margin:0;font-size:28px}@media(max-width:800px){header{padding:0 16px}nav{gap:10px;font-size:12px}main{margin:18px 12px}.stats{grid-template-columns:1fr 1fr}.hero{padding:24px}.discount{display:none}article{grid-template-columns:70px 1fr}.price{grid-column:1/-1}}