/* Page devis */
.inner .site-header,
.inner .site-header.scrolled {
  background: #fff; color: var(--ink); box-shadow: 0 1px 0 var(--line);
  padding: 10px 0; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.inner .site-header .brand img { background: transparent; }

.dv-hero {
  padding: 150px 0 130px; text-align: center; color: #fff;
  background:
    linear-gradient(180deg, rgba(10,69,71,.72) 0%, rgba(22,19,15,.7) 100%),
    url("https://static.wixstatic.com/media/bf9ae9_bb1e9698e61a4e21ba57b4352cf4ed4b~mv2.jpg/v1/fill/w_1800,h_800,al_c,q_75,enc_auto/devis.jpg") center / cover no-repeat;
}
.dv-hero h1 { font-size: clamp(2.6rem, 6vw, 4.4rem); margin-bottom: 16px; }
.dv-lead { max-width: 560px; margin: 0 auto; font-size: 1.12rem; opacity: .95; }

.dv-section { padding: 0 0 clamp(70px, 9vw, 110px); background: var(--sand); }
.dv-card {
  position: relative; max-width: 860px; margin: -70px auto 0; background: #fff; border-radius: 8px;
  padding: clamp(24px, 5vw, 56px); box-shadow: 0 30px 70px rgba(22,19,15,.14);
}
.dv-note { margin: 0; text-align: center; color: var(--muted); }

.dv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dv-full { grid-column: 1 / -1; }
.dv-field label { display: block; font-weight: 500; font-size: .92rem; letter-spacing: .03em; margin-bottom: 7px; }
.dv-req { color: var(--teal); }
.dv-field input,
.dv-field select,
.dv-field textarea {
  width: 100%; font: inherit; font-size: 1rem; font-weight: 400; color: var(--ink);
  padding: 14px 16px; background: #fff; border: 1px solid rgba(22,19,15,.25); border-radius: 12px;
  transition: border-color .2s ease, box-shadow .2s ease; appearance: none; -webkit-appearance: none;
}
.dv-field select {
  padding-right: 44px;
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);
  background-position: calc(100% - 22px) 52%, calc(100% - 16px) 52%;
  background-size: 6px 6px, 6px 6px; background-repeat: no-repeat;
}
.dv-field textarea { resize: vertical; min-height: 120px; }
.dv-field input:focus,
.dv-field select:focus,
.dv-field textarea:focus { outline: none; border-color: var(--teal); box-shadow: 0 0 0 4px rgba(246,218,191,.8); }
.dv-field [aria-invalid="true"] { border-color: #B42318; box-shadow: 0 0 0 3px rgba(180,35,24,.1); }
.dv-err { margin: 6px 0 0; font-size: .86rem; color: #B42318; }
.dv-form-error { margin: 22px 0 0; padding: 12px 16px; background: #FDECEA; color: #8A1C12; border-radius: 10px; font-size: .95rem; }
.dv-submit { width: 100%; margin-top: 26px; cursor: pointer; font-family: var(--sans); }
.dv-submit[disabled] { opacity: .65; cursor: progress; transform: none; }
.dv-privacy { margin: 14px 0 0; font-size: .82rem; color: var(--muted); text-align: center; }

.dv-thanks { text-align: center; padding: 18px 0; }
.dv-check {
  width: 68px; height: 68px; margin: 0 auto 18px; border-radius: 50%; background: var(--peach);
  display: grid; place-items: center; font-size: 2rem; color: var(--teal-dark);
}
.dv-thanks h2 { font-size: 2.4rem; margin-bottom: 12px; }
.dv-thanks p { color: var(--muted); margin: 0 0 6px; }
.dv-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 26px; }

.dv-alt { text-align: center; margin-top: 40px; color: var(--muted); }
.dv-alt p { margin-bottom: 14px; }
.dv-alt-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 640px) {
  .dv-hero { padding: 118px 0 104px; }
  .dv-card { margin-top: -56px; border-radius: 6px; }
  .dv-grid { grid-template-columns: 1fr; gap: 16px; }
  .dv-alt-btns .btn, .dv-actions .btn { width: 100%; }
}