/* Widget store - inherits :root tokens from styles.css */
#store { border-top:1px solid rgba(0,229,212,.1); }
.store-hero { max-width:1280px; margin:0 auto; padding:8rem 2.5rem 2rem; position:relative; z-index:1; }
.store-meta { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.75rem; }
.meta-pill { font-family:var(--ff-m); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--purple-bright); background:rgba(180,79,255,.07); border:1px solid rgba(180,79,255,.24); padding:.4rem .9rem; }
.meta-pill.live { color:var(--green); background:rgba(0,255,136,.06); border-color:rgba(0,255,136,.26); }
.cat-nav { position:sticky; top:60px; z-index:50; background:rgba(3,5,11,.9); backdrop-filter:blur(18px); border-top:1px solid rgba(0,229,212,.12); border-bottom:1px solid rgba(0,229,212,.12); }
.cat-nav-inner { max-width:1280px; margin:0 auto; padding:.9rem 2.5rem; display:flex; gap:.6rem; overflow-x:auto; }
.cat-btn { font-family:var(--ff-m); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); background:transparent; border:1px solid rgba(0,229,212,.2); padding:.45rem 1rem; cursor:pointer; white-space:nowrap; transition:color .2s, border-color .2s, background .2s; }
.cat-btn:hover { color:var(--cyan); border-color:var(--cyan); }
.cat-btn.active { color:var(--bg); background:var(--cyan); border-color:var(--cyan); font-weight:600; }
.w-grid { max-width:1280px; margin:0 auto; padding:3rem 2.5rem 6rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:1.25rem; position:relative; z-index:1; }
.w-card { background:var(--panel); border:1px solid rgba(0,229,212,.18); display:flex; flex-direction:column; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); transition:border-color .3s, box-shadow .3s, transform .2s; }
.w-card:hover { border-color:var(--cyan); box-shadow:0 0 26px rgba(0,229,212,.13); transform:translateY(-3px); }
.w-top { padding:1.35rem 1.35rem .75rem; }
.w-idrow { display:flex; align-items:center; justify-content:space-between; margin-bottom:.9rem; }
.w-id { font-family:var(--ff-m); font-size:.6rem; color:var(--muted); letter-spacing:.12em; }
.w-status { font-family:var(--ff-m); font-size:.55rem; letter-spacing:.12em; padding:.15rem .5rem; border:1px solid; }
.w-status.live { color:var(--green); border-color:rgba(0,255,136,.4); }
.w-status.pending { color:#ffb347; border-color:rgba(255,179,71,.4); }
.w-icon { font-size:1.6rem; line-height:1; margin-bottom:.6rem; }
.w-name { font-family:var(--ff-d); font-weight:600; font-size:.82rem; color:var(--text-bright); letter-spacing:.05em; }
.w-body { padding:0 1.35rem 1.1rem; flex:1; }
.w-desc { font-size:.83rem; color:var(--muted-2); line-height:1.72; font-weight:300; margin-bottom:1rem; }
.w-lbl { font-family:var(--ff-m); font-size:.55rem; color:var(--cyan); letter-spacing:.16em; text-transform:uppercase; margin:.9rem 0 .4rem; }
.w-tags { display:flex; flex-wrap:wrap; gap:.3rem; }
.w-tag { font-family:var(--ff-m); font-size:.56rem; color:var(--muted-2); background:rgba(0,229,212,.05); border:1px solid rgba(0,229,212,.14); padding:.13rem .45rem; letter-spacing:.05em; }
.w-tag.use { color:var(--purple-bright); background:rgba(180,79,255,.05); border-color:rgba(180,79,255,.16); }
.w-foot { border-top:1px solid rgba(0,229,212,.14); background:rgba(0,229,212,.02); padding:.9rem 1.35rem; display:flex; align-items:center; gap:1rem; }
.p-block { text-align:center; }
.p-use { font-family:var(--ff-d); font-size:.85rem; font-weight:700; color:var(--cyan); text-shadow:0 0 9px rgba(0,229,212,.5); }
.p-lic { font-family:var(--ff-d); font-size:.85rem; font-weight:700; color:var(--purple-bright); text-shadow:0 0 9px rgba(180,79,255,.5); }
.p-sub { font-family:var(--ff-m); font-size:.5rem; color:var(--muted); letter-spacing:.1em; margin-top:.15rem; }
.p-div { width:1px; height:26px; background:rgba(0,229,212,.18); flex-shrink:0; }
.w-scan { margin-left:auto; font-family:var(--ff-m); font-size:.55rem; letter-spacing:.06em; color:var(--muted); text-decoration:none; transition:color .2s; }
.w-scan:hover { color:var(--cyan); text-shadow:0 0 7px var(--cyan); }
.store-note { max-width:1280px; margin:0 auto; padding:0 2.5rem 5rem; font-family:var(--ff-m); font-size:.62rem; color:var(--muted); line-height:1.95; position:relative; z-index:1; }
.store-loading { max-width:1280px; margin:0 auto; padding:4rem 2.5rem; font-family:var(--ff-m); font-size:.7rem; color:var(--muted); letter-spacing:.1em; }
@media (max-width:640px) {
  .store-hero{padding:6.5rem 1.25rem 1.5rem} .cat-nav-inner{padding:.75rem 1.25rem}
  .w-grid{padding:2rem 1.25rem 4rem; grid-template-columns:1fr} .store-note{padding:0 1.25rem 3rem}
}