.pcgh-cat-v2-hero.is-software-v3 { position: relative; min-height: 300px; padding: 36px 0 110px; border-radius: 0 0 28px 28px; background-color: #0f4de7; background-size: cover; background-position: center; overflow: hidden; } .pcgh-cat-v2-hero.is-software-v3::before { background: linear-gradient(90deg, rgba(6,24,66,.90) 0%, rgba(25,85,244,.78) 48%, rgba(37,99,235,.28) 100%); } .pcgh-cat-v2-hero.is-software-v3 .pcgh-cat-v2-hero__inner { min-height: 260px; align-items: flex-start; justify-content: center; gap: 16px; } .pcgh-cat-v2-hero.is-software-v3 h1 { margin: 6px 0 0; font-size: 52px; font-weight: 800; letter-spacing: -.02em; } .pcgh-cat-v2-hero.is-software-v3 p { max-width: 720px; margin: 0; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.8; } .pcgh-cat-v2-filter.is-software-v3 { position: relative; z-index: 5; margin-top: -64px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__panel { border: 1px solid rgba(226,232,240,.9); border-radius: 24px; background: rgba(255,255,255,.97); box-shadow: 0 20px 50px rgba(15,23,42,.10); overflow: hidden; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row { padding: 18px 26px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row + .pcgh-cat-v2-filter__row { border-top: 1px solid #eef2f7; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__label { min-width: 72px; height: 38px; padding: 0 14px; border-radius: 999px; background: #f3f7ff; color: #2563eb; font-weight: 700; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-stat { min-height: 64px; padding: 14px 18px; border-radius: 18px; background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%); color: #1e3a8a; font-size: 14px; box-shadow: inset 0 0 0 1px rgba(59,130,246,.08); } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-stat b { font-size: 22px; color: #0f172a; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-search { min-width: 320px; height: 52px; padding: 0 10px 0 18px; border: 1px solid #dfe7f5; border-radius: 16px; background: #f8fbff; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-search button { width: 38px; height: 38px; border-radius: 12px; background: #2563eb; color: #fff; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-vip { height: 52px; padding: 0 18px; border-radius: 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); color: #2563eb; font-weight: 700; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-sort a, .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-subcats a { min-width: 88px; height: 42px; padding: 0 18px; border-radius: 14px; border: 1px solid transparent; background: #f8fafc; color: #475569; font-weight: 600; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-sort a.is-active, .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-subcats a.is-active, .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-sort a:hover, .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-subcats a:hover { border-color: rgba(37,99,235,.14); background: #eff6ff; color: #2563eb; box-shadow: 0 8px 18px rgba(37,99,235,.08); } .pcgh-cat-archive-list.is-software-v3 { padding-top: 26px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-home-all.pcgh-cat-software-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0; min-height: 318px; padding: 26px 20px 22px; border: 1px solid #e8edf5; border-radius: 24px; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 10px 24px rgba(15,23,42,.04); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card:hover { transform: translateY(-4px); border-color: rgba(37,99,235,.18); box-shadow: 0 20px 38px rgba(37,99,235,.10); } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__icon { width: 92px; height: 92px; margin-bottom: 18px; border-radius: 24px; background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%); box-shadow: inset 0 0 0 1px rgba(37,99,235,.06); } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__icon img { width: 76%; height: 76%; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__body { width: 100%; align-items: stretch; flex: 1 1 auto; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__head { position: relative; display: block; margin-bottom: 10px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__title { display: -webkit-box; overflow: hidden; min-height: 60px; margin: 0; color: #0f172a; text-align: center; font-size: 24px; font-weight: 800; line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__access { position: absolute; top: -6px; right: 0; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__description { display: -webkit-box; overflow: hidden; min-height: 42px; margin: 0 0 14px; color: #64748b; text-align: center; line-height: 1.65; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pcgh-cat-software-card__meta-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .pcgh-cat-software-card__pill { display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 0 10px; border-radius: 999px; background: #eef4ff; color: #3b82f6; font-size: 12px; font-weight: 600; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin-top: auto; } .pcgh-cat-software-card__footer-meta { display: flex; align-items: center; gap: 12px; min-width: 0; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__rating { gap: 6px; } .pcgh-cat-software-card__downloads { display: inline-flex; align-items: center; gap: 5px; color: #f59e0b; font-size: 14px; font-weight: 700; white-space: nowrap; } .pcgh-cat-software-card__downloads svg, .pcgh-cat-software-card__downloads i { width: 15px; height: 15px; } .pcgh-cat-software-card__button { display: inline-flex; align-items: center; justify-content: center; min-width: 74px; height: 36px; padding: 0 14px; border-radius: 10px; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 12px 18px rgba(37,99,235,.18); } .pcgh-cat-software-card__date { display: block; margin-top: 12px; color: #94a3b8; font-size: 12px; text-align: center; } .pcgh-cat-archive-list.is-software-v3 .pcgh-pagination { margin-top: 32px; } html[data-pcgh-theme-resolved="dark"] .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__panel, [data-theme="dark"] .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__panel, .dark .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__panel, body.dark-mode .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__panel, html[data-pcgh-theme-resolved="dark"] .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card, [data-theme="dark"] .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card, .dark .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card, body.dark-mode .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card { background: #0f172a; border-color: rgba(148,163,184,.18); box-shadow: 0 18px 36px rgba(2,6,23,.35); } html[data-pcgh-theme-resolved="dark"] .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row + .pcgh-cat-v2-filter__row, [data-theme="dark"] .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row + .pcgh-cat-v2-filter__row, .dark .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row + .pcgh-cat-v2-filter__row, body.dark-mode .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row + .pcgh-cat-v2-filter__row { border-top-color: rgba(148,163,184,.14); } html[data-pcgh-theme-resolved="dark"] .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__title, [data-theme="dark"] .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__title, .dark .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__title, body.dark-mode .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__title { color: #f8fafc; } html[data-pcgh-theme-resolved="dark"] .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__description, html[data-pcgh-theme-resolved="dark"] .pcgh-cat-software-card__date, [data-theme="dark"] .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__description, [data-theme="dark"] .pcgh-cat-software-card__date, .dark .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__description, .dark .pcgh-cat-software-card__date, body.dark-mode .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__description, body.dark-mode .pcgh-cat-software-card__date { color: #94a3b8; } @media (max-width: 1200px) { .pcgh-cat-archive-list.is-software-v3 .pcgh-home-all.pcgh-cat-software-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } } @media (max-width: 991px) { .pcgh-cat-v2-hero.is-software-v3 { min-height: 260px; padding-bottom: 92px; } .pcgh-cat-v2-hero.is-software-v3 h1 { font-size: 40px; } .pcgh-cat-v2-filter.is-software-v3 { margin-top: -48px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row { flex-wrap: wrap; align-items: flex-start; gap: 14px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__scroll { width: 100%; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-search { min-width: 0; width: 100%; } .pcgh-cat-archive-list.is-software-v3 .pcgh-home-all.pcgh-cat-software-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } } @media (max-width: 767px) { .pcgh-cat-v2-hero.is-software-v3 { min-height: auto; padding: 22px 0 72px; border-radius: 0 0 22px 22px; } .pcgh-cat-v2-hero.is-software-v3 .pcgh-cat-v2-hero__inner { min-height: 0; gap: 12px; } .pcgh-cat-v2-hero.is-software-v3 h1 { font-size: 28px; } .pcgh-cat-v2-hero.is-software-v3 p { font-size: 14px; line-height: 1.7; } .pcgh-cat-v2-filter.is-software-v3 { margin-top: -36px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__panel { border-radius: 18px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__row { padding: 14px 14px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-filter__label { min-width: 64px; height: 34px; padding: 0 12px; font-size: 13px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-stat { min-height: 54px; padding: 10px 12px; font-size: 12px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-stat b { font-size: 18px; } .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-sort a, .pcgh-cat-v2-filter.is-software-v3 .pcgh-cat-v2-subcats a { min-width: auto; height: 36px; padding: 0 14px; font-size: 13px; } .pcgh-cat-archive-list.is-software-v3 { padding-top: 18px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-home-all.pcgh-cat-software-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card { min-height: 252px; padding: 16px 12px 14px; border-radius: 18px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__icon { width: 68px; height: 68px; margin-bottom: 12px; border-radius: 18px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__title { min-height: 40px; font-size: 16px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__access { position: static; width: fit-content; margin: 0 auto 8px; font-size: 11px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__description { min-height: 34px; margin-bottom: 10px; font-size: 12px; line-height: 1.5; } .pcgh-cat-software-card__meta-pills { gap: 6px; margin-bottom: 10px; } .pcgh-cat-software-card__pill { height: 22px; padding: 0 8px; font-size: 11px; } .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__footer { flex-direction: column; align-items: stretch; gap: 8px; } .pcgh-cat-software-card__footer-meta { justify-content: center; gap: 10px; } .pcgh-cat-software-card__button { width: 100%; height: 34px; border-radius: 9px; font-size: 13px; } .pcgh-cat-software-card__downloads, .pcgh-cat-archive-list.is-software-v3 .pcgh-cat-software-card__rating strong, .pcgh-cat-software-card__date { font-size: 12px; } }