/* Best CRM for small business: ranked list of CRM systems with pros and cons. Tokens only. */
.best-crm__list { display: grid; gap: var(--g-space-4); list-style: none; margin: 0; padding: 0; }
.best-crm__item { display: flex; gap: var(--g-space-4); align-items: flex-start; padding: var(--g-space-5); }
.best-crm__item--top { box-shadow: 0 0 0 2px var(--g-accent-9), var(--g-shadow-2); border-color: transparent; }
.best-crm__body { flex: 1; min-width: 0; }
.best-crm__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2) var(--g-space-4); }
.best-crm__name { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); font-size: var(--g-font-size-4); line-height: var(--g-line-height-4); font-weight: 700; }
.best-crm__price { text-align: right; }
.best-crm__amount { display: block; font-size: var(--g-font-size-5); line-height: var(--g-line-height-5); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.best-crm__desc { margin-top: var(--g-space-2); color: var(--g-gray-11); }
.best-crm__pc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-4); margin-top: var(--g-space-4); }
.best-crm__pc h4 { font-size: var(--g-font-size-2); line-height: var(--g-line-height-2); font-weight: 500; margin-bottom: var(--g-space-2); }
.best-crm__cons .gc-icon { color: var(--g-red-11); }
.best-crm__try { margin-top: var(--g-space-4); }

@media (max-width: 767px) {
  .best-crm__item { flex-direction: column; padding: var(--g-space-4); }
  .best-crm__price { text-align: left; }
  .best-crm__pc { grid-template-columns: minmax(0, 1fr); }
}
