﻿		/* Ensemble escalade */
			
		.ensemble-container{
			margin: 40px 0;
		}
		
		.ensemble-container{
			margin: 40px 0;
		}
		
		.ensemble-container h2{
			font-size: 22px;
			font-weight: 400;
			line-height: 32px;
			margin: 0 0 20px;
		}
		
		.ensemble-container .ensemble-3x1{
			display: grid;
			grid-template-columns: repeat(3, 4fr);
			gap: 16px;
		}
			
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1{
			display: grid;
			grid-template-columns: 48% 52%;
			border: solid 1px #E1E2E6;
			border-radius: 4px;
			height: 100%;
		}
			
		.ensemble-container .ensemble-3x1 a{
			text-decoration: none;
			cursor: pointer;
		}
			
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(1){
			overflow: hidden;
			display: flex;
			justify-content: center;
			background: #f1f1f1;
		}
		
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(1) img{
			max-width: 100%;
			transition: all 0.3s;
			object-fit: contain;
		}
		
		.ensemble-container .ensemble-3x1 a:hover .ensemble-single-3x1 div:nth-child(1) img{
			transform: scale(1.05);
		}
			
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2){
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 20px;
		}
		
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2) img{
			width: unset;
			max-width: 120px;
			max-height: 40px;
			object-fit: contain;
			align-self: flex-start;
		}
		
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2) p{
			font-size: 14px;
			line-height: 20px;
			margin: 16px 0 12px;
		}
		
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2) p:nth-child(3){
			font-weight: 900;
			margin: 0;
		}
		
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2) .product-status{
			width: fit-content;
			font-size: 12px;
			line-height: 16px;
			margin: 12px 0 0;
			padding: 4px 8px;
			color: #00804F;
			background: #00804F0D;
			border-radius: 4px;
		}
		
		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2) .product-status::before{
			content: "\25CF";
			margin-right: 4px;
		}

		.ensemble-container .ensemble-3x1 .ensemble-single-3x1 div:nth-child(2) .ensemble-special{
			font-size: 12px;
			line-height: 16px;
			margin: 8px 0 0;
			color: #707073;
		}
		
		@media (min-width: 769px){
		
			.ensemble-container .swiper-bundle .ensemble-3x1{
				transform: translate3d(0px, 0px, 0px) !important;
			}

			.ensemble-container .swiper-bundle .swiper-container-scrollbar{
				display: none;
			}
		}

		/* Ensemble détails */
		
		.ensemble-container .ensemble-details{
			display: flex;
			flex-direction: column;
			gap: 4px;
			margin: 16px 0 0;
		}

		.ensemble-container .ensemble-details .ensemble-full-3x1{
			background: #222426;
			border-radius: 4px;
			color: #fff;
			padding: 20px;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1 div{
			display: flex;
			gap: 16px;
		}
			
		.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(1) p{
			font-size: 16px;
			line-height: 24px;
			margin: 0;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1 hr{
			height: 50px;
			border-top: dashed 1px  #fff;
			opacity: 0.8;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) p{
			font-size: 16px;
			line-height: 24px;
			margin: 0;
		}
			
		.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section{
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section p{
			font-size: 24px;
			font-weight: 900;
			line-height: 32px;
			margin: 0 0 8px;
			white-space: nowrap;
		}
			
		/*.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section p:last-child{
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			padding: 4px 8px;
			background: #D1382A;
			border-radius: 4px;
			margin: 0;
		}*/
		
		.ensemble-container .ensemble-details .ensemble-full-3x1 a{
			display: flex;
			justify-content: center;
			text-align: center;
			margin: 20px 0 0;
			padding: 16px;
			background: #fff;
			border-radius: 4px;
			text-decoration: unset;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1 a:hover{
			background: #FFFFFFE6;
		}

		.ensemble-container .ensemble-details .ensemble-full-3x1 a:hover img{
			background-color: transparent;
			color: #fff;
		}
		
		.ensemble-full-3x1-custom{
			display: flex;
			align-items: center;
			gap: 32px;
		}
			
		.ensemble-full-3x1-custom hr{
			margin: 0;
			height: 100%;
			border-top: unset;
			border-left: dashed 1px #f1f1f1;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1-custom div {
			align-items: center;
		}
			
		.ensemble-container .ensemble-details .ensemble-full-3x1-custom div:nth-child(3) section {
			flex-direction: unset;
			align-items: center;
			gap: 8px;
		}
		
		.ensemble-container .ensemble-details .ensemble-full-3x1-custom div:nth-child(3) section p {
			margin: 0;
		}
			
		.ensemble-container .ensemble-details .ensemble-full-3x1-custom a {
			max-width: 100%;
			width: 180px;
			margin: 0 0 0 auto;
		}
		
		.ensemble-separator{
			border-top: solid 1px #e1e2e6;
		}
		
		.ensemble-separator-custom {
			border-top: dashed 1px #e1e2e6;
		}
		
		/* Ensemble Promo */

		.ensemble-container .ensemble-details .ensemble-promo-full{
			background: #1840DD;
			border-radius: 4px;
			color: #fff;
			padding: 0 32px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 20px;
			overflow: hidden;
			text-decoration: none;
			cursor: pointer;
		}
		
		.ensemble-container .ensemble-details .ensemble-promo-full:hover img{
			transform: scale(1.05);
		}

		.ensemble-container .ensemble-details .ensemble-promo-full img{
			max-width: 100px;
			transition: all 0.3s;
		}
		
		.ensemble-container .ensemble-details .ensemble-promo-full div{
			display: flex;
			gap: 20px;
		}

		.ensemble-container .ensemble-details .ensemble-promo-full p{
			font-size: 16px;
			font-weight: 900;
			line-height: 24px;
			margin: 0;
		}
		
		.ensemble-container .ensemble-details .ensemble-promo-full p:last-child{
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			text-decoration: underline;
		}
			
		@media (max-width: 992px) {
			
			/* Ensemble escalade */

			.ensemble-container .ensemble-3x1 {
				grid-template-columns: repeat(2, 6fr);
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 {
				display: grid;
				grid-template-columns: 3fr 1px 5fr 3fr;
				align-items: center;
				gap: 32px;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 hr {
				margin: 0;
				height: 100%;
				border-top: unset;
				border-left: dashed 1px #fff;
				opacity: 0.8;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div {
				flex-direction: column;
				justify-content: initial;
				gap: 0;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section {
				flex-direction: unset;
				align-items: center;
				gap: 24px;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(1) p:nth-child(1), .ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) p:nth-child(1) {
				margin: 0 0 12px;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section p:nth-child(1) {
				margin: 0;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 a {
				margin: 0;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1-custom div {
				align-items: flex-start;
			}
		}	
		
		@media (max-width: 768px) {
			
			/* Ensemble escalade */
			
			.ensemble-container .ensemble-3x1 {
				grid-template-columns: repeat(10, 280px);
			}
			
			.ensemble-container .ensemble-3x1 .ensemble-single-3x1 {
				grid-template-columns: unset;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 {
				display: flex;
				flex-direction: column;
				grid-template-columns: unset;
				align-items: flex-start;
				gap: 16px;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 hr {
				height: unset;
				border-top: dashed 1px #fff;
				width: 100%;
				border-left: unset;
				opacity: 0.8;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div {
				flex-direction: unset;
				justify-content: space-between;
				width: 100%;
				gap: 16px;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(1) p:nth-child(1), .ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) p:nth-child(1) {
				margin: 0;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section {
				flex-direction: unset;
				align-items: flex-start;
				gap: 8px;
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 a {
				width: 100%;
			}
			
			.ensemble-container .ensemble-details .ensemble-promo-full{
				padding: 0 16px;
				gap: 16px;
			}
			
			.ensemble-container .ensemble-details .ensemble-promo-full div{
				gap: 16px;
			}
		}
			
		@media (max-width: 576px) {
		
			/* Ensemble escalade */
			
			.ensemble-container .ensemble-3x1 {
				grid-template-columns: repeat(10, 220px);
			}
			
			.ensemble-container .ensemble-details .ensemble-full-3x1 div:nth-child(3) section {
				flex-direction: column;
				align-items: flex-end;
				gap: 4px;
			}
			
			.ensemble-container .ensemble-details .ensemble-promo-full {
				padding: 16px;
			}
			
			.ensemble-container .ensemble-details .ensemble-promo-full div{
				flex-direction: column;
				gap: 8px;
			}
		}	