*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#13223a;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
header{border-bottom:1px solid #e8edf4;background:#fff}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:13px}.bag{width:48px;height:48px;border:3px solid #17263e;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:900}.logo b{display:block;font-size:26px;letter-spacing:-1px}.logo i{font-style:normal;color:#1677ff}.logo small{display:block;color:#748096;margin-top:4px}nav{display:flex;gap:34px;font-weight:700;font-size:14px}nav a{padding:35px 3px 28px;border-bottom:3px solid transparent}.on{color:#1677ff;border-color:#1677ff!important}
.finder{padding:24px 0 12px}.search{height:62px;border:1px solid #dce3ed;border-radius:15px;box-shadow:0 6px 22px #dbe4f080;display:grid;grid-template-columns:55px 1fr 145px;overflow:hidden}.search span{display:grid;place-items:center;font-size:28px}.search input{border:0;outline:0;font-size:16px}.search button{border:0;background:#1677ff;color:white;font-weight:800;font-size:15px}.filters{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.filter{border:1px solid #d9e0e9;background:white;padding:10px 18px;border-radius:22px;font-weight:700;color:#27354b;cursor:pointer}.filter.active{background:#1677ff;color:white;border-color:#1677ff}
.products{padding:18px 0 36px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.heading h1{font-size:30px;margin:0;letter-spacing:-1px}.heading p{margin:6px 0 0;color:#7a8597}.heading button{border:0;background:none;color:#1677ff;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{border:1px solid #e2e7ee;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px #dce5f050}.pic{height:190px;background:#f5f7fa;display:grid;place-items:center;position:relative;font-size:76px}.badge{position:absolute;left:11px;top:11px;background:#ff316f;color:#fff;font-size:10px;font-weight:900;padding:6px 9px;border-radius:20px}.body{padding:13px}.cat{color:#8993a4;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.name{font-weight:800;margin:6px 0 12px;min-height:35px}.buy{display:block;background:#1677ff;color:#fff;text-align:center;padding:11px;border-radius:7px;font-size:12px;font-weight:900}.disclosure{text-align:center;color:#8a94a4;background:#f7f9fc;border-radius:8px;padding:10px;font-size:10px}.about{padding:30px 0 50px;border-top:1px solid #edf0f4}.about h2{margin-bottom:7px}.about p{color:#758095}footer{border-top:1px solid #e8edf4;padding:24px 0;color:#7e899a;font-size:11px}.foot{display:flex;justify-content:space-between}.empty{text-align:center;padding:50px;color:#8a94a4}
@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 20px)}.nav{height:68px}.bag{width:39px;height:39px}.logo b{font-size:20px}.logo small{font-size:10px}nav{display:none}.finder{padding-top:12px}.search{height:50px;grid-template-columns:40px 1fr 82px}.search input{font-size:13px}.search button{font-size:12px}.filters{flex-wrap:nowrap;overflow:auto;margin-top:10px}.filter{white-space:nowrap;padding:8px 12px;font-size:11px}.products{padding-top:10px}.heading h1{font-size:23px}.heading p{font-size:11px}.heading button{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.pic{height:135px;font-size:52px}.body{padding:9px}.name{font-size:12px;min-height:29px}.buy{font-size:10px;padding:9px}.foot{display:block}.foot span:last-child{float:right}}