/* Formulaire de brief en étapes (page contact). S'appuie sur les variables de pws.css. */
.brief-progress{height:3px;background:#dcd8cc;margin:-12px 0 10px;overflow:hidden}
.brief-progress-bar{display:block;height:100%;width:25%;background:var(--gold);transition:width var(--normal) var(--ease)}
.brief-count{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6a705c;margin:0 0 22px}
.brief-count b{color:#272c20}
.brief-step{border:0;margin:0;padding:0;min-width:0}
.brief-step[hidden]{display:none}
.brief-step legend{font-size:20px;font-weight:550;letter-spacing:-.02em;color:#272c20;margin-bottom:18px;padding:0;outline:none}
.brief-help{font-size:13px;line-height:1.6;color:#5e6551;margin:-6px 0 18px}
.brief-sub{font-size:12px;font-weight:500;margin:6px 0 10px}
.choice-grid{display:grid;gap:12px;margin-bottom:22px}
.choice-two{grid-template-columns:1fr 1fr}
.choice-styles{grid-template-columns:1fr 1fr}
.quote-form .choice{position:relative;display:block;margin:0;cursor:pointer}
.quote-form .choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.choice>span{display:grid;gap:4px;height:100%;padding:16px;border:1px solid #c7cbbd;background:#faf8f2;transition:border-color var(--fast),box-shadow var(--fast),background var(--fast)}
.choice b{font-size:15px;font-weight:600;color:#272c20}
.choice small{font-size:12px;color:#5e6551}
.choice:hover>span{border-color:#969e86}
.choice input:checked~span{border-color:#856832;background:#f6efdf;box-shadow:inset 0 0 0 1px #856832}
.choice input:focus-visible~span{outline:2px solid #876123;outline-offset:2px}
.style-choice img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #c7cbbd;border-bottom:0}
.style-choice input:checked~img{border-color:#856832}
.style-choice>span{height:auto;padding:12px 14px}
.style-free{display:flex!important}.style-free>span{flex:1}
.style-free>span{min-height:100%;align-content:center;text-align:center;background:repeating-linear-gradient(135deg,#faf8f2 0 10px,#f3efe4 10px 20px)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:10px}
.quote-form .check{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13px;font-weight:450;cursor:pointer}
.quote-form .check input{width:18px;height:18px;flex:none;margin:2px 0 0;padding:0;accent-color:#856832}
.quote-form .consent{margin:4px 0 22px}
.brief-nav{display:flex;gap:12px;margin-top:8px}
.quote-form .brief-nav .button{flex:1;width:auto;margin:0}
.quote-form .brief-nav .ghost-button{flex:0 0 auto;background:transparent;border-color:#b9bdad;color:#3a4030}
.quote-form .brief-nav .ghost-button:hover{background:#ece8dc;border-color:#969e86}
.quote-form .brief-nav [hidden]{display:none}
.current-site[hidden]{display:none}
/* Page merci : les prochaines étapes */
.next-steps{list-style:none;counter-reset:s;display:grid;gap:14px;margin:26px 0 22px;padding:0;max-width:520px}
.next-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:14px;text-align:left}
.next-steps li:before{content:counter(s);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font-size:14px}
.next-steps b{font-weight:550;color:var(--text)}
.next-steps span{font-size:14px;color:var(--muted)}
@media(max-width:560px){.choice-two,.choice-styles,.check-grid{grid-template-columns:1fr}.brief-step legend{font-size:18px}}
@media(prefers-reduced-motion:reduce){.brief-progress-bar,.choice>span{transition:none}}