.page-hero { padding: clamp(3rem, 7vw, 5.5rem) 0 2.5rem; background: var(--gradient-wash); }.page-hero h1 { font-size: clamp(2.4rem, 6vw, 4.4rem); }.page-hero p { max-width: 760px; color: var(--color-muted); }.catalog-search { display: flex; max-width: 720px; gap: .7rem; margin-top: 1.5rem; }.catalog-search input { min-width: 0; flex: 1; border: 1px solid var(--color-line); border-radius: .7rem; padding: .8rem 1rem; }.catalog-section { padding-block: 3rem 5rem; }.catalog-empty { padding: 2rem; background: #fbfaff; }.app-list { display: grid; gap: 1rem; }.app-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.25rem; padding: 1.25rem; }.app-row h3 { margin-bottom: .25rem; }.app-row p { margin-bottom: .6rem; color: var(--color-muted); }.app-logo { display: grid; width: 70px; height: 70px; place-items: center; border-radius: 1rem; background: var(--gradient-violet); color: white; font-size: 1.7rem; font-weight: 900; }.tags { display: flex; flex-wrap: wrap; gap: .45rem; }.tags span { padding: .25rem .55rem; border-radius: 999px; background: #f1edff; color: var(--color-violet-dark); font-size: .78rem; }.category-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.category-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1.2rem; }.category-item small { display: block; color: var(--color-muted); }.collection-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.collection-card { padding: 1.5rem; }.collection-card p { color: var(--color-muted); }
@media (max-width: 720px) { .app-row { grid-template-columns: auto 1fr; }.app-row > .button { grid-column: 1 / -1; }.category-list, .collection-grid { grid-template-columns: 1fr; }.catalog-search { flex-direction: column; } }