.popin-quiz{
    padding:2rem 2.5rem!important;
    margin-bottom: 0;
}

/* Buttonize Radio & Checkbox Fields */


.popin-quiz .gform_wrapper .gfield.buttonized{
    padding-top:3rem;
}
.popin-quiz .gform_wrapper .gfield.buttonized.un:before{
    display: flex;
    content: "01";
    font-family: var(--typotitre);
    color: #DEDCD2;
    font-size: 3rem;
    padding-bottom: 1rem;
    justify-content: center;
}
.popin-quiz .gform_wrapper .gfield.buttonized.deux:before{
   display: flex;
   content: "02";
   font-family: var(--typotitre);
   color: #DEDCD2;
   font-size: 3rem;
   padding-bottom: 1rem;
   justify-content: center;
}
.popin-quiz .gform_wrapper .gfield.buttonized.trois:before{
   display: flex;
   content: "03";
   font-family: var(--typotitre);
   color: #DEDCD2;
   font-size: 3rem;
   padding-bottom: 1rem;
   justify-content: center;
}
.popin-quiz .gform_wrapper .gfield.buttonized.quatre:before{
   display: flex;
   content: "04";
   font-family: var(--typotitre);
   color: #DEDCD2;
   font-size: 3rem;
   padding-bottom: 1rem;
   justify-content: center;
}

.popin-quiz .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
.popin-quiz .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
   position: relative;
   text-align: center;
}
.popin-quiz .gform_wrapper .gfield.buttonized input[type="radio"],
.popin-quiz .gform_wrapper .gfield.buttonized input[type="checkbox"] {
   position: absolute;
   left: -9999px;
}
.popin-quiz .gform_wrapper .gfield.buttonized .gfield_radio label,
.popin-quiz .gform_wrapper .gfield.buttonized .gfield_checkbox label {
   display: block !important;
   position: relative;
   font-family: var(--typosans);
   max-width: 100%;
   padding: .75rem;
   color: #000;
   font-size: 1rem;
   line-height: 1.25rem;
   text-transform: uppercase;
   border: 1px solid #000;
   background-color: transparent;
   cursor: pointer;
}
.popin-quiz .gform_wrapper .gfield.buttonized input[type="radio"]:hover+label,
.popin-quiz .gform_wrapper .gfield.buttonized input[type="checkbox"]:hover+label{
    background-color: #d1d1d1;
    color: #000;
}
.popin-quiz .gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
.popin-quiz .gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
   border-color: #040404;
}
.popin-quiz .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
.popin-quiz .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
    background-color: #DEDCD2;
    border: 1px solid #DEDCD2;
   overflow: hidden;
}

.popin-quiz .gform_wrapper .gfield.buttonized .gfield_radio label::before,
.popin-quiz .gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
   display: none;
}

.popin-quiz .gform_wrapper .gfield.buttonized .gfield_radio,
.popin-quiz .gform_wrapper .gfield.buttonized .gfield_checkbox {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-wrap: wrap;
    gap: .5rem;
 }

 .popin-quiz .gform_wrapper .gform_footer,
 .popin-quiz .gform_wrapper .gform_page_footer{
    text-align: center;
    margin: 0 auto;
    padding:.5rem 0 0; /* était 2rem 0 1rem : espace perdu au-dessus du bouton */
 }
.popin-quiz .gform_previous_button.button,
.popin-quiz .gform_next_button.button{
    font-family: var(--typosans);
    font-size: .875rem;
    font-weight: 400;
    color: #000!important;
    text-transform: uppercase;
    background-color: transparent!important;
}
.popin-quiz .gform_wrapper .gform_next_button.button:focus:after{
    content: url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none"><path d="M1 0.5L7 6.5L1 12.5" stroke="black"/></svg>);
    margin-top: .0625rem;
}
.popin-quiz .gform_previous_button.button:hover,
.popin-quiz .gform_next_button.button:hover{
    background-color: transparent!important;
}
.popin-quiz .gform_wrapper .field_description_above .gfield_description{
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 300;
    letter-spacing: 0px;
    text-align:center;
    margin-bottom: 2rem;
    padding-bottom: 0;
 }
 .popin-quiz.calculateur .gform_wrapper .field_description_above .gfield_description{
   text-align:left;
   margin-bottom:.75rem;
 }
.popin-quiz select,.popin-quiz.calculateur input[type="number"]{
   padding: 8px 16px!important;
   border: 1px solid #000!important;
   background-color: #FFF!important;
   font-size:.875rem!important;
   min-width: unset;
}
.popin-quiz .popin-quiz-titre{
   margin-bottom:2rem;
}
.popin-quiz .popin-quiz-titre h3{
    text-align: center;
    margin-bottom:2rem;
 } 
.popin-quiz .popin-quiz-titre p{
    color:#000;
    text-align: center;
 }
.popin-quiz .info-calcul{
   font-family: var(--typosans);
   font-size:.75rem;
   color:#000;
   line-height:1rem;
   padding-left: 2rem;
}
/* Choix de l'arbre de décision grisés quand aucune finition atteignable
   n'est proposée par la teinte (classe posée par product2024.js) */
.popin-quiz .gchoice.rsrc-choix-indispo{
   opacity: .35;
   pointer-events: none;
}
/* GF ≥ 2.9 rend le submit en <button type="submit"> (plus <input>) : couvrir les deux */
.popin-quiz.finition input[type="submit"],
.popin-quiz.finition button[type="submit"]{
   display: none!important;
}
.popin-quiz.calculateur input[type="submit"],
.popin-quiz.calculateur button[type="submit"]{
   display: none!important;
   visibility: hidden;
}
.popin-quiz.calculateur input[type="submit"]:hover{
   color:#FFF!important;
   background-color:#000!important;
}
.popin-quiz .info-calcul::before{
   content:url("/wp-content/themes/ressource-peintures/img/Question.png");
   display: block;
   position: absolute;
   left: 0;
   margin-top: 4px;
}
.popin-quiz.calculateur .center p{
   text-align: center;
}
.popin-quiz.calculateur .center h2{
   text-align: center;
   font-family: var(--typotitre)!important;
   font-size:1.5rem;
   font-weight:400;
   line-height: 1rem;
   margin-bottom: 1rem;
    margin-top: 1rem;
    padding-top: 2rem;
    border-top: 1px solid #DEDCD2;
}
.popin-quiz.calculateur input[type="text"]{
   padding:0;
}
.popin-quiz.calculateur .resultat-litre input[type="text"]{
   text-align: center;
   font-family: var(--typotitre)!important;
   font-size:1.5rem;
   font-weight:400;
   line-height: 1rem;
   
}
.popin-quiz.calculateur .resultat-surface input[type="text"]{
   text-align: center;
   font-family: var(--typotitre)!important;
   font-size:1.5rem;
   font-weight:400;
   line-height: 1rem;
   
}
.popin-quiz.calculateur .resultat-litre,.popin-quiz.calculateur .resultat-surface{
   display: inline-block;
   position:relative;
}
.popin-quiz.calculateur .resultat-litre:after{
   position: absolute;
   /* content: ' l'; */
   top:10px;
   right: Calc(50% - 25px);
   font-family: var(--typotitre)!important;
   font-size:1.5rem;
   font-weight:400;
   line-height: 1rem;
}
.popin-quiz.calculateur .resultat-surface:after{
   position: absolute;
   /* content: ' m2'; */
   top:10px;
   right: Calc(50% - 60px);
   font-family: var(--typotitre)!important;
   font-size:1.5rem;
   font-weight:400;
   line-height: 1rem;
}
.popin-quiz.calculateur .results{
   margin-top:3.75rem
}
.popin-quiz.calculateur .results h4{
   text-align:center;
   font-family: var(--typosans)!important;
   font-size:.875rem;
   font-weight:300;
   line-height: 1rem;
   text-transform: uppercase;
   margin-bottom: 1.25rem;
}
.popin-quiz.calculateur .results .text-results{
   border:1px solid #DEDCD2;
   padding:24px 20px 10px!important;
}
.popin-quiz.calculateur .results .text-results p{
   text-align:center;
   margin-bottom:1rem!important;
}
.popin-quiz.calculateur .results .text-results p strong{
   font-weight:600;
}
.popin-quiz-footer{
   /* position:absolute;
   bottom:-25%; */
   margin:0 auto;
   width:100%;
}
.popin-quiz-footer p,.popin-quiz-footer p a{
   color:#000!important;
   margin-bottom:.5rem!important;
}
.popin-quiz-footer .wpb_content_element{
   margin-bottom:0;
}
.popin-quiz-footer p a{
   text-transform: uppercase;
   margin: 0 1rem;
}
.popin-quiz-footer a.contact::before{
   content:url('/wp-content/themes/ressource-peintures/img/Email.svg');
   top: 2.5px;
   margin-right:.25rem;
   position: relative;
}
.popin-quiz-footer a.boutique::before{
   content:url('/wp-content/themes/ressource-peintures/img/Map.svg');
   top: 2.5px;
   margin-right:.25rem;
   position: relative;
}
.popin-quiz .finition-box{
   padding:1rem!important;
   color:#000!important;
   border: 1px solid var(--alternate-border);
}
/* Cartes de finition non proposées par la teinte : MASQUÉES (recette 17/09 —
   une carte grisée portant le badge « Ressource vous recommande » était
   contradictoire, ex. Mat Moderne LC sur une teinte classique). Seuls les
   CHOIX de l'arbre de décision restent grisés (.rsrc-choix-indispo,
   recette 16/09). Classe posée par product2024.js */
.popin-quiz .rsrc-finition-cachee{
   display: none!important;
}
/* Message de repli quand un parcours n'aboutit à aucune carte disponible */
.popin-quiz .rsrc-aucune-finition{
   display:none;
   padding:1rem;
   border:1px solid var(--alternate-border);
   color:#000;
}
.popin-quiz .rsrc-aucune-finition.is-visible{
   display:block;
}

/* Calculateur : murs multiples (product2024.js) — une ligne par mur
   (longueur × hauteur = m²), total écrit dans le champ surface GF */
.popin-quiz.calculateur .rsrc-murs{
   grid-column:1/-1;
}
/* chaux uniquement (inline et popin) : respiration sous le select Effet —
   ne pas toucher à la popin peinture, dont l'espacement GF est validé */
.calculateur-chaux .rsrc-murs{
   margin-top:1.5rem;
}
/* placeholders des inputs murs harmonisés avec la typo du bloc */
.popin-quiz.calculateur li.rsrc-murs__mur input::placeholder{
   font-family:var(--typosans);
   font-size:.875rem;
   color:#666;
   opacity:1; /* Firefox applique une opacité par défaut */
}
.popin-quiz.calculateur ul.rsrc-murs__liste{
   list-style:none;
   margin:0 0 .75rem;
   padding:0;
}
.popin-quiz.calculateur li.rsrc-murs__mur{
   display:flex;
   align-items:center;
   gap:.5rem;
   margin-bottom:.5rem;
   font-family:var(--typosans);
   color:#000;
}
.popin-quiz.calculateur .rsrc-murs__nom{
   flex:0 0 3.5rem;
   font-size:.875rem;
}
.popin-quiz.calculateur li.rsrc-murs__mur input{
   flex:1 1 0;
   min-width:0;
   padding:.5rem .75rem;
   border:1px solid var(--alternate-border);
   font-family:var(--typosans);
   font-size:1rem;
   color:#000;
}
.popin-quiz.calculateur .rsrc-murs__m2{
   flex:0 0 auto;
   min-width:5rem;
   font-size:.875rem;
   text-align:right;
}
.popin-quiz.calculateur button.rsrc-murs__retirer{
   flex:0 0 auto;
   padding:.4rem .6rem!important;
   border:1px solid var(--alternate-border);
   background:transparent;
   color:#000;
   line-height:1;
}
.popin-quiz.calculateur button.rsrc-murs__retirer:hover{
   border-color:#000;
}
.popin-quiz.calculateur button.rsrc-murs__retirer[hidden],
.popin-quiz.calculateur button.rsrc-murs__ajouter[hidden]{
   display:none;
}
.popin-quiz.calculateur button.rsrc-murs__ajouter{
   font-family:var(--typosans);
   font-size:.8125rem;
   text-transform:uppercase;
   padding:.5rem 1rem!important;
   border:1px solid #000;
   background:transparent;
   color:#000;
}
.popin-quiz.calculateur button.rsrc-murs__ajouter:hover{
   background:#000;
   color:#FFF!important;
}
@media (max-width:600px){
   .popin-quiz.calculateur li.rsrc-murs__mur{
      flex-wrap:wrap;
   }
   .popin-quiz.calculateur .rsrc-murs__nom{
      flex-basis:100%;
   }
}

/* Calculateur : résultat compact (product2024.js) — la pile native GF est
   masquée, ses champs restent la source des valeurs */
.popin-quiz.calculateur #field_27_11,
.popin-quiz.calculateur #field_27_6,
.popin-quiz.calculateur #field_27_13,
.popin-quiz.calculateur #field_27_4,
.popin-quiz.calculateur #field_27_12,
.popin-quiz.calculateur #field_27_14,
.popin-quiz.calculateur #field_27_7,
.popin-quiz.calculateur #field_27_15{
   display:none!important;
}
.popin-quiz.calculateur .rsrc-calc-resultat{
   grid-column:1/-1;
   text-align:center;
   margin-top:1.5rem;
   padding-top:1.5rem;
   border-top:1px solid var(--alternate-border); /* mêmes espacements que .rsrc-calc-panier */
}
.popin-quiz.calculateur .rsrc-calc-resultat h2{
   margin-bottom:1rem;
}
.popin-quiz.calculateur .rsrc-calc-resultat p{
   font-family:var(--typosans);
   font-size:1rem;
   line-height:1.5;
   color:#000;
   margin-bottom:.5rem!important;
}
.popin-quiz.calculateur .rsrc-calc-resultat strong{
   font-size:1rem; /* aligné sur les p du résultat */
   font-weight:700;
   white-space:nowrap;
}

/* Calculateur : décomposition en pots + ajout au panier (product2024.js) */
.popin-quiz.calculateur .rsrc-calc-panier{
   margin-top:1.5rem;
   padding-top:1.5rem;
   border-top:1px solid var(--alternate-border);
   text-align:center;
}
.popin-quiz.calculateur .rsrc-calc-panier__section{
   font-family:var(--typosans);
   font-size:.875rem;
   font-weight:700;
   text-transform:uppercase;
   letter-spacing:.05em;
   color:#000;
   text-align:left;
   margin-bottom:.5rem!important;
}
.popin-quiz.calculateur label.rsrc-calc-panier__souscouche{
   display:flex;
   align-items:baseline;
   gap:.5rem;
   cursor:pointer;
   margin-top:1rem;
}
.popin-quiz.calculateur .rsrc-calc-panier__sc[hidden]{
   display:none;
}
.popin-quiz.calculateur ul.rsrc-calc-panier__lignes{
   list-style:none;
   margin:0 0 1rem;
   padding:0;
}
.popin-quiz.calculateur li.rsrc-calc-panier__ligne{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:1rem;
   padding:.5rem 0;
   border-bottom:1px solid var(--alternate-border);
   font-family:var(--typosans);
   font-size:1rem;
   color:#000;
   text-align:left;
}
.popin-quiz.calculateur button.rsrc-calc-panier__ligne-bouton{
   flex:0 0 auto;
   font-family:var(--typosans);
   font-size:.8125rem;
   line-height:1;
   text-transform:uppercase;
   padding:.5rem 1rem!important;
   border:1px solid #000;
   background-color:transparent;
   color:#000;
}
.popin-quiz.calculateur button.rsrc-calc-panier__ligne-bouton:hover{
   background-color:#000;
   color:#FFF!important;
}
.popin-quiz.calculateur button.rsrc-calc-panier__ligne-bouton:disabled{
   opacity:.5;
   pointer-events:none;
}
.popin-quiz.calculateur button.rsrc-calc-panier__bouton{
   font-family:var(--typosans);
   font-size:1rem;
   line-height:1.25rem;
   text-transform:uppercase;
   padding:.75rem 1.5rem!important;
   background-color:var(--alternate-background);
   color:#000;
}
.popin-quiz.calculateur button.rsrc-calc-panier__bouton:hover{
   background-color:#000;
   color:#FFF!important;
}
.popin-quiz.calculateur button.rsrc-calc-panier__bouton:disabled{
   opacity:.5;
   pointer-events:none;
}
.popin-quiz.calculateur .rsrc-calc-panier__etat,
.popin-quiz.calculateur .rsrc-calc-panier__message{
   font-family:var(--typosans);
   font-size:.875rem;
   color:#000;
   margin-top:.75rem!important;
}
.popin-quiz .finition-box.reco {
   background-color:var(--alternate-background);
   border: 0px solid transparent;
}
.popin-quiz .finition-box h3{
   margin-bottom:1rem;
   line-height:1rem;
}
.popin-quiz .finition-box h4 {
   font-family:var(--typosans)!important;
   font-size: .875rem;
   line-height: 1.125rem;
   text-transform: uppercase;
   padding-left: 24px;
   font-weight: 200;
   margin-bottom: 1.125rem !important;
}
.popin-quiz .finition-box h4:before {
   content: '';
   background-image: url(/wp-content/uploads/2024/06/arrow-courte.svg);
   background-repeat: no-repeat;
   background-size: 16px 8px;
   width: 16px;
   height: 8px;
   display: block;
   position: relative;
   left: -24px;
   top: 14px;
}

/* (recette 17/09) le padding-top:2rem qui réservait la place du badge
   absolu n'a plus lieu d'être : le badge est dans le flux, voir .reco::before */
.popin-quiz .finition-box p{
   display:flex;
   font-family:var(--typosans);
   font-size:.75rem;
   line-height:1rem;
   margin-bottom:1rem!important;
}
/* Badge « Ressource vous recommande » : DANS LE FLUX, aligné à droite
   (recette 17/09 — en position:absolute il chevauchait les titres longs,
   ex. « Extérieur Métal et Bois Satin » : l'espace sous le badge est
   désormais garanti quelle que soit la longueur du nom) */
.popin-quiz .finition-box.reco::before{
   content:"Ressource vous recommande";
   font-size: .75rem;
   line-height: 1rem;
   text-transform: uppercase;
   border-radius: 10px;
   background-color: #FFF;
   display: block;
   width: fit-content;
   padding: 3px 1rem;
   margin-left: auto;
   margin-bottom: .75rem;
}
.popin-quiz .finition-box .bouton{
   display: flex;
   margin-top:1rem;
}
.popin-quiz .finition-box a.selection,.popin-quiz .finition-box button{
   font-family: var(--typosans);
   font-size:1rem;
   line-height:1.25rem;
   text-transform: uppercase;
   padding:.75rem 1.5rem!important;
   background-color:var(--alternate-background);
}
.popin-quiz .finition-box.reco a.selection,.popin-quiz .finition-box.reco button.selection{
   border:1px solid #000;
   background-color:transparent;
}
.popin-quiz .finition-box button.selection:hover{
   background-color: #000;
   color:#FFF!important;
}
.popin-quiz .finition-box .bouton span {
   color:#666;
   font-family: var(--typosans);
   font-size:.875rem;
   line-height:1.25rem;
   text-transform: uppercase;
   text-align: center;
}
#pum-226109 .pum-content,#pum-227938 .pum-content{
   color:#000;
   font-weight:unset;
   overflow-y: auto;
   overflow-x: hidden;
   height: 100vh;
   
}
#pum-226109,#pum-227938{
   overflow: hidden;
   background-color: #00000080;

}
@media only screen and (max-width: 43.125rem){

}

#pum-226109 .pum-content + .pum-close,#pum-227938 .pum-content + .pum-close{
   background-color: transparent;
   background-image: url(/wp-content/themes/ressource-peintures/img/close-button.svg);
   content:"";
   background-size: 32px;
   display: block;
   background-repeat: no-repeat;
   top: 12px;
   right: 12px;
   width: 32px;
   height: 32px;
}

/* Popups calculateur papier peint & chaux : leurs ID Popup Maker diffèrent
   par instance (popups créées par script) — ciblage par :has() sur la classe
   du contenu, mêmes règles que les blocs #pum-226109/#pum-227938 ci-dessus */
.pum-overlay:has(.calculateur-pp) .pum-content,
.pum-overlay:has(.calculateur-chaux) .pum-content{
   color:#000;
   font-weight:unset;
   overflow-y: auto;
   overflow-x: hidden;
   height: 100vh;
}
.pum-overlay:has(.calculateur-pp),
.pum-overlay:has(.calculateur-chaux){
   overflow: hidden;
   background-color: #00000080;
}
.pum-overlay:has(.calculateur-chaux) .pum-content + .pum-close,
.pum-overlay:has(.calculateur-pp) .pum-content + .pum-close{
   background-color: transparent;
   background-image: url(/wp-content/themes/ressource-peintures/img/close-button.svg);
   content:"";
   background-size: 32px;
   display: block;
   background-repeat: no-repeat;
   top: 12px;
   right: 12px;
   width: 32px;
   height: 32px;
}

/* Calculateur papier peint : select de format + mentions (product2024.js —
   murs, résultat et panier réutilisent les classes .rsrc-* communes) */
.popin-quiz.calculateur .rsrc-calc-pp__format{
   display:flex;
   align-items:center;
   gap:.75rem;
   margin-bottom:1rem;
}
.popin-quiz.calculateur .rsrc-calc-pp__format label{
   font-family:var(--typosans);
   font-size:.875rem;
   text-transform:uppercase;
   color:#000;
}
.popin-quiz.calculateur .rsrc-calc-pp__format select{
   flex:1 1 0;
   min-width:0;
   padding:.5rem .75rem;
   border:1px solid var(--alternate-border);
   font-family:var(--typosans);
   font-size:1rem;
   color:#000;
   background:#FFF;
}
.popin-quiz.calculateur .rsrc-calc-pp__raccord,
.popin-quiz.calculateur .rsrc-calc-resultat p.rsrc-calc-pp__mentions{
   font-size:.8125rem;
   color:#666;
}

/* Calculateur chaux : sections à options, encart kit équivalent */
.popin-quiz.calculateur .rsrc-calc-chaux__section{
   margin-bottom:1rem;
}
.popin-quiz.calculateur .rsrc-calc-chaux__option{
   display:inline-flex;
   align-items:center;
   gap:.5rem;
   cursor:pointer;
   text-transform:none;
}
.popin-quiz.calculateur .rsrc-calc-chaux__option input{
   width:1rem;
   height:1rem;
   accent-color:#000;
}
.popin-quiz.calculateur .rsrc-calc-chaux__section--exclue .rsrc-calc-panier__lignes{
   opacity:.55; /* option non cochée : détail visible mais estompé */
}
.popin-quiz.calculateur .rsrc-calc-chaux__kit{
   margin-top:1.5rem;
   padding:1rem 1.25rem;
   background:#f5f0eb;
   text-align:center;
   font-family:var(--typosans);
   color:#3a3a3a;
}
.popin-quiz.calculateur .rsrc-calc-chaux__kit[hidden]{
   display:none;
}
.popin-quiz.calculateur .rsrc-calc-chaux__kit p{
   margin-bottom:.35rem!important;
   font-size:.9375rem;
}
.popin-quiz.calculateur .rsrc-calc-chaux__kit a{
   font-family:var(--typosans);
   font-size:.8125rem;
   text-transform:uppercase;
   text-decoration:underline;
   color:#000;
}

/* Calculateur chaux en mode INLINE (bloc fiche produit, sous le formulaire
   d'achat — option rsrc_calc_chaux_inline, rollback → mode popin). Le
   wrapper porte popin-quiz calculateur : tous les styles .rsrc-* du popup
   s'appliquent d'office, seule la mise en page du bloc est ajoutée ici. */
.calculateur-chaux--inline.popin-quiz{
   /* dans la fiche, le padding de la popin de base (.popin-quiz : 2rem 2.5rem
      !important) n'a pas lieu d'être — sélecteur doublé pour l'emporter */
   padding:0!important;
   margin:0!important; /* .desc porte déjà margin-bottom:40px — même respiration que la fiche peinture */
   width:100%;
}
/* Select Effet au gabarit du select Finition peinture : la sous-enveloppe
   porte .variation-new pour hériter des styles imbriqués de hero-product.css
   (separator/index/ligne) sans subir son flex sur tout le calculateur */
.rsrc-calc-chaux__effet-wrap,
.rsrc-calc-chaux__effet-wrap .dropdowns{
   width:100%;
}
.rsrc-calc-chaux__effet-wrap .ligne .value select{
   width:100%;
}

/* Bloc debug recette (servi par le serveur hors production uniquement) */
.popin-quiz.calculateur .rsrc-calc-pp__debug{
   margin-top:1.5rem;
   text-align:left;
}
.popin-quiz.calculateur .rsrc-calc-pp__debug[hidden]{
   display:none;
}
.popin-quiz.calculateur .rsrc-calc-pp__debug summary{
   font-family:var(--typosans);
   font-size:.75rem;
   text-transform:uppercase;
   color:#999;
   cursor:pointer;
}
.popin-quiz.calculateur .rsrc-calc-pp__debug pre{
   margin:.5rem 0 0;
   padding:.75rem;
   background:#f5f0eb;
   font-size:.6875rem;
   line-height:1.6;
   color:#3a3a3a;
   white-space:pre-wrap;
   word-break:break-word;
}