:root{--navy:#10213c;--navy2:#1d3555;--gold:#f7b82e;--bg:#f7f8fb;--ink:#18263c;--muted:#68758a;--line:#dfe4ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}header{background:var(--navy);color:white}.wrap{max-width:1160px;margin:auto;padding:0 20px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.logo{font-size:26px;font-weight:850;letter-spacing:-1px}.logo span{color:var(--gold)}.logo small{display:block;font-size:11px;letter-spacing:2px;font-weight:700;color:#e6ebf2}.top a{font-size:14px}.hero{background:linear-gradient(120deg,#10213c,#254567);color:white}.hero .wrap{padding-top:48px;padding-bottom:48px}.hero h1{font-size:clamp(30px,5vw,54px);line-height:1.1;margin:0 0 12px}.hero p{color:#e2e8f1;max-width:680px}.tag{color:var(--gold);font-size:12px;font-weight:850;letter-spacing:2px}.section{padding:32px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters button,.btn{border:1px solid var(--line);background:white;border-radius:12px;padding:10px 15px;font-weight:700}.filters button.active,.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.search{width:100%;max-width:420px;padding:12px;border:1px solid var(--line);border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.product{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #10213c08}.product img{width:100%;height:220px;object-fit:cover;background:#f0f1f3}.placeholder{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#e5e9f1,#fff4d5);font-size:64px}.product .info{padding:16px}.product h3{margin:0 0 4px}.muted{color:var(--muted)}.price{font-size:22px;font-weight:850;margin:8px 0}.product .btn{display:inline-block;text-decoration:none;font-size:14px}.locations{background:#fff;border-top:1px solid var(--line);padding:26px 0}footer{padding:24px;text-align:center;color:#68758a;font-size:13px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin:22px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field input,.field select,.field textarea{border:1px solid #cdd5e1;border-radius:10px;padding:11px;background:white;width:100%}.field.wide{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.notice{background:#fff7dc;border:1px solid #f2d991;padding:12px 14px;border-radius:10px;margin:12px 0}.error{color:#a21e28}.success{color:#16724d}.hidden{display:none!important}.items{display:grid;gap:10px}.item{display:flex;gap:12px;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);padding:12px;border-radius:12px}.item img{width:66px;height:66px;object-fit:cover;border-radius:9px}.item .details{flex:1;min-width:0}.item .details strong{display:block}.item .actions{margin:0}.btn.danger{color:#a21e28;border-color:#e9b8bd}.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumbs img{width:90px;height:90px;object-fit:cover;border-radius:10px}.tiny{font-size:12px}.loader{padding:24px 0}@media(max-width:640px){.formgrid{grid-template-columns:1fr}.top{align-items:flex-start}.item{flex-wrap:wrap}.item .actions{width:100%}.hero .wrap{padding-top:35px;padding-bottom:35px}}
