.hpm-block
{
	--active-border: #3bc1c7 !important;
	--hover-border: #3bc1c7 !important;
	--out-of-stock: #FFCCCB !important;  
}


.hpm-block a, .hpm-block span{
	line-height: 1.25 !important;
	padding: 5px !important;
   	color: #4f4f4f !important;
    min-height: 58px;
	margin: 0 !important;
	display: flex !important;
    width: 100%;
    justify-content: start;
    align-items: center;
}

.hpm-block a, .hpm-block img {
	border-radius: 5px;
	margin-right: 10px;
}

.hpm-block-prd .h4 {
	margin-top: 0;
	color: #313131;
    font-size: 30px;
    font-weight: 500;
}

.hpm-button-wrapper {
  	display: grid;
  	grid-template-columns: repeat(3, 1fr);
  	gap: 20px;
	margin-bottom: 20px;
}

@media (max-width: 992px) {
	.hpm-button-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

.hpm-button.out-stock:before {
    content: none !important;
}

.hpm-button.out-stock {
    background: #f3f3f3;
}