r_g_b_a

const tariff = document.querySelectorAll('[name="license"]');
const license = document.querySelector('#quantity');

let currentTariff = null;
let currentLicense = null;

function calc() {
  if(!currentTariff || !currentLicense) return;
  
  // тут код для вывода результата
}

tariff.forEach(el => {
  el.addEventListener('change', (e) => {
    currentTariff = e.currentTarget.value;
    calc();
  })
});

license.addEventListener('change', (e) => {
  currentLicense = e.currentTarget.value;
  calc();
})

Не выравнивается текст в две строки. Должно выглядеть так:

Если у вас железное условие, что должно быть максимум две строки для заголовка, то нужно в css ограничить высоту блока, а все лишнее обрезать.

.demo {
  font-size: 14px;
  line-height: 1.5;
  height: calc(14px * 1.5 * 2);
  overflow: hidden;
}

Просто подбор ширины карточки ничего не даст. У пользователя банально не загрузится подключенный шрифт и результат будет не предсказуем.

Если же задача стоит просто в данном примере поместить текст в две строки - поиграйтесь с letter-spacing

Во-первых, getElementsByName возвращает коллекцию NodeList. Поэтому в вашем случае нужно либо писать

var tp = document.getElementsByName('Cart-test')[0].innerHTML;

, чтобы выбрать первый элемент, либо обрабатывать коллекцию в цикле.
Во-вторых, что касается ошибки undefind, проверьте наличие на странице элементов с id="Cart-content" и name="Cart-test", к которым обращаетесь в скрипте.

<div id="fig" class="fig">
	<div class="fig__row">
		<div id ="body_kvadrat" class="fig__item"></div>
		<div id ="body_kvadrat2" class="fig__item"></div>
	</div>
	<div class="fig__row">
		<div id ="body_kvadrat1" class="fig__item"></div>
		<div id ="body_kvadrat3" class="fig__item"></div>
	</div>
</div>

#body_figure{
	border: 1px solid green;
}
.fig__row {
	display: flex;
	align-items: flex-start;
}
.fig__item {
	border: 1px solid #128;
	max-width: 3000px;
	max-height: 1500px;
	flex-shrink: 0;
}

Сделайте обертку вокруг ссылки со свойствами display: flex;justify-content: center;
Либо обертке text-align: center, а ссылке display: inline-block

https://jsfiddle.net/t2ar9j6o/

https://jsfiddle.net/1w3y4xsn/

https://jsfiddle.net/2xs0qd9a/

Вы задали фиксированную высоту блоку .product, содержимое которого не помещается в указанные размеры. Либо сделайте ее динамической, либо ограничивайте высоту заголовка/фото.

Если RTL-языков не будет https://jsfiddle.net/nob5qwt3/