.modal-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(0, 0, 0, 0.5);
			display: none;
			justify-content: center;
			align-items: center;
			z-index: 9999;
			padding: 43px;
		}

		.modal-overlay.active {
			display: flex;
		}

		.modal-content {
			background: #fff;
			border-radius: 10px;
			max-width: 1000px;
			max-height: 598px;
			overflow: auto;
			position: relative;
		}

		.modal-content-inner {
			padding: 2rem;
			text-align: center;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: flex-start;
			gap: 51px;
		}

		.uploaded-preview img {
			max-width: 182px;
			margin-bottom: 1rem;
			border: 2px solid #ccc;
			border-radius: 8px;
		}

		.product-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 1rem;
			margin-top: 1rem;
			margin-bottom: 44px;
		}

		.product-item {
			border: 1px solid #ddd;
			padding: 0.5rem;
			border-radius: 8px;
			cursor: pointer;
			transition: 0.2s;
			margin-bottom: 11px;
		}

		.product-item:hover {
			background: #f3f3f3;
			border-color: #999;
		}

		.product-item img {
			max-width: 100%;
			height: auto;
			border-radius: 4px;
		}

		#close-button2 {
			position: sticky;
			top: 4px;
			font-size: 1.5rem;
			cursor: pointer;
			color: #974844;
			width: calc(100% - 15px);
			text-align: right;
		}

		.apply-button {
			display: block;
			position: sticky;
			width: 100%;
			bottom: 0;
			text-align: center;
			background: #71ca77;
			color: #fff;
			padding: 15px;
			cursor: pointer;
		}

		.preview-wrapper {
			margin-top: 14px;
			position: sticky;
			top: 84px;
		}

		.grids-wrapper {
			height: 100%;
			display: flex;
			flex-flow: column;
			justify-content: flex-start;
			align-items: flex-start;
			border-left: 0.5px groove #eee;
			padding-left: 50px;
		}

		.categorie-header {
			font-size: 24px;
			border-bottom: 1px solid #a4a4a4;
			width: 100%;
			text-align: left;
			color: #7e7e7e;
		}

		.product-grid span {
			font-weight: bold;
			letter-spacing: 1px;
		}

		.preview-header {
			font-size: 20px;
			padding-bottom: 20px;
		}

		.preview-description {
			font-size: 13px;
			width: 259px;
			color: #6a6a6a;
		}

		.preview-description td {
			padding: 5px 14px 5px 0;
		}

		.product-wrapper {
			position: relative;
		}

		.highlight-banner {
			position: absolute;
			top: 1px;
			left: 0px;
			background: #974844d4;
			color: #fff;
			padding: 4px 8px;
			font-size: 12px;
			font-weight: bold;
			border-radius: 4px;
			z-index: 10;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
			text-transform: uppercase;
			letter-spacing: 1px;
		}

		.sale-banner {
			position: absolute;
			bottom: 38px;
			left: 0px;
			background: #449777d4;
			color: #fff;
			padding: 4px 8px;
			font-size: 10px;
			font-weight: 400;
			border-radius: 4px;
			z-index: 10;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
			text-transform: uppercase;
			letter-spacing: 1px;
			width: calc(100% - 6px);
			width: 100%;
		}

		.image-holder-wrapper {
			display: flex;
			flex-flow: column;
		}

		.product-selected,
		.product-selected img {
			border-radius: 50%;
		}

		.hhidden {
			display: none;
		}

		#upload-image-title {
			word-wrap: anywhere;
		}

		@media (max-width: 1086px) {
			.modal-content {
				max-height: 96vh;
			}

			.modal-content-inner {

				flex-flow: column;
				justify-content: flex-start;
				align-items: flex-start;

			}

			.grids-wrapper {
				padding-left: 0;
				border-left: 0px;
			}

			.preview-wrapper {
				margin-top: 14px;
				position: relative;
				top: 15px;
				width: 100%;
			}

			.preview-header {
				width: 100%;
			}

			.image-holder-wrapper {
				display: flex;
				flex-flow: row;
				gap: 23px;
				justify-content: center;
				align-items: center;
			}


			.preview-description table {
				margin-bottom: 0;
			}

			.preview-description table tr {
				display: flex;
				flex-flow: column;

			}

			.preview-description table tr td {
				display: block;
			}

			.preview-description table tr td:nth-child(1) {
				border-bottom: 0px;
			}

			#close-button2 {
				right: 62px;
				left: unset;
				font-size: 38px;
				top: 10px;
				position: fixed;
				z-index: 99999;
			}
		}

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

		}

		@media (max-width: 500px) {
			.categorie-header {
				font-size: 20px;
			}

			.product-grid span {
				font-size: 12px;
			}

			.sale-banner,
			.highlight-banner {
				font-size: 9px;
			}

			.uploaded-preview img {
				max-width: 109px;
			}
		}

		@media (max-width: 430px) {
			.modal-overlay {
				padding-right: 39px;
				padding-left: 0;
				padding-bottom: 0;
				justify-content: flex-start;
				align-items: flex-end;
			}

			.modal-content {
				max-height: 100vh;
				width: 96vw;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
			}

			.modal-content-inner {
				padding: 12px;
			}

			.preview-description {
				display: none;
			}

			.uploaded-preview img {
				max-width: 165px;
			}

			.preview-wrapper {
				padding-top: 25px;
			}

			#close-button2 {
				right: 62px;
				left: unset;
				font-size: 38px;
				top: 13px;
				position: fixed;
				z-index: 99999;
				background: #ffffffbd;
				width: 56px;
				border-radius: 100%;
			}
		}