:root{
    --width: 1280px;
    --shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
}

@font-face{
	font-family:'MaterialIcons';
    font-display:block;
    font-style:normal;
	font-weight:400;
	/* src:url('../font/material-icons.eot'); */
	src:url('../font/material-icons.woff2') format('woff2'),
		url('../font/material-icons.woff') format('woff'),
		url('../font/material-icons.ttf') format('truetype');
}

.mi{
	font-family:'MaterialIcons';

    display:inline-block;
	vertical-align:middle;

    font-weight:normal;
	font-style:normal;
	text-transform:none;
	text-decoration:none;

	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	font-feature-settings:'liga';
}

/* Tags */
*, :before, :after{box-sizing:border-box;position:relative;}
html{width:100%;height:100%;overflow:hidden;}
body{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;margin:0;font-family:Ubuntu, sans-serif;}
body.blurred{overflow:hidden;}
body.blurred > :not(.imageSlider):not(.popup):not(.header){filter:blur(5px);}
a{text-decoration:none;color:inherit;}
h1, h2, h3, h4, h5, h6, p{margin:0;}
a[href], button, label[for]{cursor:pointer;}
button{background:none;border:0;}
ul{list-style:none;padding:0;margin:0;}

/* Classes utiles plusieurs fois */
.global-title{font:700 36px/36px 'DM Sans', sans-serif;color:var(--secondary-color);text-transform:uppercase;margin:0 auto;max-width:var(--width);}
.global-subtitle{font:400 24px/24px 'DM Sans', sans-serif;color:#909090;margin:10px auto 0;max-width:var(--width);}

/* Liste des marques */
.brandsList{padding:0 20px;margin:80px 0;}
.brandsList-wrapper{margin:0 auto;max-width:var(--width);display:flex;flex-direction:column;}
.brandsList-list{display:flex;list-style:none;flex-wrap:wrap;justify-content:space-between;padding:30px 0 0;margin:-15px;}
.brandsList-item{margin:15px;}
.brandsList-item img{object-fit:contain;}
.brandsList-item:hover{outline:2px solid black;}
.brandsList-link{align-self:center;margin-top:30px;font:700 16px/18px 'Ubuntu', sans-serif;color:var(--primary-color);height:42px;border-radius:21px;padding:12px 40px;border:1px solid var(--primary-color);}

/* Fil d'arianne */
.breadcrumb{font:400 14px/16px 'Ubuntu', sans-serif;color:#222;margin:30px 0;padding:0 20px;}
.breadcrumb-wrapper{margin:0 auto;max-width:var(--width);display:flex;align-items:center;}
.breadcrumb-wrapper:before{position:absolute;top:50%;left:0;right:0;border-top:1px solid #eee;content:'';}
.breadcrumb-links{display:flex;margin:0 auto;align-items:center;line-height:40px;background-color:white;padding:0 30px;z-index:1;}
.breadcrumb-link:hover{color:var(--primary-color);}
.breadcrumb-link + .breadcrumb-link:before{color:#333;vertical-align:middle;font:16px/20px MaterialIcons;content:'chevron_right';}
.breadcrumb-link:last-child{color:var(--primary-color);}
.breadcrumb-back{background-color:white;padding-right:30px;}
.breadcrumb-back:hover{color:var(--primary-color);}
.breadcrumb-back:before{vertical-align:middle;font:16px/20px MaterialIcons;margin-right:10px;content:'keyboard_backspace';}

/* Panier - Global */
.cart{margin:30px 0 80px 0;padding:0 20px;}
.cart-sections{max-width:var(--width);margin:30px auto 0;display:flex;justify-content:space-between;}
.cart-section-content{flex:1;}
.cart-section-delivery{flex-basis:600px;}
.cart-section-preview{flex-basis:536px;margin-left:100px;}
.cart-section-summary{flex-basis:450px;margin-left:150px;}
.cart-title{font:400 24px/24px 'DM Sans', sans-serif;color:#000;margin-top:30px;}
.cart-subtitle{font:400 13px/15px Ubuntu, sans-serif;color:#909090;margin-top:10px;}
.cart-flex{display:flex;justify-content:space-between;align-items:center;}
.cart-flex + .cart-flex{margin-top:20px;}
.cart-flex > .cart-title{margin:0;}
.cart-input{flex:1;height:40px;border:1px solid #C8C8C8;padding:0 10px;border-radius:5px;}
.cart-input + .cart-input{margin-left:20px;}
.cart-input + .customSelect{margin-left:20px;flex:1;}
.cart-input:focus{border-color:#222;outline:none;}
.cart-box{display:block;font:400 13px/15px Ubuntu, sans-serif;}
.cart-box input{display:inline-block;vertical-align:middle;margin-right:5px;}
.cart-box span{display:inline-block;vertical-align:middle;}
.cart-box span > div{}
.cart-box a{font-style:italic;font-weight:300;color:var(--primary-color);}
.cart-box a:hover{text-decoration:underline;}
.cart-prev{font:400 14px/16px Ubuntu, sans-serif;}
.cart-prev:before{display:inline-block;vertical-align:middle;font:400 20px/16px MaterialIcons;content:'keyboard_backspace';margin-right:10px;}
.cart-next{padding:12px 20px;border-radius:20px;font:500 13px/15px Ubuntu, sans-serif;color:white;background:var(--primary-color);text-transform:uppercase;}

/* Panier - Fil d'ariane */
.cartBreadcrumb{font:400 13px/15px Ubuntu, sans-serif;color:#222;margin:10px 0;}
.cartBreadcrumb-link{vertical-align:middle;}
.cartBreadcrumb-separator{vertical-align:middle;font-family:MaterialIcons, sans-serif;}
.cartBreadcrumb-link.selected{color:var(--primary-color);}

/* Panier - Choix (transporteur / paiement / adresses) */
.cartChoices{border:1px solid #C8C8C8;border-radius:5px;margin:20px 0 30px;overflow:hidden}
.cartChoices input{display:none;}
.cartChoices-item{display:flex;align-items:center;padding:12px 10px 12px 35px;}
.cartChoices-item:hover{background-color:#F0F8FF;}
.cartChoices-item:before{position:absolute;width:15px;height:15px;top:13px;left:10px;border-radius:50%;transition:0.2s;border:1px solid #000;content:'';}
.cartChoices-item + input + .cartChoices-item{border-top:1px solid #C8C8C8;}
input:checked + .cartChoices-item:before{border-width:6px;}
.cartChoices-item-details{flex:1;}
.cartChoices-item-title{font:400 13px/15px Ubuntu, sans-serif;}
.cartChoices-item-delay{font:400 11px/13px Ubuntu, sans-serif;color:#909090;}
.cartChoices-item-picture{max-height:30px;max-width:150px;margin:0 10px;}
.cartChoices-item-price{flex-basis:50px;text-align:right;font:500 13px/15px Ubuntu, sans-serif;}

/* Panier - Liste des Pièces */
.cartContent{}
.cartContent-piece{padding:20px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);display:flex;align-items:center;}
.cartContent-piece + .cartContent-piece{margin-top:30px;}
.cartContent-piece-picture{width:132px;height:132px;}
.cartContent-piece-picture img{width:100%;height:100%;object-fit:contain;}
.cartContent-piece-details{flex:1;margin:0 10px;}
.cartContent-piece-brand{font:400 16px/18.5px Ubuntu, sans-serif;color:#909090;margin-bottom:5px;text-transform:uppercase;}
.cartContent-piece-ref{font:300 16px/18.5px Ubuntu, sans-serif;color:#909090;margin-bottom:15px;}
.cartContent-piece-name{font:700 24px/24px 'DM Sans', sans-serif;color:#222;margin-bottom:10px;text-transform:uppercase;}
.cartContent-piece-compatible{font-size:13px;}
.cartContent-piece-cart{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;}
.cartContent-piece-qty{display:block;width:92px;height:54px;background:white;border:1px solid #909090;}
.cartContent-piece-qty{font:700 24px/24px "DM Sans", sans-serif;color:#000;text-align:center;padding:0 10px;}
.cartContent-piece-price{font-size:24px;margin-top:20px;white-space:nowrap;}
.cartContent-piece-form{position:absolute;top:0;right:0;}
.cartContent-piece-remove{padding:5px 10px;font:700 16px/18.5px Ubuntu, sans-serif;color:#909090;}

/* Panier - Preview */
.cartSummary{border:1px solid #C8C8C8;padding:30px;}
.cartSummary-preview{border:2px solid var(--primary-color);padding:20px;border-radius:10px;}
.cartSummary-piece{display:flex;padding:10px 0;align-items:center;}
.cartSummary-piece + .cartSummary-piece{margin-top:10px;}
.cartSummary-piece-picture{width:95px;height:95px;object-fit:contain;}
.cartSummary-piece-details{flex:1;margin:0 10px;}
.cartSummary-piece-name{font:700 16px/18px Ubuntu, sans-serif;color:#222;text-transform:uppercase;}
.cartSummary-piece-data{font:300 13px/15px Ubuntu, sans-serif;color:#909090;margin-top:6px;}
.cartSummary-piece-price{text-align:right;font-size:16px;}
.cartSummary-piece-qty{position:absolute;top:0;left:85px;width:20px;height:20px;background:#595959;color:white;border-radius:50%;font:700 16px/20px Ubuntu, sans-serif;text-align:center;}
.cartSummary-row{display:flex;font:16px/18.5px Ubuntu, sans-serif;justify-content:space-between;margin-bottom:30px;}
.cartSummary-code{border:solid #E9E9E9;border-width:1px 0;padding:30px 0;margin:30px 0;}
.cartSummary-code-add{display:flex;}
.cartSummary-code-input{flex:1;border:1px solid #C8C8C8;height:40px;border-radius:5px;margin-right:10px;padding:0 10px;}
.cartSummary-code-submit{height:40px;border-radius:5px;width:140px;text-align:center;color:white;font:500 13px/15px Ubuntu, sans-serif;background:var(--secondary-color);}
.cartSummary-code-submit:disabled{cursor:auto;background:#C8C8C8;}
.cartSummary-code-list{display:flex;flex-wrap:wrap;margin:5px -5px -5px;}
.cartSummary-code-item{margin:5px;display:flex;background:#E9E9E9;padding:11px 6px 11px 11px;border-radius:5px;}
.cartSummary-code-icon{font:20px/18px MaterialIcons;color:#909090;}
.cartSummary-code-name{font:700 16px/18px Ubuntu, sans-serif;text-transform:uppercase;color:#000;margin:0 4px 0 4px;}
.cartSummary-code-remove{font:16px/18px MaterialIcons;color:#909090;}
.cartSummary-amount{display:flex;font:700 24px/24px 'DM Sans', sans-serif;justify-content:space-between;}
.cartSummary-row + .cartSummary-amount{padding-top:30px;border-top:1Px solid #C8C8C8;}
.cartSummary-box{display:block;margin:30px 0;font:400 13px/15px Ubuntu, sans-serif;}
.cartSummary-box a{font-style:italic;font-weight:300;color:var(--primary-color);}
.cartSummary-box a:hover{text-decoration:underline;}
.cartSummary-next{display:block;width:100%;border-radius:21px;background:var(--primary-color);color:white;text-align:center;font:700 16px/18px Ubuntu, sans-serif;padding:13px 21px;margin:30px 0;}
.cartSummary-secure{text-align:center;font:700 16px/18px Ubuntu, sans-serif;color:var(--primary-color);margin-top:30px;}
.cartSummary-estimation{font:400 24px/24px 'DM Sans', sans-serif;margin:30px 0;}
.cartSummary-accept{font:700 24px/24px 'DM Sans', sans-serif;}
.cartSummary-payments{display:flex;justify-content:space-between;}
.cartSummary-payment{height:47px;}

/* Panier - Étape Informations */
.cartInformation-paypal{margin:30px 0;border:1px solid #C8C8C8;border-radius:5px;padding:10px 20px 20px;text-align:center;}
.cartInformation-paypal-title{display:inline-block;font:500 13px/15px Ubuntu, sans-serif;top:-20px;padding:0 10px;background:white;}
.cartInformation-paypal-button{display:block;margin:0 auto;width:260px;height:42px;background:var(--golden);border-radius:5px;}
.cartInformation-else{text-align:center;font:400 16px/18px Ubuntu, sans-serif;overflow:hidden;margin:30px 0;}
.cartInformation-else span{display:inline-block;background-color:white;padding:0 30px;}
.cartInformation-else:before{position:absolute;top:9px;left:0;right:0;border-top:1px solid #C8C8C8;content:'';}
.cartInformation-mail-error{position:absolute;top:45px;left:0;font:400 11px/13px Ubuntu, sans-serif;color:var(--alert);padding:0 2px;}
.cartInformation-mail-input.error{border-color:var(--alert);outline-color:var(--alert);margin-bottom:10px;}
.cartInformation-help{font:400 13px/15px Ubuntu, sans-serif;}
.cartInformation-help a{color:var(--primary-color);}
.cartInformation-help a:hover{text-decoration:underline;}
.cartInformation-account{display:flex;}
.cartInformation-account-icon{width:50px;height:50px;margin-right:10px;}
.cartInformation-account-details{flex:1;font:400 13px/15px Ubuntu, sans-serif;color:#000;}
.cartInformation-account-name{margin-bottom:5px;}
.cartInformation-account-disconnect{padding:0;}

/* Panier - Étape Point Relais */
.cartRelayPoint{}
.cartRelayPoint .relayPoints-map{height:500px;margin:20px 0 30px;}

/* Panier - Étape Récapitulatif */
.cartReview-summary{border:1px solid #C8C8C8;border-radius:5px;padding:0 10px;margin:30px 0;}
.cartReview-row{display:flex;justify-content:space-between;margin:15px 0;}
.cartReview-row-name{font:400 13px/15px Ubuntu, sans-serif;color:#909090;}
.cartReview-row-value{font:500 13px/15px Ubuntu, sans-serif;color:#000;}
.cartReview-amount{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #C8C8C8;}
.cartReview-amount-name{font:700 24px/24px Ubuntu, sans-serif;color:#000;}
.cartReview-amount-value{font:700 24px/24px Ubuntu, sans-serif;color:#000;}

/* Panier - Étape Paiement */
.cartPayment-item-picture{max-height:24px;margin:-4px 0;}

/* Panier - Affichage des infos précédentes */
.cartSavedData{border:1px solid #C8C8C8;border-radius:5px;padding:0 10px;margin:30px 0;}
.cartSavedData-item{display:flex;padding:15px 0;}
.cartSavedData-item + .cartSavedData-item{border-top:1px solid #C8C8C8;}
.cartSavedData-name{font:400 13px/15px Ubuntu, sans-serif;color:#909090;flex-basis:80px;}
.cartSavedData-details{font:400 13px/15px Ubuntu, sans-serif;color:#000;margin-right:20px;}
.cartSavedData-picture{max-height:24px;}
.cartSavedData-price{font:500 13px/15px Ubuntu, sans-serif;color:#000;margin-right:20px;}
.cartSavedData-weak{font:400 11px/13px Ubuntu, sans-serif;color:#909090;}
.cartSavedData-edit{font:400 11px/13px Ubuntu, sans-serif;color:#000;margin-left:auto;}

/* Formulaire de compatibilité */
.checkCompatibility{}
.checkCompatibility-title{font:500 13px/15px 'Ubuntu', sans-serif;color:#000;margin-bottom:4px;}
.checkCompatibility-area{display:flex;align-items:center;height:33px;border:1px solid var(--primary-color);border-radius:17px;padding:0 17px 0 10px;background-color:#f4f4f4;}
.checkCompatibility-icon{color:var(--secondary-color);font-size:24px;}
.checkCompatibility-input{margin-left:4px;flex:1;font-size:13px;border:0;outline:none;background:none;height:100%;}
.checkCompatibility-results{position:absolute;top:100%;left:17px;right:17px;margin-top:1px;display:none;z-index:10;}
.checkCompatibility-results{background-color:white;box-shadow:var(--shadow);max-height:400px;overflow:auto;}
.checkCompatibility-message{text-align:center;font-style:italic;font-size:14px;color:#909090;padding:10px 20px;}
.checkCompatibility-item{display:flex;align-items:center;padding:5px;font:400 13px/15px 'Ubuntu', sans-serif;color:#000;cursor:pointer;}
.checkCompatibility-item + .checkCompatibility-item{border-top:1px solid #EAEAEA;}
.checkCompatibility-item:hover{background-color:#f4f4f4;}
.checkCompatibility-item-picture{height:100%;width:43px;object-fit:contain;}
.checkCompatibility-item-name{margin-left:10px;flex:1 1 30%;}
.checkCompatibility-item-brand{margin-left:10px;flex:1 1 30%;text-transform:uppercase;}
.checkCompatibility-item-ref{margin-left:10px;flex:1 1 30%;text-transform:uppercase;}
.checkCompatibility-input:focus + .checkCompatibility-results{display:block;}
.checkCompatibility-results:hover{display:block;}

/* Marques compatibles */
.compatibleBrands{display:flex;font:300 13px/15px 'Ubuntu', sans-serif;color:#909090;white-space:nowrap;}
.compatibleBrands-brands{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:0.2em;}
.compatibleBrands-brand:hover{color:#222;}
.compatibleBrands-brand:not(:last-child):after{color:#909090;content:',';}
.compatibleBrands-more{position:static;margin-left:10px;}
.compatibleBrands-more > span{cursor:pointer;color:var(--primary-color);}
.compatibleBrands-more > span:hover, .compatibleBrands-more:focus > span{text-decoration:underline;}
.compatibleBrands-popup{position:absolute;top:100%;left:0;right:0;padding:10px;margin-top:5px;display:none;z-index:10;}
.compatibleBrands-popup{border-radius:10px;background-color:white;box-shadow:var(--shadow);white-space:normal;}
.compatibleBrands-more:focus .compatibleBrands-popup{display:block;}
.compatibleBrands-popup:hover{display:block;}

/* Prix client (avec prix barré & HT/TTC) */
.customerPrice{display:block;}
.customerPrice-stoked{font:400 0.8em/0.8em 'Ubuntu', sans-serif;text-decoration:line-through;color:#909090;}
.customerPrice-price{font:700 1em/1em 'Ubuntu', sans-serif;color:#222;}
.customerPrice-amount{}
.customerPrice-tax{vertical-align:super;font-size:0.7em;}

/* Select custom (avec des radios invisibles) */
.customSelect{display:block;width:100%;height:40px;border:1px solid #C8C8C8;border-radius:5px;}
.customSelect-list{position:absolute;top:100%;left:5px;right:5px;margin-top:1px;background:white;box-shadow:var(--shadow);max-height:300px;overflow:auto;z-index:99;display:none;}
.customSelect-placeholder{display:block;font:400 13px/15px Ubuntu, sans-serif;color:#000;padding:13px 10px;white-space:nowrap;}
.customSelect-item{display:block;font:400 13px/15px Ubuntu, sans-serif;color:#000;padding:18px 8px;}
.customSelect-item + input + .customSelect-item{border-top:1px solid #EAEAEA;}
.customSelect-item:hover{background-color:#EAEAEA;}
.customSelect input{display:none;}
.customSelect:focus{border-color:#222;outline:none;}
.customSelect:focus .customSelect-list{display:block;}
.customSelect:after{position:absolute;top:5px;bottom:5px;right:0;border-left:1px solid #C8C8C8;font:20px/28px MaterialIcons;color:#999;content:'expand_more';}

/* Date de livraison */
.deliveryDate{display:flex;align-items:flex-end;font:400 1em/1.15em 'Ubuntu', sans-serif;color:#222;}
.deliveryDate-icon{object-fit:contain;margin-right:5px;}
.deliveryDate-date{color:var(--primary-color);font-weight:700;margin-left:0.3em;}
.deliveryDate-unknown{color:#909090;font-style:italic;margin-left:-3px;}

/* Slider de promotions */
.discountsSlider{margin:80px auto;max-width:var(--width);height:316px;background:var(--primary-color);}

/* Footer */
.footer{background-color:var(--primary-025);padding:0 20px;}
.footer-wrapper{margin:0 auto;max-width:var(--width);padding:30px 0;}
.footer-note{font:700 italic 24px/24px 'DM Sans', sans-serif;color:#000;text-align:center;margin:5px 0 -15px;}
.footer-columns{display:flex;justify-content: space-between;}
/*.footer-column{flex:1;}*/
.footer-column + .footer-column{margin-left:40px;}
.footer-title{font:700 24px/24px 'DM Sans', sans-serif;color:#222;margin:50px 0 20px;}
.footer-text{font:400 16px/18px 'DM Sans', sans-serif;color:#222;margin-top:10px;}
.footer-link:hover{color:var(--primary-color);}
.footer-newsletter{max-width:376px;}
.footer-newsletter-input{display:block;width:100%;height:50px;padding:0 10px;border:1px solid #CFD1D9;border-radius:5px;background-color:white;font:300 16px/18px 'Ubuntu', sans-serif;}
.footer-newsletter-submit{display:block;width:100%;border-radius:20px;margin-top:10px;background-color:var(--primary-color);text-align:center;font:400 16px/18px 'Ubuntu', sans-serif;color:white;padding:11px 24px;}
.footer-networks{display:flex;}
.footer-network{font-size:0;}
.footer-network + .footer-network{margin-left:30px;}
.footer-payments{display:flex;}
.footer-payment + .footer-payment{margin-left:10px;}
.footer-partners{display:flex;}
.footer-partner{height:40px;}
.footer-partner + .footer-partner{margin-left:10px;}
.footer-access{display:inline-block;width:169px;border-radius:20px;margin-top:10px;background-color:var(--secondary-color);text-align:center;font:500 13px/15px 'Ubuntu', sans-serif;color:white;padding:12px 24px;}
.footer-legal{background-color:var(--primary-color);padding:3px 20px;text-align:center;margin:0 -20px;font-size:0;}
.footer-legal-item{display:inline-block;font:300 13px/15px 'Ubuntu', sans-serif;color:white;}
.footer-legal-item + .footer-legal-item{margin-left:32px;}

/* Header */
.header-user-popup{width:200px;margin-left:-100px;}
.header-cart-popup{width:520px;margin-left:-260px;}

/* Header - Popups (mon compte + panier) */
.header-popup-container{position:absolute;top:100%;left:50%;padding:10px;display:none;z-index:999;}
:hover > .header-popup-container{display:block;}
.header-popup{background:white;box-shadow:var(--shadow);border-radius:10px;padding:15px;}
.header-popup-button{display:block;background:var(--primary-color);color:white;font:500 13px/15px Ubuntu, sans-serif;padding:12px 20px;border-radius:20px;text-align:center;}

/* Header Popup Panier */
.headerCart{}
.headerCart-cell{margin-left:20px;}
.headerCart-cell-picture{flex-basis:56px;margin:0 -10px 0 0;display:flex;}
.headerCart-cell-picture img{max-width:56px;max-height:56px;margin:auto;}
.headerCart-cell-ref{flex-basis:70px;}
.headerCart-cell-name{flex-basis:125px;}
.headerCart-cell-qty{flex-basis:30px;}
.headerCart-cell-price{flex-basis:110px;}
.headerCart-head{display:flex;padding-bottom:15px;}
.headerCart-head .headerCart-cell{font:700 16px/18px Ubuntu, sans-serif;color:#000;}
.headerCart-item{display:flex;align-items:center;padding:10px 0;border-top:1px solid var(--primary-025);}
.headerCart-item .headerCart-cell{font:400 13px/15px Ubuntu, sans-serif;color:#222;}
.headerCart-foot{display:flex;font:700 16px/18px Ubuntu, sans-serif;border-top:1px solid var(--primary-025);color:#000;padding:10px 0 15px;}
.headerCart-amount-value{margin:0 10px 0 auto;}
.headerCart-link{margin:0 20px;}

/* Header Popup Mon compte */
.headerUser{}
.headerUser-name{font:700 16px/18px Ubuntu, sans-serif;color:#000;margin-bottom:5px;}
.headerUser-mail{font:400 13px/15px Ubuntu, sans-serif;color:#000;margin-bottom:15px;}
.headerUser-disconnect{width:100%;}

/* Barre de recherche principale */
.headerSearchBar{}
.headerSearchBar-bar{display:flex;background-color:#F4F4F4;border:1px solid #8091BD;border-radius:25px;height:33px;cursor:text;}
.headerSearchBar-icon{height: 100%; border-radius: 0 20px 20px 0; background: var(--primary-color); font: 20px / 35px MaterialIcons; color: white; padding: 0 10px;}
.headerSearchBar-select-value:after {content: ''; border:5px solid transparent; border-top: 5px solid #fff; position: absolute; top: 14px; right: 12px;}
.headerSearchBar-input{flex:1;height:100%;padding:0;background:none;border:0;outline:0;font-size: 11px; text-indent: 10px;}
.headerSearchBar-input:focus{outline: 0!important;border: 0;}

/* .headerSearchBar-area{position:absolute;top:100%;left:15px;right:15px;border-top:1px solid #8091BD;z-index:999;box-shadow:var(--shadow);display:none;} */
.headerSearchBar-area{position: absolute;top: 53px;left: -200px;right: -400px;border-radius: 0 0 20px 20px;z-index:999;box-shadow:var(--shadow);display:none;}
.headerSearchBar-area:hover, .headerSearchBar-input:focus + .headerSearchBar-area{display:block;}

/* Résultats barre de recherche */
.headerSearchResults{background-color:white;max-height:80vh;overflow:auto;}
.headerSearchResults-message{padding:10px 50px;text-align:center;font:italic 13px/15px Ubuntu, sans-serif;color:var(--secondary-color);background-color:white;}
.headerSearchResults-group{display:flex;padding:10px;background-color:#ECEDF0;}
.headerSearchResults-group-title{flex:1;font:400 13px/15px Ubuntu, sans-serif;color:var(--secondary-color);}
.headerSearchResults-group-more{font:300 13px/15px Ubuntu, sans-serif;color:var(--secondary-color);text-decoration:underline;}
.headerSearchResults-list{flex:1 1 80vh;min-height:53px;overflow:auto;}
.headerSearchResults-item{display:flex;align-items:center;padding:5px 10px;}
.headerSearchResults-item + .headerSearchResults-item{border-top:1px solid #ECEDF0;}
.headerSearchResults-item:hover{background-color:#ECEDF0;}
.headerSearchResults-item-picture{width:43px;height:43px;margin-right:10px;}
.headerSearchResults-item-picture img{width:100%;height:100%;object-fit:cover;}
.headerSearchResults-item-name{font:400 13px/15px Ubuntu, sans-serif;color:#000;}
.headerSearchResults-item-price{font:500 13px/15px Ubuntu, sans-serif;color:#222;margin-left:auto;}

.headerSearchResults-row{padding: 30px 50px;display: flex;justify-content: space-between;/*gap: 80px;*/border-bottom: 1px solid #E9E9E9;}
.headerSearchResults-column{display: flex;flex-direction: column;gap: 30px;flex: 1;/*width: 346px;*/padding-right: 20px;}
.headerSearchResults-column-row{display: flex;flex-direction: column;gap: 15px;}
.headerSearchResults-row+.headerSearchResults-row{border-radius: 0px 0px 20px 20px;}
.headerSearchResults-results{font-weight: 300;color: #909090;}
.headerSearchResults-see-more{text-decoration-line: underline;color: #222222;display: flex;gap: 8px;align-items: center;}
.headerSearchResults-column-name{color: black;/*color: #909090;*/}
.headerSearchResults-column-detail{display: flex;flex-direction: column;gap: 20px;}
.headerSearchResults-marketing{width: 100%;}
.headerSearchResults-marketing svg{width: 100%;height: 100%;}

/* Scrollbar horizontale: version JS */
.horizontalScroll{display:flex;overflow:auto;}
.horizontalScroll.js{display:block;overflow:visible;margin-bottom:6px;}
.horizontalScroll.fit{justify-content:center;margin-bottom:0;}
.horizontalScroll-move{display:flex;width:100%;overflow:visible;}
.horizontalScroll-track{position:absolute;top:100%;left:140px;right:140px;height:6px;background:#9FA3B2;border-radius:3px;cursor:pointer;}
.horizontalScroll-thumb{background:var(--secondary-color);border-radius:3px;height:100%;width:30%;}
.horizontalScroll-arrow{position:absolute;top:100%;width:16px;height:30px;cursor:pointer;margin-top:-12px;}
.horizontalScroll-arrow.prev{left:105px;}
.horizontalScroll-arrow.next{right:105px;}
.horizontalScroll-arrow:before, .horizontalScroll-arrow:after{position:absolute;width:22px;height:2px;border-radius:1px;background:#9FA3B2;content:'';}
.horizontalScroll-arrow.prev:before{transform:rotate(-45deg);top:7px;left:-3px;}
.horizontalScroll-arrow.prev:after{transform:rotate(45deg);top:21px;left:-3px;}
.horizontalScroll-arrow.next:before{transform:rotate(45deg);top:7px;right:-3px;}
.horizontalScroll-arrow.next:after{transform:rotate(-45deg);top:21px;right:-3px;}
.horizontalScroll-arrow:hover:before, .horizontalScroll-arrow:hover:after{background-color:var(--secondary-color);}
.horizontalScroll.reverse .horizontalScroll-track{background-color:#ECEDF0;}
.horizontalScroll.reverse .horizontalScroll-thumb{background-color:#9FA3B2;}
.horizontalScroll.reverse .horizontalScroll-arrow:before, .horizontalScroll.reverse .horizontalScroll-arrow:after{background-color:#ECEDF0;}
.horizontalScroll.reverse .horizontalScroll-arrow:hover:before, .horizontalScroll.reverse .horizontalScroll-arrow:hover:after{background-color:#9FA3B2;}
/* Scrollbar horizontale: version native */
.horizontalScroll::-webkit-scrollbar{height:6px;max-width:var(--width);}
.horizontalScroll::-webkit-scrollbar-track{margin:0 140px;background:#9FA3B2;border-radius:3px;max-width:var(--width);}
.horizontalScroll::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:3px;}
.horizontalScroll.reverse::-webkit-scrollbar-track{background-color:#ECEDF0;}
.horizontalScroll.reverse::-webkit-scrollbar-thumb{background-color:#9FA3B2;}

/* JS Slider d'images */
.imageSlider{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.3);z-index:9999;}
.imageSlider-remove{position:absolute;top:0;right:0;width:70px;height:70px;text-align:center;color:white;}
.imageSlider-remove:hover{background-color:white;color:#333;}
.imageSlider-remove:after{font:48px/70px MaterialIcons;content:'close';}
.imageSlider-view{position:absolute;top:0;left:0;right:0;bottom:120px;display:flex;user-select:none;}
.imageSlider-view img{margin:auto;max-width:100%;max-height:100%;}
.imageSlider-list{position:absolute;bottom:0;left:0;right:0;height:120px;background-color:white;white-space:nowrap;font-size:0;text-align:center;padding:0 5px;}
.imageSlider-list-item{display:inline-block;width:120px;height:120px;margin:0 5px;padding:7px;border:3px solid transparent;cursor:pointer;}
.imageSlider-list-item:before{position:absolute;top:-3px;bottom:-3px;left:13px;right:13px;background-color:white;content:'';}
.imageSlider-list-item:after{position:absolute;top:13px;bottom:13px;left:-3px;right:-3px;background-color:white;content:'';}
.imageSlider-list-item:hover{border-color:var(--primary-025);}
.imageSlider-list-item.selected{border-color:var(--primary-color);}
.imageSlider-list-item img{width:100%;height:100%;object-fit:contain;z-index:1;}

/* Slider de machines */
.machinesSlider{padding:0 20px;margin:80px 0;}
.machinesSlider-list{overflow:auto;display:flex;padding:30px 0 40px;margin:0 auto;max-width:var(--width);}
.machinesSlider-item{display:flex;}
.machinesSlider-item + .machinesSlider-item{margin-left:50px;}

/* Mini-fiche Machine */
.machinePlug{display:flex;flex-direction:column;width:246px;border:1px solid var(--primary-025);padding:15px 30px 20px;}
.machinePlug-picture{width:100%;overflow:hidden;font-size:0;margin-bottom:10px;}
.machinePlug-picture img{width:100%;max-height:250px;object-fit:contain;}
.machinePlug-brand{font:400 13px/15px 'Ubuntu', sans-serif;color:#909090;margin-bottom:5px;}
.machinePlug-reference{font:400 13px/15px 'Ubuntu', sans-serif;color:#909090;margin-bottom:5px;}
.machinePlug-name{font:700 16px/18px 'Ubuntu', sans-serif;color:#222;text-transform:uppercase;margin-bottom:20px;}
.machinePlug-compatibility{display:block;margin-top:auto;border-radius:20px;background-color:var(--primary-color);padding:12px;text-align:center;font:500 13px/15px 'Ubuntu', sans-serif;color:white;}

/* Page Machine */
.machinePage{margin:20px 0;padding:0 20px;}
.machinePage-wrapper{display:flex;margin:0 auto;max-width:var(--width);}
/*.machinePage-wrapper > .machineDetails{margin-left:90px;}*/
.machinePage-wrapper .picturesSlider-list{display: none;}

/* Détails Machine */
.machineDetails{width:400px;align-self:center;}
.machineDetails-space{flex:1;min-height:20px;}
.machineDetails-brand{font:400 24px/24px 'DM Sans', sans-serif;text-transform:uppercase;color:#909090;margin-bottom:5px;}
.machineDetails-ref{font:300 16px/18.5px 'Ubuntu', sans-serif;color:#909090;}
.machineDetails-compatibility{font-size:13px;margin-top:5px;}
.machineDetails-name{font:400 36px/36px 'DM Sans', sans-serif;color:#222222;margin-top:30px;}
.machineDetails-description{margin-top:15px;}
/*.machineDetails-pieces{display:block;width:100%;padding:12px 20px;border-radius:20px;border:1px solid var(--primary-color);text-align:center;font:500 13px/15px 'Ubuntu', sans-serif;color:var(--primary-color);margin-top:40px;}*/
.machineDetails-pieces{display:block;width:100%;padding:12px 20px;border-radius:20px;background-color:var(--primary-color);text-align:center;font:500 13px/15px 'Ubuntu', sans-serif;color:white;margin-top:40px;}

/* Order Confirmed Popup */
.orderConfirmed{max-width:685px;background:white;border-radius:20px;padding:40px 60px;text-align:center;font-size:0;box-shadow:var(--shadow);margin:100px auto;}
.orderConfirmed-title{font:700 36px/36px 'DM Sans', sans-serif;color:var(--primary-color);}
.orderConfirmed-picture{margin:30px 0;}
.orderConfirmed-description{font:400 16px/18px Ubuntu, sans-serif;color:#595959;margin-bottom:30px;}
.orderConfirmed-back{display:inline-block;padding:20px 30px;font:400 24px/24px 'DM Sans', sans-serif;color:var(--primary-color);background:#F6FBF8;border-radius:10px;}

/* Slider Vertical d'Images */
.picturesSlider{display:flex;}
.picturesSlider-list{width:150px;margin-right:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.picturesSlider-item{}
.picturesSlider-item + .picturesSlider-item{margin-top:10px;}
.picturesSlider-item img{display:block;object-fit:contain;}
.picturesSlider-view{flex:1;display:flex;max-height:550px;}
.picturesSlider-view img{margin:auto;max-width:100%;max-height:100%;object-fit:contain;}

/* PieceAdded */
/* PieceAdded */
.pieceAdded{width:600px;background:white;border-radius:20px;padding:30px 50px;}
.pieceAdded-title{font:700 36px/36px 'DM Sans', sans-serif;}
.pieceAdded-plug{margin:20px 0;}
.pieceAdded-free-delivery{display: flex;justify-content: center;align-items: center;gap: 10px;background-color: var(--secondary);border-radius: 20px;width: max-content;margin: 0 auto 20px;padding: 5px 15px;color: var(--primary-color);font-size: 11px;line-height: 13px;}
.pieceAdded-free-delivery svg *{fill: var(--primary-color);}
.pieceAdded-foot{display:flex;justify-content:center;margin: 0 0 20px;}
.pieceAdded-btn{width:170px;font:500 13px/15px Ubuntu, sans-serif;border:1px solid var(--primary-color);text-align:center;padding:12px 6px;border-radius:20px;color:var(--primary-color);}
.pieceAdded-btn + .pieceAdded-btn{margin-left:15px;color:white;background:var(--primary-color);}
.pieceAdded-close{position:absolute;top:10px;right:10px;width:20px;height:20px;}
.pieceAdded-close::before{position:absolute;left:-2px;width:24px;height:2px;border-radius:2px;background:#D6D6D8;transform:rotate(45deg);content:'';}
.pieceAdded-close::after{position:absolute;left:-2px;width:24px;height:2px;border-radius:2px;background:#D6D6D8;transform:rotate(-45deg);content:'';}
.pieceAdded .piecePlug.horizontal{border:0;box-shadow:var(--shadow);width:100%;padding:20px;}
.pieceAdded .piecePlug.horizontal .piecePlug-picture{width:190px;height:190px;}
.pieceAdded .piecePlug-brand{font:400 16px/18px Ubuntu, sans-serif;}
.pieceAdded .piecePlug-reference{font:300 16px/18px Ubuntu, sans-serif;}
.pieceAdded .piecePlug-name{font: 700 20px/19px 'DM Sans', sans-serif;max-height: 38px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 13px}
.pieceAdded .piecePlug-stars{display:none;}
.pieceAdded .piecePlug-price{font:700 24px/24px 'DM Sans', sans-serif;}
.pieceAdded .piecePlug-form{display:none;}
.pieceAdded .new-piecePlug-delivery{font-size: 13px;margin-top: 10px;}
.new-piecePlug-delivery{font-size: 13px;margin-top: 10px;}
.new-piecePlug-delivery .deliveryDate{justify-content: flex-start;/*font-size: 13px;*/color: var(--primary-color);font-size: 11px;line-height: 13px;}


/* Page Pièce */
.piecePage{margin:20px 0;padding:0 20px;}
.piecePage-wrapper{display:flex;margin:0 auto;max-width:var(--width);}
.piecePage-wrapper > .pieceDetails{margin-left:90px;}

/* Détails & Ajout panier Pièce */
.pieceDetails{display:flex;flex-direction:column;width:400px;}
.pieceDetails-space{flex:1;min-height:20px;}
.pieceDetails-brand{font:400 24px/24px 'DM Sans', sans-serif;text-transform:uppercase;color:#909090;margin-bottom:5px;}
.pieceDetails-ref{font:300 16px/18.5px 'Ubuntu', sans-serif;color:#909090;}
.pieceDetails-compatibility{font-size:13px;margin-top:5px;}
.pieceDetails-name{font:400 36px/36px 'DM Sans', sans-serif;color:#222222;}
.pieceDetails-note{font-size:24px;}
.pieceDetails-delivery{font-size:16px;margin-top:10px;}
.pieceDetails-discount{display:inline-flex;margin-right:auto;border:2px solid var(--alert);font:500 24px/24px 'DM Sans', sans-serif;color:var(--alert);padding:8px;}
.pieceDetails-price{}
.pieceDetails-price-stroked{font:400 24px/24px 'DM Sans', sans-serif;text-decoration:line-through;color:#909090;margin-right:10px;}
.pieceDetails-price-final{font:700 24px/24px 'DM Sans', sans-serif;color:#222222;}
.pieceDetails-cart{display:flex;}
.pieceDetails-qty{height:39px;width:80px;border-radius:20px;border:1px solid #909090;font:700 24px/24px 'DM Sans', sans-serif;color:#222;padding:0 10px;text-align:right;}
.pieceDetails-submit{height:39px;flex:1;border-radius:20px;background-color:var(--primary-color);margin-left:20px;border:0;}
.pieceDetails-submit{color:white;font:500 13px/15px 'Ubuntu', sans-serif;text-transform:uppercase;}

/* Onglets d'une pièce */
.pieceTabs{margin:20px 0;padding:0 20px;}
.pieceTabs-wrapper{display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--width);}
.pieceTabs-radio{display:none;}
.pieceTabs-tab{font:400 24px/24px 'DM Sans', sans-serif;color:#909090;padding:18px 0;cursor:pointer;}
.pieceTabs-tab:hover{color:#333;}
.pieceTabs-tab::after{position:absolute;top:100%;left:50%;right:50%;border-top:3px solid var(--secondary-color);margin-top:-1px;z-index:1;content:'';}
.pieceTabs-content ~ .pieceTabs-tab{margin-left:55px;}
.pieceTabs-content{display:none;border-top:1px solid #DFE3EF;padding:10px 0;min-height:150px;min-width:100%;order:2;}
.pieceTabs-radio:checked + .pieceTabs-tab{font-weight:700;color:#222;}
.pieceTabs-radio:checked + .pieceTabs-tab:after{left:0;right:0;transition:0.3s;}
.pieceTabs-radio:checked + .pieceTabs-tab + .pieceTabs-content{display:block;}

/* Description Pièce */
.pieceContent{padding:0 20px;margin:80px 0;}
.pieceContent-wrapper{display:flex;margin:30px auto 0;max-width:var(--width);}
.pieceContent-text{flex:1;border-top:1px solid #DFE3EF;padding:30px 0;font:400 13px/15px 'Ubuntu', sans-serif;}
.pieceContent-picture{margin-left:30px;}
.pieceContent-picture img{max-width:100%;max-height:550px;object-fit:contain;}

/* Slider de pièces */
.piecesSlider{padding:0 20px;margin:80px 0;}
.piecesSlider-list{overflow:auto;display:flex;padding:30px 0 40px;margin:0 auto;max-width:var(--width);}
.piecesSlider-item{display:flex;}
.piecesSlider-item + .piecesSlider-item{margin-left:50px;}
.piecesSlider.reverse{padding:30px 20px 40px;margin:0;background-color:var(--secondary-color);}
.piecesSlider.reverse::before{position:absolute;top:0;left:0;right:0;bottom:0;background:url('../img/icone-blanc-1.svg') no-repeat center center;opacity:0.3;content:'';}
.piecesSlider.reverse .piecesSlider-title{color:white;}
.piecesSlider.reverse .piecesSlider-subTitle{color:white;}

/* Popup */
.popup{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);overflow:auto;z-index:1000;}
.popup-out{position:fixed;top:0;left:0;right:15px;bottom:0;cursor:pointer;}
.popup-content{margin:auto;color:#222;}
.popup-head{display:flex;height:50px;line-height:50px;background-color:white;font-size:0;}
.popup-head-icon{flex:0;min-width:50px;text-align:center;font:24px/50px MaterialIcons;}
.popup-head-icon[href]:hover, .popup-head-icon[type=button]:hover{background-color:#eeeeee;cursor:pointer;}
.popup-head-icon.popup-close{order:99;}
.popup-head-title{flex:1;font:700 18px/50px 'DM Sans', sans-serif;padding:0 24px 0 0;text-transform:uppercase;}
.popup-head-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.popup-head-title strong{font-weight:200;}
.popup-body{background-color:#eeeeee;padding:25px;}
.popup-foot{background-color:white;padding:9px 25px;text-align:right;}
.popup-button{border-radius:16px;padding:8px 20px;font:700 16px/16px 'DM Sans', sans-serif;color:white;}
.popup-button.black{background-color:black;}
.loading:after{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.2);content:'';z-index:10;}
body.loading:after{position:fixed;z-index:1000;}

/* Éléments de réassurance */
.reinsurance{background-color:#f4f4f4;display:flex;justify-content:space-evenly;align-items:center;padding:40px 0;margin:80px auto;max-width:var(--width);}
.reinsurance-item{display:flex;align-items:center;font-size:0;}
.reinsurance-icon{object-fit:contain;}
.reinsurance-name{margin-left:20px;width:150px;font:700 14px/17px 'Ubuntu', sans-serif;}
.reinsurance-name div{font:400 10px/12px 'Ubuntu', sans-serif;}

/* Slider de services */
.servicesSlider{padding:0 20px;margin:80px 0;}
.servicesSlider-list{overflow:auto;display:flex;padding:30px 0 40px;margin:0 auto;max-width:var(--width);}
.servicesSlider-item{display:flex;}
.servicesSlider-item + .servicesSlider-item{margin-left:20px;}

/* Mini-fiche Service */
.servicePlug{display:flex;flex-direction:column;align-items:center;text-align:center;width:280px;padding:20px 5px 30px;background-color:white;border-radius:20px;box-shadow:var(--shadow);}
.servicePlug-icon{object-fit:contain;}
.servicePlug-name{font:700 16px/18.5px 'Ubuntu', sans-serif;color:var(--secondary-color);text-transform:uppercase;margin-top:20px;}
.servicePlug-description{font:400 13px/15px 'Ubuntu', sans-serif;color:#222;margin:10px 0;}
.servicePlug-link{width:200px;height:42px;font:700 16px/18px 'Ubuntu', sans-serif;color:var(--primary-color);border-radius:21px;margin-top:auto;padding:12px 21px;border:1px solid #ECEDF0;}

/* Note avec 5 étoiles */
.starNote{color:var(--golden);font-size:0.1em;}
.starNote .mi{font-size:10em;}
.starNote-count{color:#909090;font-size:7em;vertical-align:middle;}

/* Trustpilot */
.trustpilot{max-width:var(--width);margin:80px auto;background-color:#333;height:170px;}

/* Liste des tutoriels */
.tutorials{background-color:#DFE3EF;padding:50px 20px;}
.tutorials::before{position:absolute;top:0;left:0;right:0;bottom:0;background:url('../img/icone-blanc-1.svg') no-repeat center center;opacity:0.3;content:'';}
.tutorials-list{list-style:none;display:flex;margin:30px auto 0;max-width:var(--width);padding:0;}
.tutorials-item{display:flex;flex:1;}
.tutorials-item + .tutorials-item{margin-left:60px;}

/* Mini-fiche Tutoriel */
.tutorialPlug{display:flex;flex-direction:column;background-color:white;box-shadow:var(--shadow);}
.tutorialPlug-title{padding:10px 30px;font:700 24px/24px 'DM Sans', sans-serif;color:var(--secondary-color);text-transform:uppercase;}
.tutorialPlug-view{height:300px;overflow:hidden;font-size:0;}
.tutorialPlug-picture{object-fit:cover;}
.tutorialPlug-content{padding:20px 30px;flex:1;display:flex;flex-direction:column}
.tutorialPlug-content-title{font:700 24px/24px 'DM Sans', sans-serif;color:var(--primary-color);margin-bottom:10px;}
.tutorialPlug-content-description{font:400 13px/15px 'Ubuntu', sans-serif;color:#222;margin-bottom:10px;}
.tutorialPlug-content-link{display:flex;margin:auto -20px 0 auto;height:36px;border:1px solid #E9E9E9;border-radius:18px;padding:10px 20px;font:400 13px/15px 'Ubuntu', sans-serif;color:var(--primary-color);}

/* Swap c'est quoi */
.whatIsSwap{background-color:#F4F4F4;padding:50px 20px;}
.whatIsSwap-wrapper{margin:0 auto;max-width:var(--width);display:flex;flex-direction:column;}
.whatIsSwap-title{font:700 24px/24px 'DM Sans', sans-serif;color:#909090;}
.whatIsSwap-chapter{font:700 18px/18px 'DM Sans', sans-serif;color:#909090;margin-top:15px;}
.whatIsSwap-text{font:400 13px/15px 'DM Sans', sans-serif;color:#C8C8C8;margin-top:5px;}
.whatIsSwap-button{align-self:flex-end;border:1px solid #909090;margin-top:30px;padding:12px 70px;font:500 13px/15px 'Ubuntu', sans-serif;color:#909090;border-radius:21px;}
.whatIsSwap-box{display:none;}
.whatIsSwap-box:checked ~ .whatIsSwap-show{display:none;}
.whatIsSwap-box:not(:checked) ~ .whatIsSwap-show ~ *{display:none;}

/* Qui sommes-nous ? */
.whoAreWe{}
.whoAreWe-wrapper{margin:0 auto;max-width:var(--width);display:flex;}
.whoAreWe-text{background-color:var(--primary-color);color:white;padding:40px 30px 30px;display:flex;flex-direction:column;flex:1;}
.whoAreWe-title{font:700 36px/36px 'DM Sans', sans-serif;text-transform:uppercase;}
.whoAreWe-subTitle{font:400 24px/24px 'DM Sans', sans-serif;margin-top:10px;}
.whoAreWe-description{font:400 13px/15px 'Ubuntu', sans-serif;margin:30px 0;}
.whoAreWe-description p + p{margin-top:1em;}
.whoAreWe-link{border:1px solid white;border-radius:16px;padding:6px 20px;font:700 16px/18px 'Ubuntu', sans-serif;margin:auto 0 0 auto;}
.whoAreWe-picture{flex:1;background-color:#EDF7F2;display:flex;border:10px solid transparent;}
.whoAreWe-draw{margin:auto;}
.whoAreWe-draw-mask{position:absolute;width:78%;right:-8%;bottom:-35.1%;}
.whoAreWe-draw-img{max-width:100%;max-height:100%;height:auto !important;}

/**/
.accountCentrale-title{font: 700 24px/normal "DM Sans", sans-serif; color: #222222; margin-top: 40px;}

.centralNetwork-overview{display: flex; gap: 30px;}
.centralNetwork-overview > *{flex: 1 1 33%;}

.centraleStore-map{width: 100%; aspect-ratio: 960/725; overflow: hidden; border-radius: 30px; margin-top: 20px;}
.centraleStore-item-name{font: 700 16px/normal "DM Sans", sans-serif; color: var(--primary-color); margin-bottom: 5px;}
.centraleStore-item-address{font:400 13px/normal Ubuntu, sans-serif; color: #606060; text-transform: lowercase;}
.centraleStore-item-city{font:400 13px/normal Ubuntu, sans-serif; color: #222222; text-transform: uppercase;}
.centraleStore-item-count{font:400 13px/normal Ubuntu, sans-serif; color: var(--primary-color); margin-top: 5px;}

.centralHotline{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.centralHotline .call-duration{grid-column: 1 / 3;}

.centralFilters:not(.ACCOUNT_CENTRALE_MACHINE .centralFilters){display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin: 30px 0; border: 1px solid #ECEDF0; border-radius: 6px; padding: 10px}
.centralFilters-filter{display: flex; align-items: center; background: #F5F6F7; gap: 5px; border-radius: 5px; padding: 5px 10px; border: 1px solid transparent;}
.centralFilters-filter:hover{border-color: rgba(63, 72, 101, 0.50);}
.centralFilters-filter[focus]{border-color: var(--primary-color);}
.centralFilters-filter-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.centralFilters-filter-input::-webkit-calendar-picker-indicator{position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden;}
.centralFilters-filter-input[type="date"]::-webkit-calendar-picker-indicator {position: absolute;background: transparent;bottom: 0;left: 0;right: 0;top: 0;color: transparent;cursor: pointer;height: auto;width: auto;}
.centralFilters-filter-label{font: 500 13px/normal Ubuntu, sans-serif; color: #3F4865; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.accountCard{background: white; box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.05); border-radius: 14px; padding: 16px;}
.accountCard{display: flex; flex-direction: column; gap: 15px;}
.accountCard-head{display: flex; justify-content: space-between; gap: 15px;}
.accountCard-stats{flex: 1;}
.accountCard-stats-name{font: 700 17px/normal "DM Sans", sans-serif; color: #4B465C; opacity: 0.7; min-height: 52px;}
.accountCard-stats-name span {color: var(--primary-color);}
.accountCard-stats-value{font: 700 28px/normal "DM Sans", sans-serif; color: #202224;}
.accountCard-icon{width: 60px; height: 60px; border-radius: 40%; display: flex; align-items: center; justify-content: center;}
.accountCard-icon.purple{background: rgba(130, 128, 255, 0.21);}
.accountCard-icon.green{background: rgba(77, 176, 125, 0.21);}
.accountCard-foot{display: flex; align-items: center; justify-content: space-between; margin-top: auto;}
.accountCard-button{font: 400 14px/normal Ubuntu, sans-serif; color: #222; background: #F5F6F7; border-radius: 13px; padding: 5px 20px;}
.accountCard-rise{display: flex; gap: 8px; align-items: center;}
.accountCard-rise-text{font: 400 13px/normal Ubuntu, sans-serif; color: #606060; max-width: 214px;}
.accountCard-rise-text .up{color: #00B69B;}
.accountCard-rise-text .down{color: #F93C65;}

.centralDocuments-tabs{display: flex; gap: 16px;}
.centralDocuments-tab{flex: 1 1 25%; display: flex; flex-direction: column; align-items: center; gap: 8px; border: 1px solid #DADADA; border-radius: 10px; padding: 15px 20px;}
.centralDocuments-tab-icon{width: 34px; height: 34px; padding: 6px; background: #4B465C14; border-radius: 6px;}
.centralDocuments-tab-title{font: 700 17px/22px "DM Sans", sans-serif; text-align: center; margin-bottom: auto;}
.centralDocuments-tab-link{padding: 5px 20px; background: #F5F6F7; border-radius: 13px; font: 400 14px/normal Ubuntu, sans-serif; color: #222;}
.centralDocuments-tab.selected{border-color: var(--primary-color);}
.centralDocuments-tab.selected .centralDocuments-tab-icon{background: var(--primary-010);}
.centralDocuments-tab.selected path, .centralDocuments-tab.selected rect{stroke: var(--primary-color);}
.centralDocuments-tab.selected .centralDocuments-tab-link, .centralDocuments-tab-link:hover{background: #FEC53D;}

.centralTable-output{margin-top: 40px;;}
.centralTable-output[loading]{opacity: 0.5;}
.centralTable-head{display: flex; min-height: 34px; align-items: center; justify-content: space-between;}
.centralTable-foot{display: flex; justify-content: right; padding: 12px 0;gap:10px;}
.centralTable-export-button{background-color: var(--primary-color); color: white; padding: 12px 24px;}
.centralTable-limit{display: flex; gap: 14px; align-items: center; font: 400 16px/normal Ubuntu, sans-serif;}
.centralTable-limit select{height: 34px; border: 1px solid #DADADA; font: inherit; padding: 5px 14px; border-radius: 6px; background: none;text-indent:initial;}
.centralTable-count{font: 400 13px/normal Ubuntu, sans-serif; color: #4B465C; opacity: 0.5;}
.centralTable-pagination{display: flex; gap: 5px; font: 400 13px/normal Ubuntu, sans-serif; color: #595959;}
.centralTable-pagination-item{width: 32px; height: 32px; border-radius: 50%; text-align: center; border: 1px solid #DADADA; display: flex; align-items: center; justify-content: center;}
.centralTable-pagination-item.disabled{opacity: 0.5; cursor: auto;}
.centralTable-pagination-item.selected{opacity: 1; background: var(--primary-color); border-color: var(--primary-color); color: white;}
.centralTable-pagination-item.s{font-size: 12px;}
.centralTable-pagination-item.xs{font-size: 11px;}
.centralTable-pagination span{padding: 10px;}
.centralTable table{border: 1px solid #DADADA; margin-top: 10px;}
.centralTable th{padding: 16px 5px 8px 5px; vertical-align: top; text-align: left; border-bottom: 1px solid #DADADA;}
.centralTable th:first-child, .centralTable td:first-child{padding-left: 15px;}
.centralTable th:last-child, .centralTable td:last-child{padding-right: 15px;}
.centralTable td{border-top: 1px solid #DADADA; padding: 6px 15px; min-height: 42px;}
.centralTable td{font: 400 13px/normal Ubuntu, sans-serif; color: #595959;}
.centralTable-column{display: flex; align-items: center; height: 36px; align-self: flex-start;}
.centralTable-column-name{font: 500 13px/normal Ubuntu, sans-serif; color: #222222; flex: 1;}
.centralTable-column-sort{width: 18px; height: 36px; cursor: pointer;}
.centralTable-column-sort svg:hover path{stroke: #222222;}
.centralTable-column-sort svg.selected path{stroke: var(--primary-color);}
.centralTable-filter{background: #F4F4F4; border-radius: 6px; border: 1px solid #DADADA; height: 38px; padding: 0 8px; margin-top: 8px; width: 100%;}
.centralTable .centralTable-cell-id{color: var(--primary-color); font-weight: 500;}
.centralTable .centralTable-cell-number{text-align: right;}
.centralTable-cell-link{display: flex; align-items: center; gap: 5px;}
.centralTable-cell-link:hover{color: var(--primary-color);}
.centralTable-cell-link:hover path{stroke: var(--primary-color);}
.centralTable-cell-image > *{width: 42px; height: 42px; object-fit: contain; border-radius: 5px; background: #DADADA;}

#export-links{}
#export-links .export-links-list{}
#export-links .export-links-list a{display: flex;}
#export-links .export-links-list a:hover{text-decoration:underline;}

.header-search-box{display:none;}
.header-search-label{display:none;font:30px/30px "MaterialIcons";color:var(--primary-color);}
.headerSearch-mobile{display:none; position: fixed; inset: 0; z-index: 10; background: white; padding: 150px 20px 20px; flex-direction: column; align-items: center;}
.headerSearch-mobile-close{position: absolute; top: 10px; right: 10px; font-size: 48px;}
.headerSearch-mobile-close img{width: 40px; display: block;}
.headerSearch-mobile-help{position: absolute; top:0; left: 0; right: 50px; display: flex; height: 60px; align-items: center; padding: 0 20px 0 65px; gap: 10px;}
.headerSearch-mobile-help img{width: 50px; gap: 10px;}
.headerSearch-mobile-picture{max-width: 480px;}
.headerSearch-mobile-title{font: 700 24px/1.2 var(--font-title); margin-bottom: 40px; text-align: center;}
.header.login .header-item img { width: 24px; height: auto;}
.header.login .header-item.header-item-cart img { width: 27px; } 
.header.login .header-item { display: block; padding: 5px 15px;  background-color: #f5f6f7;  border-radius: 30px; height: 34px; border: 1px solid #f5f6f7;}
.header.login .header-item:hover { border: 1px solid #4DAF7C;}

/* HeaderMenu */
.header.login .header-wrap .header-wrap-logo {margin-left: 0;}
.header.login .header-wrap {display: flex; max-width: 1300px; margin: 0 auto; gap: 15px;}
.header.login .header-item { margin-left: 20px;}
.header.login .header-wrap .header-menu-top, .header.login .header-wrap .header-wrap-search-bar {border-bottom: 0;}
.header.login .header-wrap .header-wrap-search-bar {padding: 0 15px; margin: 0 auto;}
.HeaderMenu-box{display: none;}
.HeaderMenu-close{position: fixed; top: 0; right: 0; width: 55px; height: 55px; padding: 0; z-index: 1001;}
.HeaderMenu-close{display: flex; align-items: center; justify-content: center;}
.HeaderMenu-close:hover svg{transform: scale(1.1);}
.HeaderMenu-loader{position: fixed; inset: 0; background: rgba(63, 72, 101, 0.4); z-index: 1002;}
.HeaderMenu:not([_loading]) .HeaderMenu-loader{display: none;}
.HeaderMenu-pan{position: fixed; inset: 0; background: rgba(63, 72, 101, 0.7); z-index: 1000;}
.HeaderMenu-pan{display: flex; flex-direction: column;}
.HeaderMenu-pan-head{background: #3F4865; color: white; height: 55px; font: 700 20px/55px var(--font-title); text-align: center;}
.HeaderMenu-pan-back{position: fixed; top: 0; left: 0; width: 55px; height: 55px; z-index: 1001;}
.HeaderMenu-pan-back{display: flex; align-items: center; justify-content: center;}
.HeaderMenu-pan-back[href=""]{display: none;}
.HeaderMenu-pan-back:hover svg{transform: scale(1.1);}
.HeaderMenu-pan-body{background: white; flex: 1; overflow: auto; direction: rtl; padding: 20px 0;}
.HeaderMenu-pan-body::-webkit-scrollbar-thumb{background: var(--secondary-color);}
.HeaderMenu-pan-parent{ direction: ltr;display: flex; align-items: center; gap: 10px; height: 20px; padding: 0 25px; margin-bottom: 15px; }
.HeaderMenu-pan-parent span{font: 500 16px/normal var(--font-text); color: var(--secondary-color);}
.HeaderMenu-pan-parent:hover span{color: var(--primary-color);}
.HeaderMenu-pan-parent:hover path{fill: var(--primary-color);}
.HeaderMenu-pan-current{ direction: ltr;display: flex; align-items: center; gap: 18px; height: 70px; padding: 0 25px; margin-bottom: 15px;}
.HeaderMenu-pan-current img{width: 70px; height: 70px; object-fit: contain; border-radius: 15px; box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.3); padding: 7px;}
.HeaderMenu-pan-current span{font: 700 17px/22px var(--font-title); color: var(--secondary-color); margin-right: auto;}
.HeaderMenu-pan-current:hover span{color: var(--primary-color) !important;}
.HeaderMenu-pan-current:hover path{stroke: var(--primary-color);}
.HeaderMenu-pan-current .HeaderMenu-pan-current-content { justify-content: space-between; flex-wrap: wrap; width: 100%;}
.HeaderMenu-pan-current span.read-more {font-size: 12px; color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 20px; line-height: normal; padding: 2px 8px; margin-left: auto;margin-right: 0;}
.HeaderMenu-pan-list{ direction: ltr;display: flex; flex-direction: column; gap: 5px;}
.HeaderMenu-pan-child{display: flex; align-items: center; height: 32px; padding: 0 25px;}
.HeaderMenu-pan-child img{display: none;}
.HeaderMenu-pan-child span{font-family: var(--theme-primary-font-bold); font-size: 16px; color: #222; margin-right: auto;}
.HeaderMenu-pan-child:hover span{color: var(--primary-color) !important;}
.HeaderMenu-pan-child:hover path{stroke: var(--primary-color);}
.HeaderMenu-pan-child.colored span{padding: 5px 15px; background-color: var(--color); color: var(--theme-primary); border-radius: 15px; font-family: var(--theme-primary-font-bold);}
.HeaderMenu-pan-child.colored:hover span { background-color: var(--primary-color); color: var(--theme-color-step-1000)!important;}
.HeaderMenu-pan[_id="4815"] .HeaderMenu-pan-list{gap: 30px;}
.HeaderMenu-pan[_id="4815"] .HeaderMenu-pan-child{height: 70px; gap: 12px;}
.HeaderMenu-pan[_id="4815"] .HeaderMenu-pan-child img{display: block; width: 70px; height: 70px; object-fit: contain; border-radius: 15px; box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.3); padding: 7px;}
.HeaderMenu-pan[_id="4815"] .HeaderMenu-pan-child span{font: 700 20px/22px var(--font-title); color: var(--secondary-color); margin: 0 0 0 6px;}
.header.login.logged-in .header-wrap #drawer-toggle-label { position: relative;}
.header.login.logged-in .HeaderMenu-toggle {    left: 0; right: 0;  top: 0;  position: relative;}

@media (max-width: 1300px) {
	.HeaderMenu:not([_id="0"]) .HeaderMenu-pan[_id="0"]{display: none;}
	.HeaderMenu-box:not(:checked) ~ .HeaderMenu-close{display: none;}
	.HeaderMenu-box:not(:checked) ~ .HeaderMenu-pan{display: none;}
	.HeaderMenu-toggle{position: absolute; width: 60px; height: 60px; top: -30px; left: -220px;}
	.HeaderMenu-toggle{display: flex; align-items: center; justify-content: center; width: 24px;}
	.HeaderMenu-pan:not([_id="4815"]) .HeaderMenu-pan-child{margin-top: 6px;}
	.header.login .header-wrap .header-wrap-logo {margin-left: 50px;}
	.HeaderMenu-pan:not([_id="4815"]) .HeaderMenu-pan-child::before{position: absolute; top: -6px; left: 25px; right: 25px; border-top: 1px solid #909090; content: '';}
	.header.login.logged-in .account-header-menu { order: 1; margin-left: 15px;}
}

@media (min-width: 600px) {
	.HeaderMenu-loader{max-width: 400px; border-radius: 0 30px 30px 0;}
	.HeaderMenu-pan-head{max-width: 400px; border-radius: 0 30px 0 0;}
	.HeaderMenu-pan-body{max-width: 400px; border-radius: 0 0 30px 0; background-color: #F2F4F8;}
	.HeaderMenu-pan-head{height: 69px; line-height: 69px; font-size: 24px;}
	.HeaderMenu-close{width: 69px; height: 69px; left: 331px;}
	.HeaderMenu-close svg{top: 4px;}
	.HeaderMenu-pan-back{width: 69px; height: 69px;}
}

@media (min-width: 1301px) {
	.HeaderMenu-toggle{display: none;}
	.HeaderMenu{width: 100%;}
	.HeaderMenu[_id="0"] .HeaderMenu-close{display: none;}
	.HeaderMenu[_id="0"] .HeaderMenu-loader{max-width: none;}
	.HeaderMenu-pan[_id="0"]{position: relative; background: none; width: 100%; z-index: initial;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-head{display: none;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-body{ padding: 0; max-width: none; border-radius: 0; background: none; width: 100%;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-list{height: 60px; flex-direction: row; gap:25px; align-items: center;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-list > li[_id="0"]{display: none;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-list > li:has([_id="-1"]){margin-left: auto;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child{height: 30px; padding: 5px 0; gap: 5px;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child span{font-family: var(--theme-primary-font-bold); font-size: 16px;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child svg{transform: rotate(90deg);}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child.colored{background: var(--color); padding: 5px 15px !important; border-radius: 15px;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child.colored span{font-family: var(--theme-primary-font-bold); font-size:14px; color: #3f4865 !important; padding: 0;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child.colored path{stroke: #3f4865;}
	.HeaderMenu-pan-child.colored span{padding: 5px 15px; color: white !important; border-radius: 15px;}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child.colored:hover {background-color: var(--theme-secondary);}
	.HeaderMenu-pan[_id="0"] .HeaderMenu-pan-child.colored:hover span { color: var(--theme-color-step-1000)!important; background-color: transparent;}
	.HeaderMenu-pan-child[_id="-1"]{background: var(--primary-color); padding: 5px 15px !important; border-radius: 15px;}
	.HeaderMenu-pan-child[_id="-1"] span{color: white !important;}
	.HeaderMenu-pan-child[_id="-1"] svg{display: none;}
}

.HeaderMenu-pan svg{max-width: 100%; max-height: 100%;}
.HeaderMenu-pan img{filter: hue-rotate(78deg) brightness(0.6);}
.HeaderMenu-pan :hover > img{filter: none;}