/* Hide for all except wishlist page */
/* body:not(:has(.wd-wishlist-content)) {
	.wd-buttons {
		display: none ;
	}
} */

.wd-product {

	--wd-prod-gap: 8px !important;
	--cat-line-count: 1;
	--cat-line-height: 18px;

	.product-wrapper{

		.nps-grade-label {
			position: absolute;
			top: 7px;
			right: 7px;
			z-index: 1;
			border-radius: 12px;
			min-width: 35px;
			padding: 5px 10px;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			word-break: break-all;
			font-weight: 600;
			font-size: 12px;
			line-height: 1.2;
		}

		.grade-a { background-color: rgba(39, 174, 96, 0.72); } 
		.grade-b { background-color: rgba(0, 113, 235, 0.72); } 
		.grade-c { background-color: rgba(241, 196, 15, 0.72); }
		.grade-d { background-color: rgba(236, 35, 35, 0.72); }

		.wd-buttons {
			/* Currently Hidden until Wishlist UOM Selection is fixed */
			display: none;

			top: initial;
			bottom: var(--wd-btn-inset);

			.wd-style-icon {
				--wd-action-icon-size: 16px;
			}

			a {
				width: 35px;
				height: 35px;
			}
		}
		
		.wd-entities-title {
			--title-line-height : 20px;
			height: calc(var(--title-line-count, 1)* var(--title-line-height, 1.4em));
		}

		.wd-product-cats {
			overflow: hidden;
			line-height: var(--cat-line-height, 1.4em);
			height: calc(var(--cat-line-count, 1)* var(--cat-line-height, 1.4em));
		}
		
		.wd-star-rating {
			/* display: none; */
		}
		
		.product-element-bottom{		/*For lower container*/
			padding: 10px !important;
			overflow: hidden;
			
			.price {
				display: flex !important;
				overflow: hidden;
				
				bdi {
					color: rgba(95, 95, 95);		/* 	Change Price color  */
					font-weight: 500 !important;	
				}
				
				del {		/* Old undiscounted price */
					order: 2;
					padding-left: 8px;
					align-self: center;
					
					bdi {
						color: var(--color-gray-300);
					}
				}
			}	
		}
	}
}

@media screen and (max-width: 768.98px){
	.wd-product {
		.product-wrapper {
			.product-element-bottom {
				gap: 10px;
				
				.wd-entities-title {
					--title-line-height : 16px;
				}
				
				.wd-product-cats {
					line-height: 16px;
				}
			}
		}
	}
}

@media ( max-width: 576px ) {
	.wd-product {
		.product-wrapper{
			.nps-grade-label {
				padding-inline: 5px;
				min-width: 35px;
				font-size: 10px;
			}
		}
	}
}