/**
 * Feature: link absorbers to products. Removable with the rest of it.
 */

.acoucalc-products {
	margin-top: 22px;
}

.acoucalc-products__title {
	margin: 0 0 12px;
	font-family: var(--font-500, "Keiner 500", sans-serif);
	font-size: 15px;
}

.acoucalc-products__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 12px;
}

.acoucalc-product {
	display: flex;
	gap: 14px;
	padding: 14px;
	background: var(--ac-surface);
	border: 1px solid var(--ac-line);
	border-radius: var(--ac-radius);
}

.acoucalc-product__image {
	flex: 0 0 84px;
	width: 84px;
	height: 84px;
	border-radius: var(--ac-radius-sm);
	object-fit: cover;
}

.acoucalc-product__body {
	min-width: 0;
}

.acoucalc-product__name {
	margin: 0;
	font-family: var(--font-500, "Keiner 500", sans-serif);
	font-size: 15px;
}

.acoucalc-product__spec,
.acoucalc-product__area {
	margin: 3px 0 0;
	font-size: 12px;
	color: var(--ac-ink-soft);
}

.acoucalc-product__area {
	color: var(--ac-teal-ink);
}

.acoucalc-product__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin-top: 10px;
}

.acoucalc-product__link {
	font-size: 13px;
	color: var(--ac-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.acoucalc-product__link:hover {
	color: var(--ac-teal-ink);
}

/* Also defined by the solve feature. Duplicated on purpose: either feature has
   to work with the other deleted. */
.acoucalc-btn--sm {
	height: 42px;
	padding: 0 20px;
	font-size: 14px;
}

.acoucalc-products__note {
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--ac-teal-ink);
}

@media print {
	.acoucalc-product__actions {
		display: none !important;
	}
}