/* Product page: certificates and files */
.product-files {
	padding: 40px 0 40px;
}

.product-files-title {
	font: 600 32px/38px var(--font-title);
	color: var(--color-navy);
}

.product-files-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-top: 32px;
}

.product-files-link {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 105px;
	padding: 0 23px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: var(--color-navy-deep) url(../../images/bg-hex-dark.svg) 0 0 repeat;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
	transition: box-shadow .2s, transform .2s;
}

.product-files-link:hover {
	box-shadow: 0 8px 20px rgba(0, 20, 50, .22);
	transform: translateY(-2px);
}

.product-files-badge {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--color-blue-button);
	font: 700 11px/13px var(--font-text);
	color: var(--color-white);
}

.product-files-text {
	display: block;
	flex: 1;
	min-width: 0;
}

.product-files-name {
	display: block;
	font: 600 15px/18px var(--font-text);
	color: var(--color-white);
}

.product-files-meta {
	display: block;
	margin-top: 6px;
	font: 400 12.5px/15px var(--font-text);
	color: var(--color-border);
}

.product-files-download {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color-accent);
	box-shadow: 0 4px 12px rgba(232, 98, 44, .4);
	color: var(--color-white);
}

.product-files-download-icon {
	width: 9px;
	height: 13px;
}

@media (max-width: 1279px) {
	.product-files-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.product-files {
		padding: 32px 0 32px;
	}

	.product-files-title {
		font-size: 26px;
		line-height: 32px;
	}

	.product-files-list {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 20px;
	}
}
