/* ==========================================================================
   css/apps/app-store.css
   Split from app.html (build 2026.10.08.9-beta), original lines 7960-7970.
   Rules are in their ORIGINAL order; load order is defined in index.html.
   ========================================================================== */
.app-store-hero { margin-bottom:14px; }
.app-store-hero-inner { display:flex; align-items:center; gap:16px; padding:18px 18px; border-radius:16px; position:relative; overflow:hidden; background:linear-gradient(120deg, color-mix(in srgb,var(--accent) 30%, #11121a), color-mix(in srgb,#a855f7 22%, #11121a)); border:1px solid var(--border-strong); }
.app-store-hero-badge { position:absolute; top:12px; left:14px; font-size:9px; font-weight:800; letter-spacing:1px; color:#fff; background:rgba(255,255,255,.18); padding:2px 8px; border-radius:999px; }
.app-store-hero-icon { width:54px; height:54px; border-radius:14px; background:rgba(255,255,255,.15); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.app-store-hero-icon svg { width:28px; height:28px; }
.app-store-hero-title { font-family:var(--font-display,'Space Grotesk',sans-serif); font-size:18px; font-weight:800; color:#fff; }
.app-store-hero-sub { font-size:12.5px; color:rgba(255,255,255,.85); line-height:1.45; margin-top:2px; }
.app-store-cats { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.app-store-cat-chip { background:var(--bg-elevated); border:1px solid var(--border-strong); color:var(--text-secondary); font-size:12px; font-weight:600; padding:5px 13px; border-radius:999px; cursor:pointer; transition:all .15s; }
.app-store-cat-chip.active { background:var(--accent); border-color:var(--accent); color:#fff; }
.app-store-meta { font-size:11px; color:var(--text-muted); margin-top:1px; }