:root{--o:#ff5a00;--d:#171717;--g:#f6f6f6;--l:#e6e6e6}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#171717}a{text-decoration:none;color:inherit}.wrap{max-width:1380px;margin:auto;padding:0 22px}.top{background:#ff5a00;color:white;padding:9px 0;font-size:13px}.head{display:grid;grid-template-columns:220px 1fr 320px;gap:25px;align-items:center;padding:18px 22px}.logo{height:70px;max-width:190px;object-fit:contain;background:#ff5a00;padding:6px;border-radius:12px}.search{display:flex;border:1px solid #ddd;border-radius:9px;overflow:hidden}.search input{flex:1;border:0;padding:14px}.search button,.btn{border:0;background:var(--o);color:#fff;padding:13px 18px;font-weight:bold;border-radius:6px}.nav{border-top:1px solid #eee;border-bottom:1px solid #eee}.nav .wrap{display:flex;gap:32px;padding-top:13px;padding-bottom:13px;font-weight:bold;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:330px;background:linear-gradient(110deg,#ff4a00,#ff7c22);color:white}.hero>div{padding:55px 8vw}.hero h1{font-size:52px;line-height:1;margin:0}.hero .art{display:grid;place-items:center;font-size:100px;background:#ef8a52}.section{padding:28px 0}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card{border:1px solid var(--l);border-radius:12px;overflow:hidden;background:#fff}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f4f4f4}.p{padding:12px}.price{font-size:18px;font-weight:800}.muted{font-size:12px;color:#6b7280}.sizes{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.size{font-size:11px;border:1px solid #ddd;border-radius:5px;padding:4px 6px}.out{text-decoration:line-through;color:#aaa}.layout2{display:grid;grid-template-columns:1fr 360px;gap:22px}.panel{border:1px solid var(--l);border-radius:12px;padding:18px;background:#fff}.item{display:grid;grid-template-columns:95px 1fr 140px 120px;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.item img{width:88px;height:110px;object-fit:cover;background:#f4f4f4;border-radius:8px}.form{display:grid;gap:12px}.form input,.form select{padding:12px;border:1px solid #ddd;border-radius:7px}.footer{background:#111;color:#ddd;padding:30px 0;margin-top:35px}@media(max-width:900px){.head{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero .art{display:none}.layout2{grid-template-columns:1fr}.nav .wrap{overflow:auto}.item{grid-template-columns:75px 1fr}}