:root{--bg:#080808;--panel:#111;--panel2:#171717;--gold:#d6ad55;--text:#f7f4ed;--muted:#9d9a92;--line:#2b2925}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:15px max(18px,5vw);background:#080808eF;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:2px;font-size:22px}.brand span{color:var(--gold)}.actions{display:flex;gap:10px;align-items:center}.bot,.cart,.primary,.checkout{border:1px solid var(--gold);background:transparent;color:var(--text);border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.primary,.checkout{background:var(--gold);color:#0a0a0a}
.hero{min-height:54vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 20px;background:radial-gradient(circle at 50% 30%,#2c2415 0,#0c0b09 34%,#080808 68%)}
.hero h1{font-size:clamp(58px,12vw,130px);line-height:.9;margin:10px 0;letter-spacing:-5px}.hero p{color:var(--muted);font-size:18px}.eyebrow{color:var(--gold)!important;font-size:12px!important;letter-spacing:3px;font-weight:900}
.shop{padding:65px max(18px,5vw)}.sectionhead{display:flex;gap:20px;align-items:end;justify-content:space-between}.sectionhead h2,.qrbox h2{font-size:38px;margin:4px 0 20px}
#search{width:min(360px,100%);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:14px 18px;color:#fff;font-size:16px;margin-bottom:20px}
.categories{display:flex;gap:10px;overflow:auto;padding:3px 0 26px;scrollbar-width:none}.cat{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:999px;padding:12px 17px;font-weight:800;cursor:pointer}.cat.active{background:var(--gold);color:#080808;border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.pic{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;overflow:hidden}.pic img{width:100%;height:100%;object-fit:contain}.info{padding:17px;display:flex;flex-direction:column;gap:9px;flex:1}.tag{color:var(--gold);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:1.4px}.info h3{margin:0;font-size:19px}.desc{color:var(--muted);font-size:14px;min-height:34px}.bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.price{font-size:20px;font-weight:900}.add{border:0;background:var(--gold);border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer}.add:disabled{opacity:.45;cursor:not-allowed}
.empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:20px}.qrbox{margin:0 max(18px,5vw) 70px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--panel);border:1px solid var(--line);border-radius:24px}.qrbox img{width:190px;height:190px;background:white;padding:10px;border-radius:18px}.qrbox p{color:var(--muted)}
.drawer{position:fixed;right:-430px;top:0;width:min(430px,92vw);height:100%;background:#101010;z-index:50;padding:20px;transition:.25s;border-left:1px solid var(--line);display:flex;flex-direction:column}.drawer.open{right:0}.backdrop{position:fixed;inset:0;background:#0009;z-index:40;display:none}.backdrop.open{display:block}.drawerhead{display:flex;justify-content:space-between;align-items:center}.drawerhead button{background:none;border:0;color:#fff;font-size:25px;cursor:pointer}.cartline{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.cartfooter{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.total{display:flex;justify-content:space-between;font-size:20px;margin-bottom:15px}.checkout{width:100%}.cartfooter small{display:block;color:var(--muted);margin-top:12px;line-height:1.4}footer{text-align:center;padding:30px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bot{display:none}.hero{min-height:45vh}.hero h1{font-size:62px;letter-spacing:-3px}.sectionhead{display:block}.grid{grid-template-columns:1fr 1fr;gap:10px}.info{padding:12px}.info h3{font-size:15px}.desc{display:none}.price{font-size:16px}.add{padding:9px}.qrbox{flex-direction:column;text-align:center}.qrbox img{width:170px;height:170px}.shop{padding-top:45px}.sectionhead h2{font-size:30px}}