body.body-product footer{padding-bottom:50px}
@media (min-width: 992px) {
	body.body-product footer{padding-bottom:90px}
}


@media (max-width: 768px) {
	.item-detail-full {
		flex-direction: column;
		margin-left: -5px;
		margin-right: -5px;
	}

	div.allPhoto:after, div.allPhotoAccess:after {
		content: "";
		display: block;
		height: calc(100vh / 2.2);
		min-height: 350px;
	}
}


.offer-price-item, .action-price-item {
	width: calc((100% - 10px) / 2);
	border-radius:8px;
	border:1px solid silver;
	text-align:center;
	padding:10px 5px;
	position:relative;
	cursor:pointer;

}
.offer-price-item.disabled {
	opacity:.3;
	cursor:initial;
}

.offer-price-item.active, .action-price-item.active {
	border:2px solid #3baf35;
	font-weight:600
}
.opi-ico-heart {
	position:absolute;
	top:0;
	right:5px;
	background:#3baf35;
	border-radius:0 0 3px 3px;
	padding:0px 4px;
}

.item-modal-detail-offer .opi-ico-heart {
	left:20px;
	right:initial;
}

.offer-price-item.opi-3 {
	width: calc((100% - 20px) / 3); 
	margin-bottom:10px;
}
.offer-price-item.opi-2 {
	width: calc((100% - 10px) / 2);
	margin-bottom:10px;
}

.opi-price-detail {
	font-size:10px;
	font-weight:500
}
.opi-title {
	font-size:14px;
	font-weight:600;
	line-height:14px;
}
.opi-title span {
	font-size:11px;
	font-weight:400
}



.break {
  flex-basis: 100%;
  height: 0;
}
.spriceInt {
	font:normal normal 800 32px/24px Montserrat
}
.spriceDec {
	font:normal normal 700 16px/24px Montserrat
}

.logo_pix {
	margin-left:-20px;
	background:#F5F5F5;
	border-radius:0 5px 5px 0;
	padding:0.5rem 0.75rem 0.5rem 20px;
	display:inline;
}

.modal-content .logo_pix {
	margin-left:-15px;	
	padding-left:15px;
}

@media(min-width:992px){
	.modal-content .logo_pix {
		margin-left:-30px;	
		padding-left:30px;
	}
}

div.bloc-pixcare.bloc-element {
	background: #f5f5f5;
	color: black;
}
.pixcare-detail-ico {
	width: 30px;
	text-align: center;
	justify-content: center;
}
.pixcare-detail-info,
.pixcare-detail-info-full {
	width: calc(100% - 130px);
	text-align: center;
	flex-direction: column;
	justify-content: start;
	padding-left:15px;
	padding-right:5px;
}
.pixcare-detail-info-full {
	width: calc(100% - 90px);
}

.pixcare-detail-title {
	width: calc(100% - 140px);
}

.pixcare-checked {
	width: 60px;
	text-align: center;
	flex-direction: column;
	justify-content: start;
}

.pixcare-price {
	width: 110px;
	justify-content: end;
}

.pixcare-choice--default .pixcare-checked .checked, 
.pixcare-choice--selected .pixcare-checked .checked {
	display:block;
}
.pixcare-choice--default .pixcare-checked .unchecked, 
.pixcare-choice--selected .pixcare-checked .unchecked {
	display:none;
}
.pixcare-choice--unselected .pixcare-checked .checked {
	display:none;
}
.pixcare-choice--unselected .pixcare-checked .unchecked {
	display:block;
}
.pixcare-choice--default .pixcare-resume, 
.pixcare-choice--selected .pixcare-resume {
	display:flex;
}
.pixcare-choice--unselected .pixcare-resume, 
.pixcare-choice--unselected .pixcare-accessories {
	display:none;
}

.pixcare-choice--selected, .pixcare-choice--unselected {
	position:relative;
}
.pixcare-choice--selected:before,
.pixcare-choice--unselected:before,
.pixtrade-selected:before {	
	content:"";
	position:absolute;
	top:0px;
	left:25%;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #f5f5f5;
	transform:translate(-50%,-100%);
}
.pixcare-choice--selected:before,
.pixtrade-selected:before {	
	left:75%;
}



div.bloc-pixcare li {border-bottom:1px solid white}
div.bloc-pixcare li:last-child {border-bottom:none}	

.pixcare-detail-info .line1, .pixcare-detail-info .line2 {
	width: 100%;
	text-align: left;
}
.pixcare-detail-info .line1 {
	font-weight: 700;
	font-size:11px;
}
.pixcare-detail-info .line2 {
	font-size:11px;
}

/*
.bloc-info-buyback {
	background: rgba(53, 85, 165, 0.1);
	border-radius: 8px;
	position:relative;
}

.bloc-info-buyback--red {
	
}
.bloc-info-buyback:before {
	content:"i";
	border-radius:50%;
	width:18px;
	height:18px;
	position:absolute;
	top:-9px;
	left:-9px;
	background:rgba(53, 85, 165, 1);
	color:white;
	text-align:center;
	font-size:13px;
	font-weight:500;
}
*/

.irs--round .irs-handle {
	top: 20px;
	width: 82px;
	height: 36px;
	border:none;
	/*border: 4px solid #006cfa;*/
	background-color: #fff;
	border-radius: 24px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	cursor:pointer;
}
.irs--round .irs-handle:hover {
	background-color: #fafafa;
}
.irs--round .irs-single {
	top: 31px;
	z-index:6;
	background-color:transparent;
	color:black;
	font-size:11px;
	padding:0 5px;
	cursor:pointer;
}

.irs--round .irs-single:before,
.irs--round .irs-single:after {
	position: absolute;
	display: block;
	content: "\f104";
	font-family:fontAwesome;
	font-size:10px;
	bottom: initial;
	top:1px;
	left: 0%;
	width: 0;
	height: 0;
	margin-left: -4px;
	overflow: hidden;
	border:none;
	width:5px;
	height:10px;
}

.irs--round .irs-single:after {
	 content: "\f105";
	 left: initial;
	 right:-4px;
}
.irs--round .irs-bar {
	background-color: #3baf35;
	height:24px;
	border-radius: 24px;
	top:27px;
}
.irs--round .irs-line {
	background-color: silver;
	height:24px;
	border-radius: 24px;
	top:27px;
}

.irs-grid,
.irs-grid-text,
.irs-grid-pol  {
	display:none
}

/* modal */
.bloc-item-modal-small-detail {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	position:relative;
	border:1px solid silver;
}
.bloc-item-modal-small-detail .h-100{
	padding:5px;
}
.bloc-item-modal-small-detail .more {
	position:absolute;
	top:0%;
	left:50%;
	transform:translate(-50%,-50%);
	width:20px;
	height:20px;
	border-radius:50%;
	background:#3baf35;
	color:white;
	font-weight:600;
	font-size:10px;
	line-height:20px;
	text-align:center;
	margin-top:-5px;
}
.item-modal-title-offer {
	border-bottom:1px solid rgba(0,0,0,.1);
}
.item-modal-title-offer .mr-auto {
	line-height:initial;
}
.item-modal-title-offer .ml-auto {
	margin-bottom:3px;
}

.item-modal-pixeasy {
	position:relative;
}
.item-modal-pixeasy li {
	padding-left:20px;
	position:relative;
	padding-bottom:1rem;
}

.item-modal-pixeasy li.first:before,
.item-modal-pixeasy li.second:before{
	content:"";
	top:5px;
	left:0px;
	width:1px;
	height:calc(100% + 5px);
	background:#3baf35;
	position:absolute;
}

.item-modal-pixeasy li.first:after,
.item-modal-pixeasy li.second:after{
	content:"";
	width:12px;
	height:12px;
	position:absolute;
	left:0;
	top:2px;
	transform:translateX(-50%);
	border-radius:50%;
	background:#3baf35;
}

.item-modal-pixeasy li.third:before {
	content:"ou";
	width:22px;
	height:22px;
	position:absolute;
	left:0;
	top:-2px;
	transform:translateX(-50%);
	border-radius:50%;
	background:#3baf35;	
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
	font-weight:600;
	color:white;
	line-height:22px;
}


.price-sticky {
	font:normal normal 700 15px/15px Montserrat;
}
.price-sticky-monthly {
	font:normal normal 500 10px/11px Montserrat;
}

.btn-next-step,
.start-buyback {
	width:100%
}

div.mp-info-content.mp-info-content-oy {
    overflow-y: initial;
}

ul.sublink li.link {
	font-size:12px;
}
@media(min-width:992px) {
	
	.btn-next-step {
		width:75%
	}

	.opi-title span {
		font-size:14px;
		font-weight:400
	}
	.opi-title {
		font-size:18px;
		line-height:24px;
	}
	.opi-price-detail {
		font-size:13px;
	}
	
	.item-modal-title-offer .opi-price-detail {
		font-size:12px;
		line-height: 13px;
		font-weight:600;
	}
	
	.logo_pix {
		font-size:18px
	}
	.pixcare-detail-info .line1 {
		font-size:14px;
	}
	.pixcare-detail-info .line1 {
		font-size:14px;
	}
	.pixcare-detail-info .line2 {
		font-size: 13px;
	}
	.action-price-item {
		font-size:16px;
	}
	.price-sticky {
		font:normal normal 700 22px/22px Montserrat;
		margin-top:0.5rem;
	}
	.price-sticky-monthly {
		font:normal normal 500 14px/14px Montserrat;
		margin-bottom:0.5rem;
	}
	
	
	.irs--round .irs-single {
		top: 31px;
		font-size:13px;
		font-weight:500;
		padding:0 8px;
		cursor:pointer;
	}
	.irs--round .irs-single:before,
	.irs--round .irs-single:after {
		font-size:12px;
	}
	
	.bloc-item-modal-small-detail {
		width:calc(50% - 5px);
		display:flex;
		flex-wrap: wrap;
		position:relative;
		border:1px solid silver;
	}
	
	.bloc-item-modal-small-detail .h-100{
		padding:10px;
	}
	
	.bloc-item-modal-small-detail .more {
		width:26px;
		height:26px;
		font-size:11px;
		line-height:26px;
		top:50%;
		left:0;
		margin-top:initial;
		margin-left:-5px;
	}
}


.bloc-element-pixcare-product .bp-photo {width:80px;max-height:90px;}
.bloc-element-pixcare-product .bp-show-detail,
.producttile .bp-show-detail {position:absolute;top:5px;right:5px;cursor:pointer;visibility:visible;}
.bloc-element-pixcare-product .bp-detail {width:calc(100% - 90px);} 
.bloc-element-pixcare-product .bp-detail .brand {font-weight:500;font-size:10px;text-transform:uppercase} 
.bloc-element-pixcare-product .bp-detail .title {display: -webkit-box;font: normal normal 400 11px/16px Montserrat;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height:32px;} 

.bloc-element-pixcare-product-unavailable .bp-photo, 
.bloc-element-pixcare-product-unavailable .bp-detail .brand,
.bloc-element-pixcare-product-unavailable .bp-detail .title {
	opacity:.5;
}

.imgProduct img {max-height:90px}
@media(min-width:992px) {
	.bloc-element-pixcare-product .bp-photo {max-height:110px;}

	.bloc-element-pixcare-product {
		width: calc((100% - 15px) / 2);
	}
	.bloc-element-pixcare-product .bp-detail .brand {font-size:12px;} 
	.bloc-element-pixcare-product .bp-detail .title {font: normal normal 400 13px/18px Montserrat;max-height:36px;} 
}

/************* search engine ****/
@media only screen and (min-width: 768px) {
	div.display-items .prdt-tile:hover .prdt-tile-add-to-cart, div.display-items-carousel .prdt-tile:hover .prdt-tile-add-to-cart {
		visibility: hidden;
		opacity: 0;
	}
	div.display-items .prdt-tile:hover .prdt-tile-info-line, div.display-items-carousel .prdt-tile:hover .prdt-tile-info-line {
    	visibility: visible;
	    opacity: 1;
	}

}

/*********** cart **************/
.line-cart-resume-info,
.line-cart-resume-amount {
    font: normal normal 400 12px/16px Montserrat;
    letter-spacing: initial;
    color: #000;
}
.line-cart-resume-amount {
   font: normal normal 500 12px/16px Montserrat;
}

.right-info-cart .icon-reassur {
	height: 30px;
    width: 30px;
}
.right-info-cart .icon-reassur-certified {
	background-image:url(https://imagedelivery.net/JAV112JY973Crznn4xb8Sg/842d38e9-54a0-43ff-7a7d-e16acf806600/public);
}

.detailquantityproduct .quantity {
	justify-content:flex-end;
}

.line-product .logo_pix {
	margin-left:-15px;
    padding: 0.5rem 1.5rem 0.5rem 15px;
    display: inline-block;
}

.infoproduct.infoproduct-addon {
    flex-direction: column!important;
}
@media(max-width:768px) {
	
	.infoproduct {
		padding-left:0;
	}
	.detailquantityproduct {
		margin-left: 0px;
		flex:0 0 100%;
	}
	/*
	.photo {
		width:60px;	
		flex:initial;
	}
	
	.infoproduct {
		padding-left:0;
		width:calc(100% - 175px);
		flex:initial;
	}
	
	.detailquantityproduct {
		border-top: none;
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 0px;
		flex:initial;
		display: flex;
		flex: initial;
		text-align: right;
		flex-direction: column;
		justify-content: space-between;
		width:100px;
		flex-direction:column;
	}
	.infoproduct img {
		max-height:130px;
	}
	*/
	
	.detailquantityproduct .price {
		flex:initial;
	}
	
	.line-product:not(.line-product-in-cart) .detailquantityproduct {
		border-top: none;
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 0px;
		flex:initial;
	}
	
}
.line-product .logo_pix {
	margin-left:-15px;
	padding: 0.5rem 1.5rem 0.5rem 15px;
	display: inline-block;
}
	
.photo img {
	max-height: 60px!important;
}

@media(min-width:992px) {
	.line-product-full {
		padding: 20px 25px;	
	}
	
	
	
	.line-product .logo_pix {
		margin-left:-25px;
		padding: 0.5rem 1.5rem 0.5rem 25px;
	}
	
	.line-cart-resume-info {
		font: normal normal 400 14px/18px Montserrat;
	}	
	.line-cart-resume-amount {
		font: normal normal 500 14px/18px Montserrat;
	}
	
	.right-info-cart .icon-reassur {
		height: 40px;
		width: 40px;
	}	
	.bloc-element-resume {
		margin-top:60px!important;
	}
	.title-cart {
		font: normal normal 600 30px/44px Montserrat;
		letter-spacing: -.015em;
		margin-bottom: 1rem;
	}
	
	.photo {
		max-height: 190px;
	}
	
	.photo img {
		max-height: 130px!important;
		margin: auto;
	}
	
	.content-shipping .photo img {
		max-height: 80px!important;
		margin: auto;
	}
}


.floating-labels .field--third--xs {
    width: 33.333333%;
}
.floating-labels .field--half--xs {
    width: 50%;
}

/* prdt tile */
.wishlist-add {
	display:none;
}

/* prdt tile add on */
@media(max-width:992px) {

	ul.sublink li.link {
		letter-spacing:0;
		line-height:22px;
		margin-bottom:0.5rem;
		border-radius:11px;
		font-size:11px;
	}
	
	
	.prdt-tile.prdt-tile-bundle-pixcare .imgProduct {
		height: 120px;
	}
	.prdt-tile-bundle-pixcare .pt-title-product {
		max-height:40px;
	}
	.prdt-tile-bundle-pixcare .pt-title-product h2 {
		font: normal normal 500 12px/17px Montserrat;
	    max-height: 35px;
	}
	.prdt-tile-bundle-pixcare .prdt-tile-price-line {
		margin-bottom:0px;
	}
	
	.search-result-items-pixeasy.display-items-carousel {
		gap: 5px;
	}
	
	.search-result-items-pixeasy.display-items-carousel .item {
		flex: 0 0 44.6666%;
		max-width: 44.6666%;
	}
}

/* cart */
.fixed-bottom .dsp-price {
	font: normal normal 600 15px/15px Montserrat;	
	color:white;
	text-align:center;
}


/* payment */
.bloc-element-payment.v2{
	border:1px solid #dcdcdc!important;
}
.label-payment{
	color:white;
	border-radius:6px;
	background:black;
	font-size:11px;
	padding:3px 6px;
}

.showPaiementMode-method img {
	height:15px;
}
ul.payment  img {
	height:75px;
}

@media(min-width:992px) {
	.label-payment{
		font-size:13px;
		padding:6px 7px;
	}
	.showPaiementMode-method img {
		height:25px
	}

}
.label-payment-pink{
	color:white;
	border-radius:6px;
	background:#DB0680;
	font-size:15px;
	padding:7px;
}
.label-advise{
	background:rgba(53, 85, 165, 0.1);
	border-radius:8px;
	padding:5px 15px 5px 30px;
	cursor:pointer;
}
.label-advise:before{
	content:"i";
	width:30px;
	height:30px;
	background-color:#3555A5;
	position:absolute;
	border-radius:15px;
	color:white;
	text-align:center;
	left:15px;
	margin-top:-20px;
	font-size:18px;
	font-weight:700;
	line-height:30px;
}
.showCagnottePix{
	position: relative;
	padding: 0 20px 0 45px;
	height: 50px;
	display: block;
	min-height: 50px;
	font-size:18px;
	font-weight:700;
}
.showCagnottePix:before{
	left: 25px;
}
.icon-dot-green{
	width: 20px;
	height: 20px;
	background: #3BAF35;
	border: 2px solid #3BAF35;
	border-radius:50%;
	position:relative;
	margin-right:10px;
}

.vector29{
	width: 0px;
	height: 190px;
	left: 10px;
	border: 1px dashed #C0C0C0;
}

.green-dots{
	list-style: none;
	width:100%;
	margin-right:30px;
	position:relative;
}
.green-dots:before{
	content:"";
	width: 0px;
	position:absolute;
	top:0;
	bottom:0;
	left:10px;
	border: 1px dashed #C0C0C0;
}
@media(min-width:992px) {
	.green-dots:before{
		left:44px;
	}
}
.green-dots li{
	margin-left:30px;
	margin-bottom:20px;
	font-size:15px;
	font-weight:100;
	width:100%;
	min-height:50px;
}
.green-dots li:before{
	content:"";
	width: 20px;
	height: 20px;
	background: #3BAF35;
	border: 2px solid #3BAF35;
	border-radius:50%;
	position:absolute;
	margin-left:-30px;
}
.green-dots li:last-child:before{
	content:"OU";
	color:white;
	font-size:10px;
	font-weight:600;
}
.showPaiementModeDetail{
	margin-left:15px;
	margin-right:15px;
}


.showPaiementMode .showPaiementMode-method:before {
	content: "";
	border-radius: 50%;
	width: 20px;
	height: 20px;
	border: 1px solid silver;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
}
.showPaiementMode .showPaiementMode-method--gift {	
	padding: 0 20px 0 40px;
}
.showPaiementMode .showPaiementMode-method--gift:before {
	content: "\f107";
	font-family: FontAwesome;
	color: #ccc;
	font-size: 26px;
	border-radius: initial;
	width: initial;
	height: initial;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	border: none;
	margin-top: initial;
}

.cart-resume-container .resume-title {
	background:#3baf35;
	border-radius: 20px 20px 0 0;
	position:relative
}

.cart-resume-container.opened .resume-title {
	background:white;	
}

.cart-resume-container.opened .resume-title .rt-c {
	background:#3baf35;
	border-radius: 0 0 20px 20px ;
}	


.cart-resume-container .resume-title:before {
	content:"";
	width:30px;
	position:absolute;
	border-top:1px solid white;
	transform: translateX(-50%);
	top:10px;
	left:50%;
	margin-left:initial;
}
.cart-resume-container .resume {
	padding-bottom:3rem;
}

@media(min-width:992px) {
	.custom-amount {
		width:80px; 
		font-size:11px;
	}
	.container-payment {
		width:66.6666%;
		margin:auto;
	}
}

.payment_dots {
	margin-left:12px;
}
.payment_dots li {
	padding-left: 20px;
	position: relative;
	padding-bottom: 15px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.payment_dots li .oc {
	padding-right: 20px;
}

@media(min-width:992px) {
	.payment_dots li {
		padding-bottom: 25px;
	}
}
.payment_dots li .amount {
	margin-left:1rem;
	width:100px;
	text-align:right;
}

.payment_dots li:not(.last):before {

	content: "";
	top: 5px;
	left: 0px;
	width: 1px;
	height: calc(100% + 5px);
	/*background: #3baf35;*/
	border-left:1px dashed silver;
	position: absolute;
}



.payment_dots li:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 10px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: #3baf35;
}
.payment_dots li.last-or:after {
	content: "ou";
	text-align: center;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: 600;
	color: white;
	line-height: 20px;
}

.resume-partner-credit .bloc-resume {
	padding:0.5rem 0 0.5rem 0;
	border-top:1px solid #efefef;
}
.resume-partner-credit .bloc-resume:first-child {
	border-top:none;
}

@media(min-width:992px) {
	.resume-partner-credit .bloc-resume {
		padding:0 0.5rem 0 0.5rem;
		border-top:none;
	}
	
}

@media screen and (min-width: 768px){
	.item-detail-full {
		flex-direction: row;
	}
	#item-cta {
		width: 55%;
	}
	#item-content{
		width: 44%;
    	margin-right: 0.75em;
	}
}



/* cart >> shipping */

.content-shipping .line-product-full:not(.line-product-shopper) {
	border-bottom:1px solid rgba(0,0,0,.1);
	border-radius:0;
}

@media (max-width: 768px) {
	.content-shipping .detailquantityproduct.displayShipping {
	    page-break-before: initial;		
		border-top : none;
		padding-top : 0;
		margin-top : 0;
	    flex: .25;
	}
	.content-shipping .line-product-title {
    	font: normal normal 600 12px/16px Montserrat;
	    display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-height: 32px;
	}
	.content-shipping .line-product.line-product_addon {
		align-items: start;
	}
	.content-shipping .line-product-full:not(.line-product-shopper) {
	    padding: 5px 15px;
		margin : 5px 0px;
	}
	.content-shipping .line-product-shopper {
		margin-bottom:0;
		font: normal normal 700 12px/16px Montserrat;
		 padding: 5px 15px;
	}
}
@media (min-width: 992px) {
	.content-shipping .line-product_services {
		margin-top:1rem;
	}
}



/* Modification partie droite du menu  */
@media screen and (min-width:768px) and (max-width: 992px){
	.popover_banner {
		display:none !important;
	}
}