.fc_download_grid {
	& .the_downloads {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	& .download {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-decoration: none;
		padding: var(--gap-xs);
		gap: var(--gap-s);
		border-radius: var(--border-radius-s);
		background: var(--super-light-grey);
	}
	& .download > div {
		display: flex;
		gap: clamp(20px, 2vw, 30px);
	}

	& .bg_light_grey.the_downloads a,
	& .bg_light_grey.the_product_downloads .the_downloads a {
		background: #fff;
	}
	& .download:hover {
		text-decoration: none;
	}
	& .download .download_title {
		margin: 0;
		font-size: 16px;
		line-height: 1.4;
		word-break: break-word;
	}
	& .download .small {
		color: #949494;
	}
	& .download .small span {
		display: inline-block;
	}
	& .download .icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 54'%3E%3Cpath fill='%23FFCC4C' d='M39.2 30a8.6 8.6 0 1 0 0 17.1 8.6 8.6 0 0 0 0-17.2ZM44 41l-4 3.5-.2.1-.1.1-.5.1h-.4v-.1h-.1l-.2-.2-4-3.5a1.2 1.2 0 1 1 1.5-1.7l2 1.8v-7.7a1.2 1.2 0 1 1 2.4 0v7.7l2-1.8A1.2 1.2 0 1 1 44 41Z'/%3E%3Cpath fill='%23FFCC4C' d='M0 12.2V54h38v-4.6a11 11 0 0 1 0-21.7V0H12.3L0 12.2Zm19 37.3H5.7a1.2 1.2 0 1 1 0-2.4H19a1.2 1.2 0 1 1 0 2.4Zm3.3-7.1H5.7a1.2 1.2 0 1 1 0-2.4h16.6a1.2 1.2 0 1 1 0 2.4ZM4.5 34c0-.7.5-1.2 1.2-1.2h12a1.2 1.2 0 1 1 0 2.4h-12c-.7 0-1.2-.6-1.2-1.2ZM26.7 27c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h19.8c.6 0 1.2.6 1.2 1.2ZM13.3 5.3a1.2 1.2 0 0 1 2.4 0V14c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h7.6V5.3Z'/%3E%3C/svg%3E");
		min-width: 47px;
		height: 54px;
		transition: all 0.3s ease;
	}
	& .download .download_button {
		display: flex;
		flex-flow: row;
		align-items: center;
		gap: var(--gap-xs);
		background: #ffffff;
		padding: 14px 15px;
		color: var(--dark-blue-grey);
		border: 1px solid var(--dark-blue-grey);
		border-radius: var(--border-radius-s);
		transition: all 0.3s ease;
	}
	& .download .download_button span {
		background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23272930' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 14.3v4.5a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 18.8v-4.5m4.4-5.5 5.6 5.5m0 0 5.6-5.5M11 14.3V1'/%3E%3C/svg%3E");
		width: 20px;
		aspect-ratio: 1 / 1;
		display: block;
		transition: all 0.3s ease;
	}
	& .download:hover {
		& .download_button {
			background: var(--yellow);
			border-color: var(--yellow);
			& span {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23272930' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 14.3v4.5a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 18.8v-4.5m4.4-5.5 5.6 5.5m0 0 5.6-5.5M11 14.3V1'/%3E%3C/svg%3E");
			}
		}
	}
	& .download > div {
		display: flex;
		align-items: center;
		gap: var(--gap-s);
	}
}

.product_downloads {
	& .the_product_downloads {
		padding: var(--padding-s);
		border-radius: 5px;
		background: #fff;
		break-inside: avoid;
		margin-bottom: 20px;
	}
	& .download {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-decoration: none;
		padding: var(--gap-xs) var(--gap-s);
		gap: var(--gap-s);
		border-radius: var(--border-radius-s);
		background: var(--super-light-grey);
	}
	& .download > div:not(.download_button) {
		display: flex;
		gap: clamp(20px, 2vw, 30px);
	}
	& .the_downloads {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	& .bg_light_grey.the_downloads a,
	& .bg_light_grey.the_product_downloads .the_downloads a {
		background: #fff;
	}
	@media (pointer: fine) {
		& .download:hover {
			opacity: 0.7;
		}
	}
	& .download:hover {
		text-decoration: none;
	}
	& .download .download_title {
		margin: 0;
		font-size: 16px;
		line-height: 1.4;
		word-break: break-word;
	}
	& .download .small {
		color: #949494;
	}
	& .download .small span {
		display: inline-block;
	}
	& .download .icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 54'%3E%3Cpath fill='%23B9B9B9' d='M39.2 30a8.6 8.6 0 1 0 0 17.1 8.6 8.6 0 0 0 0-17.2ZM44 41l-4 3.5-.2.1-.1.1-.5.1h-.4v-.1h-.1l-.2-.2-4-3.5a1.2 1.2 0 1 1 1.5-1.7l2 1.8v-7.7a1.2 1.2 0 1 1 2.4 0v7.7l2-1.8A1.2 1.2 0 1 1 44 41Z'/%3E%3Cpath fill='%23B9B9B9' d='M0 12.2V54h38v-4.6a11 11 0 0 1 0-21.7V0H12.3L0 12.2Zm19 37.3H5.7a1.2 1.2 0 1 1 0-2.4H19a1.2 1.2 0 1 1 0 2.4Zm3.3-7.1H5.7a1.2 1.2 0 1 1 0-2.4h16.6a1.2 1.2 0 1 1 0 2.4ZM4.5 34c0-.7.5-1.2 1.2-1.2h12a1.2 1.2 0 1 1 0 2.4h-12c-.7 0-1.2-.6-1.2-1.2ZM26.7 27c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h19.8c.6 0 1.2.6 1.2 1.2ZM13.3 5.3a1.2 1.2 0 0 1 2.4 0V14c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h7.6V5.3Z'/%3E%3C/svg%3E");
		min-width: 47px;
		height: 54px;
	}
	& .download .download_button {
		background: var(--yellow) no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 14.3v4.5a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 18.8v-4.5m4.4-5.5 5.6 5.5m0 0 5.6-5.5M11 14.3V1'/%3E%3C/svg%3E");
		aspect-ratio: 1;
		width: 30px;
		text-indent: -9999px;
		overflow: hidden;
		border-radius: var(--border-radius-s);
	}
	& .download > div:not(.download_button) {
		display: flex;
		align-items: center;
		gap: var(--gap-s);
		flex: 1;
	}
}

@media (max-width: 1600px) {
	.product_downloads .the_downloads {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1200px) {
	.fc_download_grid .the_downloads {
		grid-template-columns: 1fr;
	}
}