/* REAL app lists: distributed like a store, styled like REAL. Shared by the home page and /apps.html. */
.store-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:22px 0 10px}
.store-head h2{font-family:"Funnel Display",sans-serif;font-weight:600;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em;line-height:1;margin:0}
.see-all{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font:500 15px "Funnel Sans",sans-serif;padding:6px 0;background:linear-gradient(var(--ink),var(--ink)) 0 100%/0 1px no-repeat;transition:background-size .35s var(--ease)}
.see-all:hover{background-size:100% 1px}
.see-all svg{transition:transform .35s var(--ease)}
.see-all:hover svg{transform:translateX(4px)}

.store{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;border-top:1px solid var(--rule)}
.app{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--rule)}
.app-icon{width:64px;height:64px;border-radius:18px;object-fit:cover;background:var(--surface)}
.app-meta{min-width:0}
.app-meta h3{margin:0;font:600 21px/1.1 "Funnel Display",sans-serif;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-meta h3 a{color:inherit;text-decoration:none}
.app-meta h3 a::before{content:"";position:absolute;inset:0}
.app-meta p{margin:5px 0 0;color:#2D2E33;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.app-meta small{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--grey);font-size:13px}
.app-meta small .rate{color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:3px}
.app-meta small .rate svg{width:12px;height:12px;fill:var(--cobalt)}

/* The REAL button: outlined, fills black on hover, arrow nudges. */
.get{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 16px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:600 14px "Funnel Sans",sans-serif;text-decoration:none;transition:background .25s,color .25s}
.get svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.get:hover{background:var(--ink);color:#fff}
.get:hover svg{transform:translate(2px,-2px)}
.app:hover .app-meta h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

.store-empty{color:var(--grey);padding:24px 0;margin:0}
.store-empty a{color:var(--ink)}

@media (max-width:1100px){.store{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.store{grid-template-columns:1fr}.app{grid-template-columns:56px minmax(0,1fr) auto;gap:14px;padding:18px 0}.app-icon{width:56px;height:56px;border-radius:16px}.app-meta h3{font-size:19px}}