/* LE BON PITCH — offre « Étude de devis gratuite » (page Vitrines) — v1 27/10/2026 */
#etude-devis{padding-block:64px}
.ad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.ad .head{margin-bottom:22px}
.ad-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ad-checks li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.45;color:var(--text)}
.ad-checks li::before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:15px}
.ad-checks b{color:var(--ink)}
.ad-promise{margin-top:22px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;color:var(--ink);font-size:15.5px}
.ad-form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:0 10px 30px rgba(18,24,38,.08)}
.ad-form .field input{width:100%}
.ad-drop{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:14px;padding:18px;border:2px dashed var(--line);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}
.ad-drop:hover,.ad-drop:focus-within{border-color:var(--accent)}
.ad-drop.ok{border-style:solid;border-color:var(--accent)}
.ad-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ad-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--on-accent);font:700 22px/1 var(--display)}
.ad-txt{font-size:14.5px;color:var(--muted);line-height:1.4}
.ad-txt b{display:block;color:var(--ink);font-size:15.5px}
.ad-form .btn{grid-column:1/-1;width:100%;font-size:16px;min-height:52px}
.ad-form .ad-note{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted);text-align:center}
.ad-form .status{grid-column:1/-1;margin:0}
.ad-form.done .field,.ad-form.done .ad-drop,.ad-form.done .ad-send,.ad-form.done .ad-note{display:none}
.lp-hero .ad-link{margin-top:14px;font-size:15px;color:var(--hero-text)}
.lp-hero .ad-link a{color:var(--hero-title);font-weight:600;border-bottom:2px solid var(--accent);text-decoration:none}
@media (max-width:900px){.ad{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){#etude-devis{padding-block:44px}.ad-form{grid-template-columns:1fr;padding:18px}.ad-checks li{font-size:15px}}