
:root{--bg:#090b0c;--panel:#131719;--gold:#e3b354;--text:#f4f4f2;--muted:#a8afb4;--line:#30383c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{position:sticky;top:0;z-index:10;background:#090b0cf5;border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:2px}.brand span,.tag,.price{color:var(--gold)}.navlinks{display:flex;gap:7px;flex-wrap:wrap}.navlinks a,.btn{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 14px;border-radius:10px;font-weight:750}.navlinks a:hover,.btn:hover,.navlinks a.active{border-color:var(--gold);color:var(--gold)}.navlinks a.active,.btn.primary{background:var(--gold);color:#17130b;border-color:var(--gold)}.radio{border-top:1px solid var(--line);background:#14191b;text-align:center;color:var(--muted);font-size:13px;padding:8px}.radio b{color:var(--gold)}main{padding:24px 0 65px}.hero{border:1px solid var(--line);border-radius:22px;padding:clamp(34px,7vw,75px) 24px;text-align:center;background:radial-gradient(ellipse at top,#282217,#090b0c 65%)}.eyebrow,.tag{font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(42px,8vw,76px);line-height:1.05;margin:18px auto}.hero p{max-width:750px;margin:0 auto 22px;color:#c4c9cc}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.stats,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat,.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.stat{padding:17px}.stat strong{display:block;color:var(--gold);font-size:23px}.muted,.stat span{color:var(--muted);font-size:14px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 14px}.sectionhead h2{margin:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card img{display:block;width:100%;height:190px;object-fit:cover;background:#222}.cardbody{padding:16px}.card h3{margin:8px 0}.card p{color:#bbc1c5}.cardfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel{padding:20px;margin:16px 0}.field{display:block;width:100%;background:#0d1112;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;margin:7px 0 13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.filters a{border:1px solid var(--line);border-radius:30px;padding:8px 12px}.filters a.active{background:var(--gold);color:#17130b}.journalimg{height:170px;display:grid;place-items:center;font-size:62px;background:linear-gradient(135deg,#27352b,#5b4932)}.cartline{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--line);padding:10px 0}.foot{border-top:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:13px}.notice{padding:12px;border:1px solid #65502b;background:#211b10;border-radius:10px;color:#e9d4a6}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:none;background:#f3cb78;color:#17130b;border-radius:10px;padding:12px 16px;font-weight:800;z-index:30}
@media(max-width:760px){.nav{padding:14px 0}.navlinks{width:100%;justify-content:flex-start}.navlinks a{font-size:12px;padding:8px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionhead{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:520px){.wrap{padding:0 13px}.grid{grid-template-columns:1fr}.hero h1{font-size:43px}.card img{height:210px}}
