/*.pieces-plugs{display:flex;flex-wrap: wrap;gap: 12px;}*/

/* Mini-fiche Pièce */
.piecePlug{display:flex;background-color:#FFF;border:1px solid var(--primary-025);transition:0.3s;}
.piecePlug-picture{display:flex;}
.piecePlug-picture img{object-fit:contain;max-width:100%;max-height:100%;}
.piecePlug-text{flex:1;display:flex;flex-direction:column;}
.piecePlug-content{flex:2;display:flex;flex-direction:column;margin-bottom: auto;}
.piecePlug-text-header{display:flex;}
.piecePlug-brand-reference{flex: 1;display: flex;flex-direction: column;}
.piecePlug-brand-reference > *{flex: 1;}
.piecePlug-brand{font:400 13px/15px var(--font-text);color:#909090;margin-top:10px;text-transform:uppercase;}
.piecePlug-reference{font:400 13px/15px var(--font-text);color:#909090;margin-top:5px;}
.piecePlug-discount{display: flex;align-items: center;justify-content: flex-end;}
.piecePlug-discount > div{background-color: #FF7367;font: 500 11px/13px var(--font-text);color: #FFF;border-radius: 10px;padding: 5px 10px;}
.piecePlug-name{font:700 16px/18px var(--font-text);color:#222;margin-top:5px;text-transform:uppercase;text-overflow: ellipsis;/*white-space: nowrap;*/overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 36px;}
.new-piecePlug-delivery{font-size:13px;margin-top:10px;}

/*Vertical*/
.piecePlug.vertical{flex-direction:column;width:246px;padding:15px 30px 20px;border-radius: 10px; margin-bottom: 35px;}
.piecePlug.vertical .piecePlug-name{text-transform: unset}
.piecePlug.vertical .new-piecePlug-delivery{font-size:13px;margin:10px 0;}
.piecePlug.vertical .piecePlug-compatibility{font-size:11px;margin-top:5px;}
.piecePlug.vertical .piecePlug-text-header{height: 45px;}
.piecePlug.vertical .piecePlug-cart{display:flex;align-items:center;margin:unset}
.piecePlug.vertical .compatibleBrands{font: 300 11px/13px var(--font-text);}
.piecePlug-stars{font-size:22px;margin:10px 0;}
.piecePlug-description{font-size:13px;/*margin:5px 0;*/margin-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height: 60px;}
.piecePlug-cart{display:flex;align-items:center;}
.piecePlug-price{flex:1;font:700 16px/18px var(--font-text);}
.piecePlug-form{flex:1;}
.piecePlug-button{background-color: var(--primary-color);border-radius:20px;padding:10px 32px;}
.piecePlug:hover{border-color:var(--primary-color);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);}
/*.piecePlug.vertical .piecePlug-content{display:flex;flex-direction:column;flex:1;}*/
.piecePlug-piece-statement{font:400 12px/14px var(--font-text);position:absolute;top: 0; left: -15px;background: var(--primary-color); color: #FFF;border-radius: 5px; padding: 8px}
.piecePlug-piece-statement-full{font:400 13px/15px var(--font-text);margin-top:10px;position:absolute;top:15px; left: 20px;z-index: 1;background: var(--primary-color); color: #FFF;border-radius: 5px; padding: 10px}
.piecePlug .review__header{margin:0;}
.piecePlug.horizontal{width:600px;padding:30px;}
.piecePlug.horizontal .piecePlug-text{margin-left:20px;width: 260px;}
.piecePlug.horizontal .piecePlug-compatibility{margin-top: 10px}
.piecePlug.horizontal .piecePlug-name{text-transform: none; height: unset;}
.pieceAdded .piecePlug.horizontal .piecePlug-cart{margin: unset !important;}

.piecePlug.full{min-width:100%;padding:20px;max-height: 230px;}
.piecePlug.full .piecePlug-picture{width:190px;height:190px;}
.piecePlug.full .piecePlug-text{flex-basis:395px;flex-direction:row;}
.piecePlug.full .piecePlug-name{margin-top: 15px;}
.piecePlug.full .piecePlug-cart{flex:1;flex-direction:column;padding-left:20px;border-left:1px solid var(--primary-025);margin:0;align-items: start;}
.piecePlug.full .piecePlug-form{flex:0;margin-top:auto;width: 100%;}
.piecePlug.full .piecePlug-button{font-weight: 500;font-size: 13px;line-height: 15px;color: #FFFFFF;text-transform: uppercase;padding: 10px 0;width: 100%;}
.piecePlug.full .piecePlug-price{flex: 0;margin-bottom: 10px;}

.piecePlug-price-stroked{font: 400 13px/15px var(--font-text);text-decoration: line-through;color: #909090;}

.pieceTabs-characteristics{width: 100%;background-color: #FAFAFA;}
.pieceTabs-characteristics-value{font-weight: 700;text-align: right;}
/*.pieceTabs-characteristics tr{background-color: #FAFAFA;}*/
.pieceTabs-characteristics td{padding: 8px;}
.pieceTabs-characteristics tr:hover td{background-color: #F4F4F4;}

/*.pieceDetails-submit, .piecePlug-button{transition: 0.5s;}*/
/*.pieceDetails-submit:hover, .piecePlug-button:hover{background-color: var(--primary-010);}*/
.pieceDetails-submit:disabled, .piecePlug-button:disabled{background-color: #DDD !important;color: #333 !important;cursor: auto;}

.deliveryDate-wrap{display: flex;align-items: center;width: 100%;justify-content: center;background-color: #FFD0CC;border-radius: 16px;padding: 6px;}
.deliveryDate-wrap form button{display: flex;align-items: center;padding: 0;}
.deliveryDate-wrap form button .deliveryDate-error{font: 400 0.66em/1.15em var(--font-text);}
.piecePlug .deliveryDate-wrap form button .deliveryDate-error{font: 400 10px/11px var(--font-text);}

.checkCompatibility-validate, .checkCompatibility-refuse{display:none;}
.checkCompatibility-match{background-color: var(--primary-010);color: var(--primary-color);font: 500 13px/15px var(--font-text);border-radius: 5px;border: 1px solid var(--primary-color);text-align: center;padding: 5px 10px;}
.checkCompatibility-nomatch{background-color: rgba(255, 69, 52, 0.2);color: #FF4534;font: 500 13px/15px var(--font-text);border-radius: 5px;border: 1px solid #FF4534;text-align: center;padding: 5px 10px;}
.checkCompatibility-return{display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;background-color: var(--primary-color);color: #FFF;border-radius: 50%;margin: 6px auto;cursor: pointer;}

.piecesList{padding:0 20px;margin:40px 0;/*margin:80px 0;*/}
.piecesList-title{font:700 36px/36px var(--font-title);color:var(--secondary-color);text-transform:uppercase;margin:0 auto;max-width:var(--width);}
.piecesList-subTitle{font:400 24px/24px var(--font-title);color:#909090;margin:10px auto 0;max-width:var(--width);}
.piecesList-wrapper{display: flex;margin: 0 auto;max-width: var(--width);padding: 30px 0;}
.piecesList-branches{min-width: 311px;margin-right: 20px;}
.piecesList-branches-border{border: 3px solid #F4F4F4;}
.piecesList-branches-title{background-color: #F4F4F4;color: var(--primary-color);font: 700 16px/20px var(--font-title);padding: 14px 20px;}
.piecesList-branches-label{display: block;padding-bottom: 10px;}
.piecesList-branches-label.checked{color: var(--primary-color);}
.piecesList-branches-label:hover{color: #999;}
.piecesList-branches-subtitle{font: 400 11px/13px var(--font-text);color: #909090;padding-bottom: 6px;}
.piecesList-branches-body{padding: 5px 20px;}
.piecesList-products{flex: 1;display: none;gap: 30px 65px;flex-wrap: wrap;}

.piecesList-radio{display: none;}
input:checked + .piecesList-products{display: flex;}

/* FAQ */
.faq{margin-bottom: 30px;}
.faq-title{font: 700 24px/24px var(--font-title);}
.faq-list{}
.faq-item{font: 400 16px/18px var(--font-text);border-bottom: 1px solid #C8C8C8;padding: 16px;}
.faq-item input{position: absolute;width: 1px;height: 1px;visibility: hidden;opacity: 0;}
.faq-item input + label{}
.faq-item input + label:before{position: absolute;content: '+';top: 0;left: -15px;font: 400 20px/18px var(--font-text);}
.faq-item input + label:after{position: absolute;content: '-';top: 0;left: -15px;font: 400 20px/18px var(--font-text);display: none;}
.faq-item input:checked + label:before{display: none;}
.faq-item input:checked + label:after{display: block;}
.faq-item input + label + div{display: none;}
.faq-item input:checked + label + div{display: block;}
.faq-item-text{font-style: italic;padding-top: 12px;}

/* Popup Warning Restock */
.warningRestock{width:600px;background:white;border-radius:20px;padding:30px 50px;}
.warningRestock-title{font:700 36px/36px var(--font-title);}
.warningRestock-plug{margin:30px 0;}
.warningRestock-foot{display:flex;}
.warningRestock-foot form{width: 100%;}
.warningRestock-btn{width:170px;font:500 13px/15px var(--font-text);border:1px solid var(--primary-color);text-align:center;padding:12px 6px;border-radius:20px;color:var(--primary-color);}
.warningRestock-btn + .warningRestock-btn{margin-left:15px;color:white;background:var(--primary-color);}
.warningRestock-close{position:absolute;top:10px;right:10px;width:20px;height:20px;}
.warningRestock-close::before{position:absolute;left:-2px;width:24px;height:2px;border-radius:2px;background:#D6D6D8;transform:rotate(45deg);content:'';}
.warningRestock-close::after{position:absolute;left:-2px;width:24px;height:2px;border-radius:2px;background:#D6D6D8;transform:rotate(-45deg);content:'';}
.warningRestock-row{width: 100%;display: flex; gap: 10px;margin-bottom: 10px;}
.warningRestock-input{flex: 1;}
.warningRestock-input input{width: 100%;font: 300 16px/18px var(--font-text);border: 1px solid #CFD1D9;border-radius: 5px;padding: 18px 10px;}
.warningRestock-buttons{display: flex;justify-content: center;align-items: center;}

.warningRestock .piecePlug.horizontal{border:0;box-shadow:var(--shadow);width:100%;padding:20px;}
.warningRestock .piecePlug.horizontal .piecePlug-picture{width:190px;height:190px;}
.warningRestock .piecePlug-brand{font:400 16px/18px var(--font-text);}
.warningRestock .piecePlug-reference{font:300 16px/18px var(--font-text);}
.warningRestock .piecePlug-name{font:700 24px/24px var(--font-title);}
.warningRestock .piecePlug-stars{display:none;}
.warningRestock .piecePlug-price{font:700 24px/24px var(--font-title);}
.warningRestock .piecePlug-form{display:none;}

.piecePlug-alternatives{background-color: var(--primary-color);color: #FFF;border-radius: 10px;font: 400 9px/10px var(--font-text);padding: 5px 10px;margin-top: 10px;align-self: flex-start;}


/* Home slider */
.homeSlider-container{background: var(--primary-025);}
.homeSlider-circle-overflow{position: absolute; top: 0; left: 50%; right: 0; height: 100%; overflow: hidden;}
.homeSlider-circle{position: absolute; top: 50px; left: 110px; height: 170%; aspect-ratio: 1; border-radius: 50%; background: var(--primary-055);}
.home-slider-background{position: absolute; width: 100%; display: none}
.home-slider{max-width: var(--width); margin:auto;display: flex;height: 530px;}
.home-slider-left{display: flex; flex-direction: column; width: 50%;justify-content: center;max-width: 603px;}
.home-slider-center{display: flex;flex-direction: column;width: 15%;align-items: flex-end;justify-content: space-evenly; margin: 10px;}
.home-slider-right{display: flex;justify-content: center; width: 35%; align-items: flex-end}
.home-slider-right.July::before {content: "";height: 650px;width: 650px;background: url(https://files.swap-europe.itjl.xyz/shop/public/img/HeaderBannerExplosion.png) center / cover;transform: rotate(150deg);position: absolute;top: -13%;left: 60px;}
.homeSlider-title{display:flex;font:700 58px/60px var(--font-title);color:var(--secondary-color);z-index:10;}
.homeSlider-title strong{color: var(--primary-color); display: contents;}
.homeSlider-subtitle{display:flex;font:400 24px/24px var(--font-title);color:#595959;z-index:10; margin-top: 0.2vw}
.home-slider-picto{display:flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.8);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);border-radius: 10px; width: 135px; height: 135px;}
.home-slider-picto-title{font:700 15px/15px var(--font-title);}
.home-slider-picto-subtitle{font:400 11px/12.64px var(--font-text);color:#909090; text-align: center; margin: 5px 5px 10px 5px;}
.home-slider-picto-picture{margin: 10px;height: 38px;}
/*.homeSlider-side-picture {height: 469px;z-index: 1;margin: 60px 0 0;}*/
.searchDetailBlock{display:grid;grid-template-columns:repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);grid-template-areas: "fs fs" "ss ts" "btn btn";gap: 1vw;margin:0 auto;width:100%;margin-top: 1.3vw;}


.first-select{grid-area:fs;width:100%;}
.chosen-container{width:100% !important;}
.second-select{ grid-area:ss;}
.third-select{grid-area:ts;}
.search-detail-block-buttons{grid-area:btn;}
.search-detail-block-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--primary-color);color: #FFF;border-radius: 24px;min-height: 48px;}
.search-detail-block-btn-title{font: 700 16px/16px var(--font-text);text-transform: uppercase;}
.search-detail-block-btn-subtitle{font: italic 400 12px/16px var(--font-text); opacity: 0.8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 300px;}
a.search-detail-block-btn{transition: 0.2s;animation: fadeIn 0.5s;}
div.search-detail-block-btn{opacity: 0.5; color: #ffffffaa; cursor: auto;}
.chosen-container-single .chosen-single div{justify-content: flex-end}
.chosen-single{border: 1px solid #E9E9E9 !important;}
.select-search-detail-block-brand{background: #f4f4f4}
@keyframes fadeIn {from{background-color: var(--primary-color);color: #FFF;opacity: 0.5;} to{background-color: var(--primary-color);color: #FFF;opacity: 1;}}
/* Who are we */
.whoAreWe{display: flex; justify-content: center; align-items: center; gap: 50px;max-width: var(--width);margin: 50px auto;}
.whoAreWe-left{width: 50%;}
.whoAreWe-right{width: 50%; padding: 140px 0 0 0;}
.whoAreWe-image{width: 484px; height: 658px; z-index: 1;margin-left: 10px;border-radius: 0 30px;margin-bottom: -3px;}
.whoAreWe-green-bg{background-color: var(--primary-color); position: absolute; bottom: 0;right: 0;border-radius: 0 50px;width: 565px;height: 535px;}
.whoAreWe-shadow{background: var(--secondary-color);position: absolute;bottom: -15px;right: -15px;width: 510px;height: 479px; z-index: -1;}
.whoAreWe-title{font: 700 36px/36px var(--font-title);color: var(--secondary-color);}
.whoAreWe-subTitle{font: 400 13px/14px var(--font-text);color: #595959;margin-top: 1.5vw; display: flex; flex-direction: column; gap: 15px}

/* Contacter nous    */
.section-contact{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height:283px;max-width: var(--width);width: 83%;margin: 80px auto 0;border-radius:30px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);background: var(--primary-005);}
.section-contact-title, .section-contact-title-responsive{font:700 48px/48px var(--font-title);color:#222222;margin-bottom: 30px;}
.section-contact-title-responsive{display: none}
.section-contact-scribs{margin-bottom: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.section-contact-scrib{font:400 16px/18px var(--font-text);color: #595959;text-align: center}
.section-contact-link{background: var(--primary-color);color:#FFFFFF;border-radius: 20px;padding: 12px 60px;font:500 13px/15px var(--font-text);}


@media screen and (min-width: 1250px ) {
	.home-slider-right{padding: 0 0 0 100px;}
}

@media screen and (max-width: 1250px) {
	.whoAreWe-green-bg{width: 46.3vw;height: 500px;}
	.whoAreWe-yellow-bg{width: 46.3vw;height: 500px;}
	.whoAreWe-shadow{width: 44vw;height: 450px;}
	.home-slider-picto-picture{height: 30px;}
	.home-slider{width: 90%; margin: 0 auto}
	.homeSlider-side-picture{height: 400px;}
	.home-slider-right.July::before {height: 450px; width: 450px; top: -4%;}
}

@media screen and (max-width: 1100px) {
	/*.whoAreWe-image{height: 462px; width: unset;}*/
	/*.whoAreWe-green-bg{width: 337px; height: 512px}*/
	.searchDetailBlock{padding-top: 12px;}
	.home-slider-picto-picture{height: 30px;}
}

@media screen and (max-width: 1050px) {
	.whoAreWe-image {height: 63vw; width: unset;}
	.whoAreWe-image.july {height: 46vw; width: unset;}
	.whoAreWe-image.july.explosion {height: 46vw; width: unset; top: -3vw; left: 0;}
}

@media screen and (max-width: 800px) {
	.home-slider-background{height: 441px; width: 100%; background: var(--primary-025);}
	.home-slider-background img{display: none}
	.home-slider-left{width: 80%;padding: 0 5vw 0 5vw; margin: 40px auto}
	.home-slider-center{display: none}
	.home-slider-right{display: none;}
	.homeSlider-circle-overflow{display: none;}
	.searchDetailBlock{grid-template-columns:1fr; grid-template-rows: repeat(4, 1fr);grid-template-areas: "fs" "ss" "ts" "btn";}
	.search-detail-block-btn{height: 40px;}
	.chosen-container{padding: 0;}
	.first-select .chosen-container-single .chosen-single div b{background-position: unset;}
	.section-contact-title{display: none;}
	.section-contact-title-responsive{display: block;font:700 25px/25px var(--font-title);}
	.section-contact-scribs{flex-direction: row; margin: 0 20px 30px;}
}

@media screen and (max-width: 700px) {
	.home-slider #select-search-detail-block-category, .home-slider #select-search-detail-block-model{ background:#f4f4f4}
	.home-slider .chosen-select{appearance: none; font: 400 13px/13px var(--font-text); color: #595959 !important;}
	.home-slider home-slider-select:focus .chosen-select{rotate: 180deg}
	.whoAreWe{display: block; width: 90%; margin: auto;}
	.whoAreWe-left{display: none}
	.whoAreWe-right{padding: 0; width: 100%}
	.homeSlider-title{font:700 30px/30px var(--font-title);}
	.homeSlider-subtitle{font:400 16px/16px var(--font-title); padding: 10px 0;}
	.search-detail-block-btn{margin-top: 10px}
	.home-slider-background{height: 500px;}
	.home-slider-background{height: 441px;}
	.home-slider-left{width: 100%;}
	.home-slider-center{display: none}
	.home-slider-right{display: none;}
	.searchDetailBlock{grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr);grid-template-areas: "fs" "ss" "ts" "btn";}
	/*.pieces-plugs{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}*/
}
/*.homeSlider h1{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;bottom: 0;left: 0;font: 500 4.2vw/53px var(--font-title);color: #FFF;text-shadow: 0px 0px 10px #000;z-index: 10;}
.homeSlider h1 q{quotes: "\201c" "\201e";}
.homeSlider h1 q:before, .homeSlider h1 q:after{font-family: Arial;font-size: 6vw;}*/
/*.homeSlider .futur-h1 q{quotes: "“" "„";}*/
/*.homeSlider .futur-h1 q:before, .homeSlider .futur-h1 q:after{position: absolute;font-family: Arial;font-size: 5vw;}*/
/*.homeSlider .futur-h1 q:before{content: '\201c';top: -50%;left: -32px;}*/
/*.homeSlider .futur-h1 q:after{content: '\201d';bottom: -100%;right: -32px;}*/