.choose-category {

	display: none;

}



.choose-category.active {

	display: block;

}



.mill-item {

	background-repeat: no-repeat;

	background-position: right;

	border: 1px solid var(--line-color);

	transition: border-color .2s ease;

	padding: 8px;

}



.mill-item > div {

	background-color: var(--white);

}



.mill-item:hover {

	border-color: var(--primary);

}



.view-more-btn {

	display: none;

	font-size: 14px;

}





.mill-item:hover .view-more-btn {

	display: block;

}



.mill-item:hover .mill-img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

    filter: grayscale(0%);

}



.mill-item:hover .product-quantity {

	display: none;

}



.mills-btn {

	height: 48px;

}



.mill-img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

	 transition: filter .2s ease, -webkit-filter .2s ease;

}



.mill-item h5 {

	font-size: 24px;

}



.mill-item p {

	font-size: 18px;

}







@media only screen and (max-width: 1400px) {

	

	.mill-item h5 {

		font-size: 20px;

	}

	

	.mill-item p {

		font-size: 16px;

	}

	

	.mill-item .vstack {

		gap: 16px !important;

	}

}



@media only screen and (max-width: 1024px) {

	.mill-img {

		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

		filter: grayscale(0%);

	}

	

	.mill-item .view-more-btn {

		display: block;

	}

	

	.mill-item .product-quantity {

		display: none;

	}

}









@media only screen and (max-width: 768px) {

	.mill-item h5 {

		font-size: 18px;

	}

	

	.mill-item p {

		font-size: 14px;

	}

}







/* CHOOSE CATEGORY MODAL */

.category-modal.modal {

	--bs-modal-width: calc(100% - 16px);

}



.category-modal .category-name {

	padding: 56px 16px 16px 16px;

}



.category-modal .category-name h4.h4 {

	font-weight: 600;

}



.category-modal .category-links-wrapper {

	padding: 16px 16px 16px 16px;

}



.category-modal .btn-close {

	top: 16px;

	right: 16px;

}



.category-modal .category-links-wrapper {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

	grid-auto-flow: row;

	gap: 32px;

}



.category-links-wrapper h5 {

	font-size: 14px;

	font-weight: 600;

	color: var(--black);

}



.category-links-wrapper ul li a:link,

.category-links-wrapper ul li a:visited {

	font-size: 14px;

	font-weight: 400;

	color: var(--grey);

	transition: color .2s ease;

}



.category-links-wrapper ul li a:link:hover,

.category-links-wrapper ul li a:visited:hover {

	color: var(--primary);

}



@media (min-width: 768px) {

	.category-modal.modal {

		--bs-modal-width: 80%;

	}



	.category-links-wrapper h5 {

		font-size: 18px;

	}

	

	.category-links-wrapper ul li a:link,

	.category-links-wrapper ul li a:visited {

		font-size: 16px;

	}

}



@media(min-width: 992px) {

	.category-modal.modal {

		--bs-modal-width: 80%;

	}



	.category-modal .category-name {

		padding: 62px 40px;

	}

	.category-modal .category-links-wrapper {

		padding: 62px 40px;

	}



	.category-modal .btn-close {

		top: 24px;

		right: 24px;

	}

}