:root{--ink:#0b0820;--panel:#160f33;--mag:#ff2d95;--cy:#2de2e6;--pur:#7b3fe4;--sun:#ff8a3d;--txt:#f4f1ff;--mut:#c9c2e8}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--txt);font-family:"DejaVu Sans",Arial,sans-serif}
a{color:inherit}
.ph{background:#9a9a9a;color:#222;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:4px;border:2px dashed #555}
.btn{display:inline-block;background:var(--mag);color:#fff;font-weight:700;padding:18px 34px;font-size:22px;border-radius:6px;text-decoration:none}
.btn:hover{filter:brightness(1.1)}
.top{display:flex;align-items:center;gap:24px;padding:14px 40px;background:#000;border-bottom:3px solid var(--mag)}
.top .brand img{height:60px;display:block}.top nav{margin-left:auto;display:flex;gap:28px;font-size:17px}.top nav a{text-decoration:none}.top nav a:hover{color:var(--cy)}
.burger{display:none;font-size:28px;cursor:pointer;margin-left:auto}
.hero{display:flex;align-items:center;gap:50px;padding:50px 60px;background:linear-gradient(180deg,#0b0820,#2a0f50)}
.hero img{width:300px;height:300px;border-radius:12px;object-fit:contain}.hero h1{font-size:56px;color:var(--cy)}.hero p{font-size:26px;color:var(--mut);margin-top:14px}
.srch{max-width:900px;margin:24px auto 0;display:flex;box-shadow:0 0 0 3px var(--cy)}
.srch input{flex:1;font-size:22px;padding:20px;border:0;background:#fff;color:#111;min-width:0}.srch b{background:var(--mag);padding:20px 34px;font-size:20px}
#res{margin-top:24px}#res:empty{display:none}.none{color:var(--mut);padding:10px 0}
h2{font-size:32px;margin:60px 40px 22px;color:var(--cy)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0 40px}
.tile{background:var(--panel);border:2px solid var(--pur);border-radius:10px;overflow:hidden;text-decoration:none}.tile:hover{border-color:var(--cy)}
.tile img,.tile .ph{height:230px;width:100%;object-fit:cover;display:flex;background:#fff}.tile .n{padding:18px;font-size:26px;font-weight:700}.tile span{display:block;font-size:16px;color:var(--mut);font-weight:400;margin-top:6px}
.parts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0 40px 60px}
.p{background:var(--panel);border-radius:8px;overflow:hidden;text-decoration:none;display:block}.p:hover{outline:2px solid var(--cy)}
.p img,.p .ph{height:180px;width:100%;object-fit:contain;background:#fff;display:flex}.p div{padding:14px;font-size:16px;line-height:1.4}.p small{color:var(--cy)}.p b{display:block;margin-top:6px;color:var(--mag)}
.crumb{color:var(--mut);font-size:15px;margin-bottom:10px}.crumb a{color:var(--cy)}
.cat{padding:40px 0}.cat .crumb,.cat h1,.cat .lead{padding:0 40px}.cat h1{font-size:40px;color:var(--cy)}.cat .lead{color:var(--mut);margin:8px 0 28px}
.item{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:40px;max-width:1440px;margin:0 auto}
.item .crumb,.item h1{grid-column:1/3}.item h1{font-size:40px}
.item .main{width:100%;height:520px;object-fit:contain;background:#fff;border-radius:8px}
.info{background:var(--panel);padding:24px;border-radius:10px;border:2px solid var(--pur);align-self:start}
.price{font-size:44px;font-weight:700;margin-bottom:16px}.note{color:var(--mut);font-size:14px;margin:14px 0 22px;line-height:1.5}
.meta{font-size:18px;line-height:1.7}.meta b{color:var(--cy)}.meta a{color:var(--cy)}
h3{color:var(--cy);margin:28px 0 10px;font-size:22px}.lt{color:var(--mut);font-size:17px;line-height:1.6}
footer{background:#000;padding:30px 40px;color:var(--mut);font-size:15px;margin-top:30px}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}.parts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
.top{padding:10px 16px;flex-wrap:wrap}.top .brand img{height:44px}.burger{display:block}.top nav{display:none;width:100%;flex-direction:column;gap:12px;padding:10px 0}#mn:checked~nav{display:flex}
.hero{flex-direction:column;gap:20px;padding:30px 18px;text-align:center}.hero img{width:180px;height:180px}.hero h1{font-size:32px}.hero p{font-size:18px}
.srch{margin:18px}.srch input{font-size:17px;padding:14px}.srch b{padding:14px 16px;font-size:16px}
h2{margin:40px 18px 16px;font-size:26px}.tiles{grid-template-columns:1fr;padding:0 18px;gap:18px}.parts{grid-template-columns:repeat(2,1fr);padding:0 18px 40px;gap:12px}
.p img,.p .ph{height:130px}.p div{font-size:14px;padding:10px}
.cat{padding:24px 0}.cat .crumb,.cat h1,.cat .lead{padding:0 18px}.cat h1{font-size:28px}
.item{display:flex;flex-direction:column;padding:18px;gap:16px}.item h1{font-size:26px}.item .main{height:300px}
.info{order:-1;padding:18px}.item .g{order:1}.item .crumb{order:-3}.item h1{order:-2}.price{font-size:38px;margin-bottom:12px}.btn{display:block;text-align:center}
footer{padding:24px 18px}}
.ph,.tile .ph,.p .ph,.item .ph.main{background:#9a9a9a}
.g .thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.g .thumbs img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #ccc;cursor:pointer}