/* SG Bâtiment : page /devis/, « Parlez-nous de votre projet » (31/10/2026).
   Chargée après sg-devis.css ; ne touche qu'à la présentation. */
.dp{--o:#E8651A;--ink:#1C1813;--ink2:#3B342D;--cr:#F6F2ED;--st:#EDE7DF;background:var(--cr);color:var(--ink);padding:calc(var(--nav-h,76px) + 28px) 0 0}
.dp-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.dp-bc{font-size:.8rem;color:#8a7f74;margin-bottom:22px}.dp-bc a{color:inherit;text-decoration:none}.dp-bc span{color:var(--o)}
.dp-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:64px;align-items:start}
.dp h1{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.01em;margin:0 0 14px;text-transform:none;text-align:left}
.dp h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--o)}
.dp-lead{font-size:1.06rem;line-height:1.6;color:var(--ink2);max-width:560px;margin:0 0 30px}
.dp-lead b{color:var(--ink)}
.dp-mini{display:none}
.dp-alt{margin-top:22px;font-size:.92rem;color:var(--ink2)}.dp-alt a{color:var(--ink);font-weight:600}

/* parcours : plus de carte encadrée, il vit dans la page */
.dp #sgDevis{max-width:none}
.dp .sgd-card{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.dp .sgd-prog{margin-bottom:16px}
.dp .sgd-prog-lbl{color:var(--o);letter-spacing:.18em;font-size:.74rem}
.dp .sgd-prog-bar{height:3px}
.dp .sgd-h{text-transform:none;font-weight:500;font-size:1.4rem;margin-bottom:6px}
.dp .sgd-sub{margin-bottom:18px;font-size:.9rem}

/* tuiles photo */
.dp .sgd-grid{grid-template-columns:repeat(3,1fr);gap:10px}
.dp .sgd-tile{position:relative;padding:0;border:0;border-radius:2px;background:var(--ink2);aspect-ratio:4/3.3;overflow:hidden;justify-content:flex-end;cursor:pointer}
.dp .sgd-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dp .sgd-tile:hover img{transform:scale(1.04)}
.dp .sgd-tile--img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,24,19,0) 38%,rgba(28,24,19,.86) 100%)}
.dp .sgd-tile-cap{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:12px 14px}
.dp .sgd-tile-n{color:#fff;text-transform:none;font-weight:500;font-size:1.02rem;letter-spacing:.02em;line-height:1.15}
.dp .sgd-tile-a{color:rgba(255,255,255,.8);font-size:.76rem;line-height:1.3}
.dp .sgd-tile:not(.sgd-tile--img){justify-content:flex-start}
.dp .sgd-tile:not(.sgd-tile--img) .sgd-tile-cap{padding:16px}
.dp .sgd-tile:not(.sgd-tile--img) .sgd-tile-n{font-size:1.15rem}
.dp .sgd-tile:not(.sgd-tile--img) .sgd-tile-a{font-size:.84rem;margin-top:5px}
.dp .sgd-tile.on{outline:3px solid var(--o);outline-offset:-3px;background:var(--ink2)}
.dp .sgd-tile.on::before{content:'Choisi';position:absolute;top:0;right:0;z-index:2;background:var(--o);color:#fff;font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px}
.dp .sgd-grid.err{outline:2px solid var(--o);outline-offset:6px}

/* colonne avis */
.dp-side h2{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ink2);margin:6px 0 4px;display:flex;align-items:center;gap:12px;text-align:left}
.dp-side h2::after{content:'';flex:1;height:1px;background:#d8cfc4}
.dp-score{display:flex;align-items:baseline;gap:10px;margin:14px 0 6px}
.dp-score strong{font-family:'Oswald',sans-serif;font-size:2.6rem;font-weight:600;line-height:1}
.dp-score span{color:var(--o);letter-spacing:2px;font-size:1.05rem}
.dp-score a{font-size:.84rem;color:var(--ink2)}
.dp-av{padding:22px 0;border-bottom:1px solid #e2d9ce}
.dp-av:last-of-type{border-bottom:0}
.dp-av q{display:block;font-family:'Instrument Serif',serif;font-style:italic;font-size:1.32rem;line-height:1.35;quotes:none}
.dp-av p{margin:10px 0 0;font-size:.84rem;color:var(--ink2)}.dp-av p b{color:var(--ink)}
.dp-contact{margin-top:18px;font-size:.92rem;color:var(--ink2);line-height:1.7}
.dp-contact a{color:var(--ink);font-weight:600}

/* bandeau promesse */
.dp-promise{background:var(--ink);color:var(--cr);margin-top:72px}
.dp-promise .dp-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:64px;padding-top:64px;padding-bottom:64px}
.dp-promise h2{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;margin:0;color:#fff;text-align:left;text-transform:none}
.dp-promise h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--o)}
.dp-promise .s{margin:18px 0 0;color:#b9ada0;font-size:.95rem;line-height:1.6}
.dp-tl{list-style:none;margin:0;padding:0}
.dp-tl li{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-top:1px solid rgba(246,242,237,.14)}
.dp-tl li:first-child{border-top:0;padding-top:0}
.dp-tl .w{font-family:'Oswald',sans-serif;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--o);padding-top:3px}
.dp-tl b{display:block;font-family:'Oswald',sans-serif;font-weight:500;font-size:1.1rem;color:#fff}
.dp-tl span{display:block;margin-top:4px;color:#b9ada0;font-size:.92rem;line-height:1.55}

@media (max-width:980px){
 .dp-wrap{padding:0 18px}.dp-grid{grid-template-columns:1fr;gap:44px}
 .dp-mini{display:block;margin:-14px 0 24px;font-size:.88rem;color:var(--ink2);line-height:1.5}
 .dp-mini span{color:var(--o);letter-spacing:1px}
 .dp-mini q{font-family:'Instrument Serif',serif;font-style:italic;font-size:1.02rem;color:var(--ink);quotes:none}
 .dp .sgd-grid{grid-template-columns:repeat(2,1fr);gap:8px}
 .dp .sgd-tile-n{font-size:.95rem}.dp .sgd-tile-a{font-size:.7rem}.dp .sgd-tile-cap{padding:9px 10px}
 .dp .sgd-foot{position:sticky;bottom:0;background:var(--cr);padding:10px 0 14px;z-index:5;box-shadow:0 -10px 16px -12px rgba(28,24,19,.25)}
 .dp .sgd-foot .sgd-next{flex:1}
 .sg-dock{display:none!important}
 .dp-promise{margin-top:48px}.dp-promise .dp-wrap{grid-template-columns:1fr;gap:34px;padding-top:44px;padding-bottom:44px}
 .dp-tl li{grid-template-columns:92px 1fr}
}

/* formulaire unique (02/11/2026) : un seul écran, le reste replié */
.dp .sgd-one .sgd-field{margin:0 0 22px}
.dp .sgd-one .sgd-lbl{margin-bottom:9px}
.dp .sgd-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dp .sgd-chips .sgd-opt{display:flex;align-items:center;min-height:54px;padding:10px 12px;font-size:.92rem;line-height:1.25;text-align:left;cursor:pointer}
.dp .sgd-chips .sgd-opt.on{font-weight:600}
.dp .sgd-one .sgd-input{font-size:16px;padding-top:14px;padding-bottom:14px}
.dp .sgd-one .sgd-2col{gap:0 14px}
.dp .sgd-one #sgd-mot{min-height:84px}
.dp .sgd-one select.sgd-input{margin-top:10px}
.dp .sgd-ferr{margin:7px 0 0;color:var(--orange-d);font-size:.86rem;line-height:1.4}
.dp .sgd-ferr:empty{display:none}
.dp .sgd-plus{display:block;margin:-4px 0 22px;padding:6px 0;background:none;border:0;font:inherit;font-size:.93rem;color:var(--ink);text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:4px;cursor:pointer}
.dp .sgd-plus.sgd-hide{display:none}
.dp .sgd-xtra .sgd-drop{padding:18px;margin-bottom:10px}
.dp .sgd-xtra .sgd-thumbs{margin-bottom:18px}
.dp .sgd-one .sgd-foot{position:static;display:block;margin:4px 0 0;padding:0;border:0;box-shadow:none;background:none}
.dp .sgd-one .sgd-next{width:100%;justify-content:center;padding:19px 22px;font-size:1.02rem}
.dp .sgd-one .sgd-next[disabled]{opacity:.65;cursor:wait}
.dp .sgd-reassure{margin:12px 0 0;font-size:.88rem;line-height:1.5;color:var(--ink2)}
@media (max-width:980px){
 .dp .sgd-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dp .sgd-chips .sgd-opt{min-height:50px}
}
@media (max-width:420px){
 .dp .sgd-one .sgd-2col{grid-template-columns:1fr}
}
/* 03/11/2026 : bloc avis distinct du formulaire */
.dp-side{background:#1c1813;color:#f6f2ed;padding:34px 34px 30px;border-radius:6px;position:sticky;top:96px}
.dp-side h2{color:#e9a173;margin:0 0 2px}
.dp-side h2::after{background:rgba(246,242,237,.18)}
.dp-score{margin:16px 0 4px;flex-wrap:wrap}
.dp-score strong{color:#fff}
.dp-score span{color:#f5883a}
.dp-score a{color:#f6f2ed;opacity:.75;text-decoration:underline;text-underline-offset:3px}
.dp-av{padding:20px 0 18px;border-bottom:1px solid rgba(246,242,237,.12)}
.dp-av:last-of-type{border-bottom:0}
.dp-av q{font-size:1.14rem;line-height:1.4;color:#f6f2ed}
.dp-av q::before{content:"\201C";display:block;font-family:"Instrument Serif",serif;font-style:normal;font-size:2.6rem;line-height:.6;height:16px;color:#f5883a}
.dp-av p{color:rgba(246,242,237,.62)}
.dp-av p b{color:#fff}
.dp-av p::before{content:"\2605\2605\2605\2605\2605";display:block;color:#f5883a;letter-spacing:2px;font-size:.78rem;margin-bottom:4px}
.dp-contact{margin:10px -34px -30px;padding:18px 34px 22px;background:rgba(246,242,237,.06);color:rgba(246,242,237,.7);border-radius:0 0 6px 6px}
.dp-contact a{color:#fff}
@media (max-width:980px){
 .dp-side{position:static;padding:28px 22px 24px}
 .dp-contact{margin:10px -22px -24px;padding:16px 22px 20px}
}