*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:18px/1.6 Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.btn-gold,.btn-add,.btn-line{font:600 16px Inter,sans-serif;border:0;border-radius:10px;padding:15px 24px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none;display:inline-block}
.btn-gold{background:linear-gradient(135deg,#e9cf8c,#c9a33c 55%,#a77c1c);color:#120d03;box-shadow:0 10px 30px rgba(201,163,60,.35);animation:pulse 2.8s infinite}
.btn-gold:hover,.btn-add:hover{transform:translateY(-2px)}.btn-gold:disabled{opacity:.4;animation:none}
.btn-line{background:transparent;border:1.5px solid var(--gold);color:var(--ink)}
.btn-add{background:var(--ink);color:var(--bg);padding:12px 18px}.btn-add.added{background:#3d9a63;color:#fff}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px rgba(201,163,60,.3)}50%{box-shadow:0 10px 44px rgba(201,163,60,.6)}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
.pc{display:flex;flex-direction:column;background:var(--card);border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.pc:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.25)}
.pc-img{aspect-ratio:4/3;background:#0b0907 center/cover;-webkit-mask:linear-gradient(#000 75%,transparent);mask:linear-gradient(#000 75%,transparent)}
.pc-body{padding:4px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.pc-tag{font-size:15px;color:var(--gold);font-weight:600}
.pc h3{font-size:22px}.pc p{font-size:17px;color:var(--muted);flex:1}.pc-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.pc-price{font-size:15px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid{grid-template-columns:1fr}}
.f-btn{font:600 16px Inter;padding:11px 18px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.f-btn.on{background:var(--gold);color:#120d03;border-color:var(--gold)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}
.bagbtn{position:relative;background:transparent;border:1.5px solid var(--gold);color:var(--ink);border-radius:10px;padding:10px 16px;font:600 16px Inter;cursor:pointer}
[data-cart-count]{display:inline-block;min-width:24px;padding:0 6px;margin-left:6px;border-radius:8px;background:var(--gold);color:#120d03;text-align:center}.bump{animation:bump .45s}@keyframes bump{50%{transform:scale(1.4)}}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.3s;z-index:40}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,100%);background:#141110;color:#f4ecd8;z-index:41;transform:translateX(100%);transition:transform .35s;display:flex;flex-direction:column}
.cart-open .scrim{opacity:1;pointer-events:auto}.cart-open .drawer{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:24px}.dh h2{font-size:26px}.dh button{background:none;border:0;color:inherit;font-size:22px;cursor:pointer}
#cart-list{flex:1;overflow:auto;padding:0 24px}.ci{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #2a2520}.ci img{width:84px;height:84px;object-fit:cover;border-radius:10px}.ci small{display:block;color:#b9ad92;font-size:15px}
.qty{display:flex;align-items:center;gap:12px;margin-top:8px}.qty button{width:36px;height:36px;border-radius:8px;border:1px solid #4a4030;background:none;color:inherit;font-size:20px;cursor:pointer}
.df{padding:24px;border-top:1px solid #2a2520;display:grid;gap:14px}.df p{font-size:16px;color:#b9ad92}.empty,.done p{color:#b9ad92;font-size:17px}.done b{font-size:22px;color:#e9cf8c;display:block;margin:20px 0 8px}
.tabbar{display:none}
@media(max-width:760px){.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(14,12,10,.96);backdrop-filter:blur(10px);border-top:1px solid #2a2520;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
.tabbar a,.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font:600 15px Inter;color:#f4ecd8;text-decoration:none;background:none;border:0}body{padding-bottom:84px}.desk{display:none!important}}
.foot{padding:50px 0 40px;font-size:16px;color:var(--muted)}.foot .sig{display:block;margin-top:14px;font-size:16px;color:var(--gold);text-decoration:none}.foot nav{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0}.foot nav a{text-decoration:none}
.demo-flag{background:#c9a33c;color:#120d03;text-align:center;font:600 15px Inter;padding:8px 12px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}