.breadcrumb_last
{
	font-weight: bold;
}

.fusion-tb-previous,
.fusion-tb-next
{
	a
	{
		height: 18px;

		img
		{
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
	}

	a::before,
	a::after
	{
		content: " " !important;
	}
}

.apps
{
	height: 18px;
	width: auto;
	margin-inline: 0.5rem;

	img
	{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.pagination
{
	display: flex;
	gap: 10px;
	margin: auto;

	img
	{
		height: 18px;
		width: auto;
	}
}


#main
{
	padding-top: 46px !important;
}

.product
{
	.meet-the-product
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto 1fr;

		.img
		{
			grid-column: 1;
			grid-row-start: 1;
			grid-row-end: 3;
			border: 1px solid #ddd;
			width: 492px;
			height: 603px;


			img
			{
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
			.none{
				object-fit: cover !important;
			}
		}

		h2
		{
			font-size: 2.25rem;
			font-weight: bold;
			color: #3f6eb3;
			margin: 0;
			height: fit-content;
		}

		.parameters
		{
			grid-column: 2;
			align-self: start;
			margin-top: 0;


			.code
			{
				font-size: 1.4rem;
				font-weight: bold;
				margin-top: 37px;
				margin-bottom: 42px;
			}

			hr
			{
				border-bottom: none;
				border-top: 1px solid #f2f2f2;
			}
		}
	}

	.tabs
	{
		margin-top: 2rem;
		grid-column-start: 1;
		grid-column-end: 3;
		display: flex;
		gap: 63px;
		flex-direction: row;
		border-bottom: 1px solid #ddd;
		padding: 1rem;
		padding-bottom: 0;
		padding-left: 0;

		.tab
		{
			transition: border-bottom 200ms;
			border-bottom: 1px solid transparent;
		}

		div
		{
			min-width: 70px;
		}

		.description
		{
			width: 71px;
		}

		div.active
		{
			border-bottom: 1px solid black;
		}

		div:hover
		{
			cursor: pointer;
		}
	}

	.card-content
	{
		width: 100%;
		padding-top: 40px;
		margin-bottom: 105px;
		padding-inline: 1rem;

		.description,
		.files
		{
			display: none;
		}

		.files
		{
			ul
			{
				list-style: none;
				/* list-style: url(); */

				li::before
				{
					content: "";
					display: inline-block;
					background-image: url('./../../assets/icons/file.png');
					background-size: contain;
					background-repeat: no-repeat;
					width: 20px;
					height: 20px;
					vertical-align: middle;
				}

				li::marker
				{

					/* font-size: 1rem; */
					/* max-height: 40px; */
				}
			}

			flex-direction: column;
		}

		.active
		{
			display: block;
		}
	}

	@media screen and (max-width: 1150px)
	{
		.meet-the-product
		{

			h2,
			.parameters
			{
				padding-left: 0.5rem;
			}
		}
	}

	@media screen and (max-width: 1000px)
	{
		width: 100%;

		.meet-the-product
		{
			grid-template-columns: 1fr;

			.img
			{
				grid-column: 1;
				grid-row: 2;
				margin-bottom: 1rem;
				margin: auto;
				margin-bottom: 1rem;
				width: 100%;

				img
				{
					width: 100%;
				}
			}

			h2
			{
				grid-row: 1;
				text-align: center;
				height: fit-content;
				margin-bottom: 1rem;
			}

			.parameters
			{
				grid-column: 1;
				grid-row: 3;
				text-align: center;

				h2
				{
					text-align: center;
				}
			}
		}

		.tabs
		{
			padding: 0;
			gap: 0;

			.tab
			{
				display: flex;
				justify-content: center;
				width: 100%;
			}
		}

		.card-content
		{
			.files.active
			{

				.file-list
				{
					margin: auto;
					display: grid;
					grid-template-columns: 1fr;
					text-align: left;
					width: fit-content;
					font-size: 1.4rem;
				}
			}
		}
	}
}

.recommendations
{
	.recommendations-title
	{
		color: 000000;
		font-size: 1.865rem;
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 6px;
	}

	.products
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		width: 100%;
		gap: 13px;
		margin-top: 33px;

		.product
		{
			width: 100%;
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			border: 1px solid #f2f2f2;
			background-color: #ffffff;
			padding: 1rem 1.5rem;
			transition: box-shadow 200ms, color 200ms;

			.desc
			{
				margin-top: 1rem;
				text-align: center;
				font-weight: 300;
				font-size: 1rem;
				line-height: 1.3;
			}

			.code
			{
				margin-top: 14px;
				font-weight: bold;
				font-size: 0.9rem;
			}

			.img
			{
				width: 222px;
				height: 281px;
				margin: auto;

				img
				{
					width: 100%;
					height: 100%;
					object-fit: contain;
				}
			}

		}

		.product:hover
		{
			box-shadow: 0px 2px 3.5px rgba(0, 0, 0, 0.1);
		}
	}

	.pagination
	{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 13px
	}

	@media screen and (max-width: 1250px)
	{
		.products
		{
			grid-template-columns: 1fr 1fr;
		}
	}

	@media screen and (max-width: 768px)
	{
		.products
		{
			grid-template-columns: 1fr;
		}
	}
}

h1
{
	display: none;
}