.product-card {
			background-color: none;
			border-radius: 0.5rem;
			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
			overflow: hidden;
		}

		.feature-image-container {
			position: relative;
			background-color: none;
			height: 20rem;
			overflow: hidden;
		}

		.feature-image {
			width: 100%;
			height: 100%;
			object-fit: contain;
			transition: transform 0.3s ease;
		}

		.nav-button {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background-color: rgba(0, 0, 0, 0.5);
			color: white;
			border: none;
			padding: 0.5rem;
			border-radius: 9999px;
			cursor: pointer;
			transition: background-color 0.2s;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 10;
		}

		.nav-button:hover {
			background-color: rgba(0, 0, 0, 0.7);
		}

		.nav-button.prev {
			left: 0.5rem;
		}

		.nav-button.next {
			right: 0.5rem;
		}

		.carousel-container {
			padding: 1rem;
		}

		.carousel {
			display: flex;
			gap: 0.5rem;
			overflow-x: auto;
			scroll-behavior: smooth;
			scroll-padding-left: 0.5rem;
		}

		.carousel-thumb {
			flex-shrink: 0;
			width: 5rem;
			height: 5rem;
			border-radius: 0.375rem;
			overflow: hidden;
			border: 2px solid;
			cursor: pointer;
			transition: all 0.2s;
			background: none;
			padding: 0;
		}

		.carousel-thumb:hover {
			border-color: #B2D235;
		}

		.carousel-thumb.active {
			border-color: #B2D235;
			;
		}

		.carousel-thumb img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}