/* HORS GARANTIE */
@import "./common/theme.css";
@import "./common/typography.css";
@import "./common/layout.css";
@import "./common/flex-box.css";

body:has(.header-garantie) {padding-top: 70px;}

/* HOME */
.pointer{cursor: pointer;}
.HomeHorsGarantie .homePresentation{background:var(--blue1);}
.HomeHorsGarantie .homePresentation-circle.left{background: var(--blue2);}
.HomeHorsGarantie .homePresentation-circle.right{background: var(--blue3);}
.HomeHorsGarantie .homePresentation-text{max-width: 750px;}
.HomeHorsGarantie .homePresentation-title span{color: var(--blue);}
.HomeHorsGarantie .homePresentation-info-description{max-width: 560px;}
.HomeHorsGarantie .homePresentation-info.appointment .homePresentation-info-description{font: 400 11px/1.2 var(--font1);}
.HomeHorsGarantie .global-btn{background: var(--blue);width: 245px;}
.HomeHorsGarantie .secondary-btn{color: var(--bluebtn);border: solid 1px var(--bluebtn);width: 245px;}
.HomeHorsGarantie .global-rect-btn{background: var(--blue);width: 210px;}
.HomeHorsGarantie .secondary-rect-btn{color: var(--bluebtn);border: solid 1px var(--bluebtn);width: 210px;}
.homePresentation-link + .homePresentation-link{margin-top: 15px;}
.HomeHorsGarantie .homePresentation-picture{top: 0;right: 150px;}
.HomeHorsGarantie .appointment{width: 215px;}
.HomeHorsGarantie .free{width: 140px;}
.HomeHorsGarantie .imageRect-rect{background: var(--yellow1);}
.HomeHorsGarantie .homeConcept-text .global-btn{width: 218px}
.HomeHorsGarantie .homeSteps-sides{align-items: flex-start;}
.HomeHorsGarantie .homeSteps-list{margin-right: 0;margin-left: 40px;}
.HomeHorsGarantie .homeSteps-list ul{grid-template-columns: none;display: flex;flex-direction: column;gap: 52px;padding: 0;}
.HomeHorsGarantie .homeSteps-step-index{background-color: var(--blue2);color: var(--blue);}
.homeTransport-bloc-btn{display: flex;margin: 15px 0;}
.homeTransport-btn + .homeTransport-btn{margin-left: 30px;}
.homeStart{border-radius: 30px;box-shadow: 0 4px 20px rgb(0 0 0 / 15%);text-align: center;padding: 20px;}
.homeStart-picture{display:flex;align-items:center;justify-content: center;background-color: var(--blue);border-radius: 30px;width: 569px;}
.homeStart-text{flex: 1;margin: 0 30px 0 50px;text-align: left;}
.homeStart-text .global-btn{padding: 12px 64px;}
.HomeHorsGarantie .homeContact-text{background: var(--blue1);}
.HomeHorsGarantie .homeContact-description p{margin: 15px 0;}
.homePrices{background:var(--blue2);padding:50px 120px;margin-bottom:var(--margin);overflow: hidden;text-align: center;}
.homePrices .global-title3 span{color: var(--blue);}
.homePrices-tab-wrap-column{display: flex;justify-content: center;}
.homePrices-tab-wrap-column .homePrices-tab-column-first{display: none;}
.homePrices-tab{display: flex;justify-content: center;}
.homePrices-tab-column{display: grid;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;padding: 40px 40px 35px;border-radius: 30px;}
.homePrices-tab-column > div{display: flex;align-items: center;height: 48px;justify-content: center;}
.homePrices-tab-column-first{padding: 40px 0 35px;left: -30px;}
.homePrices-tab-column-background:hover{background-color: white;}
.homePrices-tab-column a{margin: 0 auto;width: 186px !important;height: 39px;}
.homePrices-tab-title{font-weight: 700;font-size: 24px;color: var(--blue);/*margin-bottom: 20px;*/line-height: 26px;}
.homePrices-tab-double-cell{display: flex;/*margin-bottom: 30px;*/}
.homePrices-tab-double-cell:last-child{margin-bottom: 0;}
.homePrices-tab-double-cell div{flex: 1;text-align: center;}
.homePrices-tab-price{font-weight: 400;font-size: 16px;line-height: 18px;}
.homePrices-text-description{margin:15px auto 30px;max-width: 910px;font-size: 16px;line-height: 18px;}
.homeWish-bloc-btn{margin-top: 30px;display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;}
.homeWish-bloc-btn button{padding: 12px;}
.homeReparation-bold-text{font-weight: bold;}
.homeTools .imageRect-img{background: var(--blue);}
.homeTools-text{margin-right: 40px;flex: 1;}
.homeWish-list{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
.homeWish-list-item{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px;width: 280px;height: 172px;background: #FFFFFF;box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);border-radius: 20px;}
.homeWish-list-item svg *{fill: var(--blue);}
/*.homeWish-list-item img{max-width: 64px;max-height: 64px;}*/
.homeWish-list-item p{margin-top: 10px;}
.homeWish-list-item-title{font-style: normal;font-weight: 700;font-size: 16px;line-height: 18px;color: var(--blue);}

/* HEADER */
.header-hors-garantie{height: 112px;background: white;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);padding: 0 20px;z-index: 100;position: fixed;width: 100%;top: 0;}
.header-hors-garantie-wrap{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header-hors-garantie-right{display: flex;align-items: center;}
.header-hors-garantie-item{margin-left: 20px;}
.header-hors-garantie-wrap-info{display: none;position: absolute;z-index: 101;right: 0px;background-color: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);border-radius: 10px;padding: 5px;width: 200px;margin-top: 10px;}
.header-hors-garantie-info-focusable{vertical-align: middle;}
.header-hors-garantie-info-focusable:focus .header-hors-garantie-wrap-info{display: block;}
.header-hors-garantie-wrap-info:hover{display: block;}
.header-hors-garantie-wrap-info{padding: 15px;}

.header-garantie {background: white;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);z-index: 100;position: fixed;width: 100%;top: 0;}
.header-garantie .site-logo { width: 150px; display: block;}
.header-garantie .site-logo img { width: 100%; height: auto;}
.header-garantie .header-garantie-wrap {display: flex;justify-content: space-between;align-items: center;padding: 8px;}
.header-garantie .header-garantie-wrap .account {background-color: #f3f4f6; border-radius: 20px; display: flex; align-items: center; gap: 5px; width: fit-content; padding: 3px 8px; font-size: 13px;font-family: 'Poppins';}
.header-garantie .header-garantie-wrap .header-garantie-right { display: flex; align-items: center; gap: 10px;}
.header-garantie .header-garantie-wrap .header-garantie-right #languageSelect { border:0; background-color: #f3f4f6; border-radius: 20px; width: fit-content; padding: 2px 8px; font-size: 13px; font-family: 'Poppins'; }
.header-garantie .header-garantie-wrap .header-garantie-right #languageSelect button { display: flex; align-items: center; gap:5px; font-size: 12px; font-family: 'Poppins';}
.header-garantie .header-garantie-wrap .header-garantie-right #languageSelect:hover .language-list {opacity: 1; transform: translateY(0); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.header-garantie .header-garantie-wrap .header-garantie-right #languageSelect .language-list { font-size:12px; width: 100%; padding: 5px; border-radius: 3px; opacity: 0;transition: opacity .3s ease-in-out;transform: translateY(-4rem);list-style: none;margin: 0;padding: 0;position: absolute; left: 0; z-index: 1;}
.header-garantie .header-garantie-wrap .header-garantie-right #languageSelect .language-list .language { display:  block; width: 100%; padding: 5px; text-align: center; cursor: pointer;} 
.header-garantie .header-garantie-wrap .header-garantie-right #languageSelect .language-list .language:hover {background-color: var(--theme-primary-5);}

.requestHorsGarantie.defective {min-height: calc(100vh - 171px);}
.requestHorsGarantie.defective .form-title, .requestHorsGarantie.warranty .form-title { color: #4DAF7C; font-weight: 400; font-size: 13px;}
.requestHorsGarantie.defective .requestCoordinatesForm-title, .requestHorsGarantie.warranty .requestCoordinatesForm-title { display: flex; align-items: center; gap: 10px; width: fit-content; border-bottom-right-radius: 55px; padding: 5px 20px; padding-right: 40px; margin-bottom: 5px;}
.requestHorsGarantie.defective .requestCoordinatesForm-title + small, .requestHorsGarantie.warranty .requestCoordinatesForm-title + small{margin-bottom: 20px; display: block;}
.requestHorsGarantie.defective form p b, .requestHorsGarantie.warranty form p b {color: #4DAF7C; font-family: 'Poppins Bold';}
.requestHorsGarantie.defective .global-btn,
.requestHorsGarantie .requestOverview-side .global-btn,
.requestHorsGarantie.warranty .global-btn { background-color: var(--theme-primary); border-radius: 0; font-family: var(--theme-primary-font-medium); font-size: 14px; border: 1px solid #61B482; }
.requestHorsGarantie.warranty .requestCoordinatesForm .file-list p { margin: 10px 0; }
.requestHorsGarantie.warranty .requestCoordinatesForm .file-list p a { display: flex; align-items: center; gap: 5px;}
.requestHorsGarantie.warranty .requestCoordinatesForm .text-danger {border-radius: 6px;}
/* .file-list { width: 280px; margin: 0 auto;}
.file-list .pdfCardContent { background-color: var(--theme-primary-10); padding: 15px;}
.file-list .pdfCardContent .sav-item { background-color: var(--theme-color-step-1000); padding: 10px; width: 100%; box-shadow: 0px 0px 5px color(srgb 0 0 0 / 0.18); transition: all 1s ease-in-out;}
.file-list .pdfCardContent .sav-item:hover{ box-shadow: 0px 0px 12px color(srgb 0 0 0 / 0.18);}
.file-list .pdfCardContent .sav-item:not(:last-child) { margin-bottom: 15px;}
.file-list .pdfCardContent .sav-item img { width: 100%; height: auto; object-fit: contain; background-color: var(--theme-color-step-950); margin-bottom: 12px;}
.file-list .pdfCardContent .sav-item .sav-text {   display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.file-list .pdfCardContent .sav-item .pdf-button { width: 100%; display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid var(--theme-primary); padding: 5px 10px; font-family: var(--font-primary-bold );}
.file-list .pdfCardContent .sav-item .pdf-button:hover { background-color: var(--theme-primary); color: var(--theme-color-step-1000)!important;}
.file-list .pdfCardContent .sav-item .pdf-button svg { width: 24px; height: auto; } */

.file-list { width: 100%; margin: 0 auto;}

.file-list .pdfCardContent .sav-item {
    background-color: var(--theme-color-step-1000);
    padding: 18px;
    width: 100%;
    box-shadow: 0px 0px 5px color(srgb 0 0 0 / 0.18);
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}

/* HOVER */
.file-list .pdfCardContent .sav-item:hover {
    box-shadow: 0px 0px 14px color(srgb 0 0 0 / 0.22);
}

/* SPACING BETWEEN BLOCKS */
.file-list .pdfCardContent .sav-item:not(:last-child) {
    margin-bottom: 20px;
}

/* IMAGE */
/* IMAGE CENTERING + SIZE CONTROL */
.file-list .pdfCardContent .sav-item img {
    display: block;
    margin: 0 auto 20px auto;
    max-height: 280px;
    width: 100%;
    object-fit: contain;
    background-color: var(--theme-color-step-950);
    border-radius: 10px;
}

/* TEXT WRAPPER */
.sav-text-wrapper {
    position: relative;
    margin-bottom: 20px;
	max-height: 280px;
	overflow-y: scroll;
}

.sav-text-wrapper h2 {
	color: var(--theme-primary);
}

.sav-text-wrapper strong {
	font-family: var(--theme-primary-font-bold);
}

.sav-text-wrapper ol,
.sav-text-wrapper ol li {
	list-style: decimal;
}

/* TEXT BLOCK */
.file-list .pdfCardContent .sav-item .sav-text {    
    margin-bottom: 18px;
    line-height: 1.6;
    max-height: none;       /* REMOVE CLAMP */
    /* display: block; */
}


/* PDF BUTTON */
.file-list .pdfCardContent .sav-item .pdf-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--theme-primary);
    padding: 10px 16px;
    font-family: var(--font-primary-bold);
    border-radius: 10px;
    background-color: transparent;
    transition: 0.2s;
}

/* PDF BUTTON HOVER */
.file-list .pdfCardContent .sav-item .pdf-button:hover {
    background-color: var(--theme-primary);
    color: var(--theme-color-step-1000) !important;
    border-color: var(--theme-primary);
}

/* PDF ICON */
.file-list .pdfCardContent .sav-item .pdf-button svg {
    width: 22px;
    height: 22px;
}

.file-list .pdfCardContent .sav-item .pdf-button {
    display: none !important;
}

/* FOOTER */
.footer-hors-garantie{background-color:var(--blue2);padding:0 20px;}
.footer-hors-garantie .footer-wrapper{margin:0 auto;max-width:var(--width);padding:30px 0;}
.footer-hors-garantie .footer-columns{display:flex;justify-content: space-between;}
.footer-hors-garantie .footer-column + .footer-column{margin-left:40px;}
.footer-hors-garantie .footer-title{font:700 24px/24px 'DM Sans', sans-serif;color:#222;margin:50px 0 20px;}
.footer-hors-garantie .footer-text{font:400 16px/18px 'DM Sans', sans-serif;color:#222;margin-top:10px;}
.footer-hors-garantie .footer-link{color: #222222;}
.footer-hors-garantie .footer-link:hover{color:var(--bluebtn);}
.footer-hors-garantie .footer-btn{display:block;width:100%;border-radius:20px;margin-top:10px;background-color:var(--blue);text-align:center;font:400 16px/18px 'Ubuntu', sans-serif;color:white;padding:11px 24px;}
.footer-hors-garantie .footer-networks{display:flex;justify-content: center;}
.footer-hors-garantie .footer-network{font-size:0;}
.footer-hors-garantie .footer-network + .footer-network{margin-left:30px;}
.footer-hors-garantie .footer-payments{display:flex;}
.footer-hors-garantie .footer-payment + .footer-payment{margin-left:10px;}
.footer-hors-garantie .footer-legal{background-color:var(--blue);padding:3px 20px;text-align:center;margin:0 -20px;font-size:0;}
.footer-hors-garantie .footer-legal-item{display:inline-block;font:300 13px/15px 'Ubuntu', sans-serif;color:white;}
.footer-hors-garantie .footer-legal-item + .footer-legal-item{margin-left:32px;}
.trustpilot{max-width:var(--width);margin:0 auto;}

.footer-garantie{background-color: #0A221C; padding: 30px 20px;}
.footer-garantie .footer-wrapper {margin:0 auto;max-width:var(--width); display: flex; align-items: center; justify-content: space-between;}
.footer-garantie .footer-wrapper .site-logo { width: 220px; display: block;}

/* BREADCRUMB */
.requestHorsGarantie .steps-back{border: 1px solid #ECEDF0;color: var(--blue);margin-bottom: 0;background: white;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);}
.requestHorsGarantie .steps-timeline{border-bottom: 2px solid var(--blue3);}
.requestHorsGarantie .steps-step-circle{background: var(--blue3);}
.requestHorsGarantie a.steps-step .steps-step-circle{background: var(--blue);}
.requestValidateHorsGarantie .steps-step:first-child::before{background: var(--blue2);}
.requestValidateHorsGarantie .steps-step:last-child::before{background: var(--blue2);}

/* FORMULAIRE */
.requestHorsGarantie input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {-webkit-appearance: none;margin:0;}
.requestHorsGarantie .requestCoordinatesForm{width: 100%;margin: 0;}
.requestHorsGarantie .requestCoordinatesForm-form{display: flex;flex-wrap: wrap; justify-content: space-between; gap: 15px;}
.requestHorsGarantie .form{max-width: 500px; width: 100% !important;}
.requestHorsGarantie .form-row{display: block;}
.requestHorsGarantie .form-row.dn{display: none;}
.requestHorsGarantie .form-row-double{display: flex;}
.requestHorsGarantie .form-row-double > div{flex: 1;}
.requestHorsGarantie .form-row-double > div + div{margin-left: 17px;}
.requestHorsGarantie .form-title{font-weight: 300;font-size: 11px;line-height: 13px;margin-bottom: 10px;}
.requestHorsGarantie .form-input, .requestHorsGarantie .select2-container--default .select2-selection--single, .requestHorsGarantie .select2-container--default.select2-container--focus .select2-selection--multiple{width: 100%;/*display: flex;flex-direction: row;align-items: center;*/padding: 16px 35px 16px 10px;gap: 10px;border: 1px solid #CFD1D9 !important;height: auto!important;}
.requestHorsGarantie .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f3f6ff; border: 1px solid #CFD1D9;  color: var(--blue); padding: 5px; font-size: 11px;}
.requestHorsGarantie .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { font-size: 14px; color: var(--blue);}
.requestHorsGarantie .select2-container--default.select2-container--focus .select2-selection--multiple { padding-right: 10px;}
.requestHorsGarantie .form-input{font-weight: 300;font-size: 16px;line-height: 18px;color: black;}
.requestHorsGarantie .form-input::placeholder{font-weight: 300;font-size: 16px;line-height: 18px;color: #9FA3B2;}
.requestHorsGarantie .form-input:focus{outline: none;}
.requestHorsGarantie .form-input-select select{-webkit-appearance: none;-moz-appearance: none;background: url(../img/selectArrow.png) no-repeat;background-position: right 5px center;cursor: pointer;}
.requestHorsGarantie .form-input-select:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 23px;width: 1px;height: 60%;background-color: #C8C8C8;}
.requestHorsGarantie .form-input-info span{height: 22px;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;z-index: 1;}
.requestHorsGarantie .form-input-info-popup{display: none;position: absolute;z-index: 101;right: 0px;background-color: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);border-radius: 10px;padding: 5px;width: 250px;}
.form-input-info-info:focus .form-input-info-popup{display: block;}
.requestHorsGarantie .select2-container--default .select2-selection--single .select2-selection__arrow {top: 18px;}
.requestHorsGarantie .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 0;}
/*.requestHorsGarantie .form-input-info:after{content: url(../img/inputInfo.png);position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}*/
.requestHorsGarantie .form-input-file label{background: url(../img/inputFile.png) no-repeat;background-position: right 5px center;display: block;font-weight: 300;font-size: 16px;line-height: 18px;color: #9FA3B2;}
.requestHorsGarantie .form-input-file-filled label{font-weight: 300;font-size: 16px;line-height: 18px;color: black;}
.requestHorsGarantie .form-input-file:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 24px;width: 1px;height: 60%;background-color: #C8C8C8;}
.requestHorsGarantie .form-input-textarea textarea{resize: none;height: 160px !important;}
.requestHorsGarantie .btn-underline{margin-top: 5px;text-align: right;color: var(--bluebtn);text-decoration: underline;}
.requestHorsGarantie .form-btn-transport{display: flex;margin-bottom: 10px;}
.requestHorsGarantie .form-text-donnees{margin-top: 30px;}
.requestHorsGarantie .form-text-donnees p:first-child{font-weight: 700;font-size: 16px;line-height: 18px;}
.requestHorsGarantie .form-text-donnees p + p{margin-top: 10px;}
.requestHorsGarantie .form-input-capitalize{text-transform: capitalize}
.requestHorsGarantie .form-input-uppercase{text-transform: uppercase}
.requestHorsGarantie .form-input-uppercase::placeholder{text-transform: capitalize;}
.requestHorsGarantie .form-input_address > input{margin-bottom: 15px;}
.requestHorsGarantie .global-btn{background: var(--blue);margin-top: 30px;}
.requestHorsGarantie .secondary-btn{color: var(--bluebtn);border: solid 1px var(--bluebtn);}
.requestHorsGarantie .btn-transport-by{padding: 20px;border-radius: 10px;height: 55px; margin-top: 0;}
.requestHorsGarantie .btn-transport-by + .btn-transport-by{margin-left: 20px;}

/* RECAPITULATIF */
.requestHorsGarantie .requestOverviewDetails{width: 100%;}
.requestHorsGarantie .requestOverview-sides{display: flex;margin-bottom: 50px;justify-content: space-between;}
.requestHorsGarantie .requestOverview-sides div{max-width: 500px;width: 100%; box-shadow: none; border-radius: 0; z-index: 0; overflow: unset;}
.requestHorsGarantie .requestOverview-sides .overview-infos:not(:last-child){background-color: #f3f5fa;padding: 15px; border-radius: 5px; margin-bottom: 15px;}
.requestHorsGarantie .overview-infos{padding-bottom: 20px;border-bottom: 1px solid #E9E9E9;}
.requestHorsGarantie .overview-infos + .overview-infos{padding-top: 20px;}
.requestHorsGarantie .overview-infos-title{font-weight: 500;font-size: 14px;line-height: 15px;color: #222222;margin-bottom: 10px;}
.requestHorsGarantie .overview-infos-text{font-weight: 300;font-size: 13px;line-height: 15px;display: flex; align-items: flex-start; justify-content: space-between;}
.requestHorsGarantie .overview-infos-text-info{font-weight: 500;color: var(--blue);}
.requestHorsGarantie .overview-infos-box input[type=checkbox]{display: inline-block;}
.requestHorsGarantie .imageRect-img{width: 436px;height: 413px;}
.requestHorsGarantie .imageRect-rect{background: var(--yellow1);width: 394px;height: 367px; display: none;}
.requestHorsGarantie .homeContact-text{background: var(--blue1);}
.requestHorsGarantie .homeContact-description p{margin: 15px 0;}
.requestHorsGarantie .overview-check-cgv a{text-decoration: underline;}

/* DOCUMENTS */
.requestHorsGarantie .requestStandardsWarning{background: var(--blue);}
.requestHorsGarantie .requestStandardsWarning-sign svg path{fill: var(--blue);}
.requestEntretien .requestStandardsWarning-sign svg path{fill: red;}
.requestHorsGarantie .requestDownloadPdfs{display: block;box-shadow: 0px 4px 20px rgb(0 0 0 / 15%);padding: 10px;margin: 30px 0 0 0;background: #FFFFFF;border-radius: 10px;}
.requestHorsGarantie .requestDownloadPdfs-title{display: flex;justify-content: space-between;font-weight: 700;font-size: 18px;line-height: 100%;color: #3F4865;margin: 5px 0 10px 0;}
.requestHorsGarantie .requestDownloadPdfs-text{margin: 5px 0;color: #3F4865;font-weight: 400;font-size: 16px;line-height: 18px;}
.requestHorsGarantie .requestDocumentsValidation{display: flex;justify-content: end;}

/* VALIDATION */
.requestValidateHorsGarantie{background: var(--blue2);}
.requestHorsGarantie .requestValidatePage{margin-top: 50px;}
.requestHorsGarantie .requestValidatePage-content{border-radius: 0;} 
.requestHorsGarantie .requestValidatePage-title{color: var(--blue);}
.requestHorsGarantie .requestValidatePage-icon{border: 8px solid var(--green1);}
.requestHorsGarantie .requestValidatePage-text p + p{margin-top: 10px;}
.requestHorsGarantie .requestValidatePage-text span{font-weight: bold;}
.requestHorsGarantie .requestValidatePage-link{background-color: var(--theme-primary); color:var(--theme-color-step-1000); padding: 10px 30px; border-radius: 0; font-family: var(--theme-primary-font-medium); font-size: 14px;    border: 1px solid #61B482;}
.requestHorsGarantie .requestValidatePage-link + .requestValidatePage-link { margin-right: 0;background: var(--blue); }

/* Component Page Home Invivo */
.pageForbidden-link-wrap{display: flex;gap: 30px;}
.pageForbidden-link-wrap + .pageForbidden-link-wrap{margin-top:15px;}
.homeInvivo .pageForbidden-link{width:245px;}
.homeInvivo .appointment{top: auto;bottom: 10%;left: 50%;margin-left: -116px;width: 215px;height: fit-content;}
.homeInvivo .free{top: 109px;left: 55%;flex-direction: column;width: 140px;}
.homeInvivo .speed{top: 230px;right: 60px;left: auto;flex-direction: column;}

/* RESPONSIVE */
/* < 1200px */
@media screen and (max-width: 1200px) {
	.HomeHorsGarantie .homeSteps-list{margin-left: 0;}
	.HomeHorsGarantie .homeSteps-picture{display: none;}
	.HomeHorsGarantie .homePrices-tab{flex-direction: column;}
	.HomeHorsGarantie .homePrices-tab-column-first{display: none;}
	.HomeHorsGarantie .homePrices-tab-wrap-column .homePrices-tab-column-first{display: grid;}
	.requestHorsGarantie .requestOverview-side + .requestOverview-side{margin-left: 0;}
	.homeInvivo .pageForbidden-text{margin-left: 20px;background: rgba(246, 251, 248, 0.88);border-radius: 10px;padding: 10px;max-width: 841px;}
	.homeInvivo .pageForbidden-info.appointment{bottom: 20px;left: 50%;transform: translateX(-80%);z-index: 3;}
    .homeInvivo .pageForbidden-info.free{top: unset;bottom: 20px;left: 50%;transform: translateX(-30%);z-index: 3;}
    .homeInvivo .pageForbidden-info.speed{top: unset;bottom: 20px;left: 50%;transform: translateX(100%);z-index: 3;}
}
/* < 950px */
@media screen and (max-width: 950px) {
	.HomeHorsGarantie .homeReparation .homeConcept-text{order: -1;}
	.homeInvivo .pageForbidden-sides{align-items: start;}
	.homeInvivo .pageForbidden-text{text-align: center;display: flex;flex-direction: column;align-items: center;width: 100%;padding: 10px;margin: 30px auto;}
	.homeInvivo .pageForbidden-title{font-size: 40px;}
	.homeInvivo .pageForbidden-link-wrap{flex-direction: column;gap: 15px;}
}

@media screen and (max-width: 767px){
	.header-garantie .header-garantie-wrap .account span {
		display: none;
	}
	.footer-garantie .footer-wrapper {
		flex-direction: column;
		gap: 20px;
	}
	.requestHorsGarantie .form + .form {
		order: -1;
		margin-left: 0;
	}

	.file-list {
		width: 100%;
		margin-bottom: 25px;
	}
	.file-list  #pdfContent .pdfCardContent {
		background-color: transparent;
		padding: 0;
	}
	.file-list  #pdfContent {
		padding: 0;
	}
	.file-list  #pdfContent .sav-item img,
	.file-list  #pdfContent .sav-item .sav-text-wrapper {
		display: none;
	}
	.file-list  #pdfContent .sav-item {
		padding: 0;
		background-color: transparent;
	}
	
	.file-list  #pdfContent .sav-item a.pdf-button {
		display: flex !important;
		padding: 12px;
		background-color: var(--theme-primary);
		color: var(--theme-color-step-1000)!important;
		justify-content: center;
	}
	

}

/* < 720px */
@media screen and (max-width: 720px) {
	.HomeHorsGarantie .homePrices{padding: 50px 20px;}
	.HomeHorsGarantie .homePrices .homePrices-tab-column{padding: 10px;}
	.HomeHorsGarantie .homePrices .homePrices-tab-column div{margin: 5px 0;}
	.HomeHorsGarantie .homePrices .homePrices-tab-column-first{left: 0;}
	.HomeHorsGarantie .homeTools-text{margin-right: 0;}
	.HomeHorsGarantie .homeStart-picture{/*width: auto;*/display: none;}
	.footer-hors-garantie .footer-columns{display: block;text-align: center;}
	.requestHorsGarantie .form-row-double{display: block;}
	.requestHorsGarantie .form-row-double > div + div{margin-left: 0;margin-top: 20px;}
	.requestHorsGarantie .form-row-double > input + input{margin-left: 0;margin-top: 15px;}
	.requestHorsGarantie .requestOverview-sides{display: block;}
	.requestOverview-side .imageRect{display: none;}
	.header-hors-garantie-wrap { flex-direction: column; justify-content: space-evenly;}
}

@media screen and (max-width: 600px) {
	.HomeHorsGarantie .homePresentation-picture,
	.homeInvivo .pageForbidden-picture,
	.homeInvivo .pageForbidden-info.appointment,
	.homeInvivo .pageForbidden-info.free,
	.homeInvivo .pageForbidden-info.speed{display: none;}
	.homeInvivo .pageForbidden-sides{align-items: center;}
	.requestHorsGarantie .requestValidatePage-content { padding: 15px;}
	.requestValidatePage-text, .requestHorsGarantie .steps{ margin: 10px 0;}
	.requestHorsGarantie .requestValidatePage { margin-top: 0;}
	.requestValidatePage { padding: 0 15px;}
}

@media screen and (max-width: 480px) {
	.HomeHorsGarantie .homeStart-text .global-btn{padding: 12px 20px;}
	.HomeHorsGarantie .homeTransport-btn{width: 50%;}
	.requestHorsGarantie .form + .form{margin-top: 20px;margin-left: 0;flex: auto;}
	.requestHorsGarantie.defective .requestCoordinatesForm-title span, .requestHorsGarantie.warranty .requestCoordinatesForm-title span { min-width: 54px;}
	.requestHorsGarantie.defective .requestCoordinatesForm-title, .requestHorsGarantie.warranty .requestCoordinatesForm-title{font-size: 18px; padding: 5px 15px; padding-right: 30px;}
}

/* List layout */
.piece-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* Row layout */
.piece-item {
	display: flex;
	align-items: center;
	font-size: 13px;
	/* gap: 10px; */
	padding: 2px 0;
}

/* Custom checkbox style EXACT like input fields */
#pieceCheckboxList input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1.5px solid #B8C5CC;
	background: #FFFFFF;
	border-radius: 6px;

	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-right: 8px;
    min-height: 18px; 
	min-width: 18px;
}

/* On hover (optional like input focus) */
#pieceCheckboxList input[type="checkbox"]:hover {
	border-color: var(--theme-primary);
}

/* Checked style — same theme color */
#pieceCheckboxList input[type="checkbox"]:checked {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}

/* White Check mark */
#pieceCheckboxList input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 6px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Match your full form input style */
.piece-input {
	width: 100%;
	padding: 10px 14px;

	background: #FFFFFF;
	border: 1.5px solid #B8C5CC;
	border-radius: 6px;

	font-size: 15px;
	color: #444;

	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Placeholder style */
.piece-input::placeholder {
	color: #A0A0A0;
	opacity: 1;
}

/* On focus (same as other inputs) */
.piece-input:focus {
	border-color: var(--theme-primary);
	box-shadow: 0 0 0 2px rgba(82, 152, 255, 0.15);
	/* optional glow */
}

/* Scroll if too many items */
#pieceCheckboxList {
	max-height: 260px;
	/* fits ~7 items, adjust if needed */
	overflow-y: auto;
	overflow-x: hidden;

	padding-right: 4px;
	/* prevents text cutoff when scrollbar appears */
}