.product_list {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}

.product_list.prod_section {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.product_item {
	overflow: hidden;
	transition: .5s !important;
	border-radius: 5px;
	position: relative;
}

.product_item:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
	box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
}

.prod_sec_2 .product_item:hover {
	background-color: #fff;
}

.product_item_top {
	display: flex;
    flex-direction: column;
	align-items: center;
	padding: 0px; /* //Modifier 2025 */
	position: relative;
}

.prod_sec2_overlay {
	position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
	background-color: #f28f7ff0;
	padding: 40px 30px 30px;
	text-align: center;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: .4s !important;
}

.product_item:hover .prod_sec2_overlay {
	max-height: 300px;
	opacity: 1;
}

.prod_sec2_overlay .prod_excerpt {
	color: white;
	margin-top: 20px;
}

.product_item_tag {
	padding: 6px 20px 5px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: .15rem;
    font-weight: 700;
    width: calc(100% - 40px);
    text-align: center;
    position: absolute;
    top: 15px;
}

.product_item_img {
	width: 100%; /* //Modifier 2025 */
	aspect-ratio: 1 / 1;
    object-fit: cover;

}

.product_item_img.imageSecondaire{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.2s;
	
}

.product_item:hover .product_item_img.imageSecondaire, .product_item:active .product_item_img.imageSecondaire{
	display:block;
	opacity: 1;
	transition: all 0.5s;
}

.product_item_cart {
	width: 35px;
    height: 35px;
    background-color: #1b12962e;
	border-radius: 50%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 20px;
    z-index: 9;
	right: 20px;
	transition: .5s;
	opacity: 0;
}

.product_item_cart::after {
	content: "";
	display: block;
	width: 55%;
	height: 55%;
	-webkit-mask-image: url('/wp-content/uploads/2023/02/panier.svg');
	mask-image: url('/wp-content/uploads/2023/02/panier.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: var(--color_dark_blue);
}

.product_item:hover .product_item_cart {
	opacity: 1;
}

.product_item_bottom {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
	padding: 10px 20px 25px;
	position: relative;
}

.product_item_wave_wrap {
	width: 100%;
    position: absolute;
    top: 0;
	transform: translate(0, -96%);
	-webkit-mask-image: url('/wp-content/uploads/2023/03/bloc-vague-blue.svg');
	mask-image: url('/wp-content/uploads/2023/03/bloc-vague-blue.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #fff;
	transition: .5s !important;
}

.product_list.white_pink .product_item_wave_wrap {
	background-color: var(--color_light_pink);
}

.product_list.white_blue .product_item_wave_wrap {
	background-color: var(--color_light_blue);
}

.prod_sec_2 .product_item:hover .product_item_wave_wrap {
	background-color: #fff;;
}

.product_item_wave {
	display: block;
	width: 100%;
	opacity: 0;
}

.product_item_price {
	font-weight: 700;
    margin-bottom: 10px;
    margin-top: -18px;
	position: relative;
	height: 20px;
}

.prod_sec_2 .product_item_price {
	margin-top: -25px;
	opacity: 0;
	transition: .3s !important;
	transform: translate(0, 30px);
	color: var(--color_brick) !important;
}

.prod_sec_2 .product_item:hover .product_item_price {
	opacity: 1;
	transform: translate(0, 0px);
}

.prod_sec_2 .product_item_cart {
	right: unset;
	bottom: 30px;
	background-color: transparent;
    width: 23px;
	height: 23px;
	transform: translate(0, 30px);
	transition: .3s !important;
}

.prod_sec_2 .product_item:hover .product_item_cart {
	transform: translate(0, 0px);
}
.prod_sec_2 .product_item_cart::after {
	background-color: var(--color_salmon);
	width: 100%;
    height: 100%;
}
.prod_sec_2 .product_item .product_item_title {
	transition: .3s !important;
}
.prod_sec_2 .product_item:hover .product_item_title {
	opacity: 0;
}

.product_item_img.product_item_img_default {
    scale: 1.4;
    filter: grayscale(1);
    opacity: 0.3;
}

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

	.product_list {
		grid-gap: 20px;
	}

	.product_item_tag {
		font-size: .7rem;
		padding: 6px 10px 4px;
		letter-spacing: .12rem;
	}

}

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

	.product_list.prod_section {
		grid-template-columns: 1fr 1fr;
	}

	.product_list.prod_section {
		max-width: 700px;
		margin: auto;
		grid-gap: 40px;
	}

}

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

	.product_list {
		grid-template-columns: 1fr 1fr;
	}

	.product_list.prod_section {
		grid-gap: 20px;
	}

}

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

	.product_list {
		grid-template-columns: 1fr;
	}

	.product_list.prod_section {
		grid-template-columns: 1fr;
		max-width: 300px;
	}

	
	.product_item_img { /* //Modifier 2024 */
		width: 100%;
		aspect-ratio: 16 / 12;
		object-fit: cover;
	}

	.product_item_top { /* //Modifier 2025 */
		padding: 0px;
	}

	.product_item:hover .product_item_img.imageSecondaire, .product_item:active .product_item_img.imageSecondaire{
		opacity: 0;
	}

}

