/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/plex-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


  *{box-sizing:border-box}
  h1,h2,h3,p{margin:0}
  a{text-decoration:none;color:inherit}
  body{margin:0;background:#ffffff}


/* ---- FAQ ---- */
.pfaq { border-top: 1px solid #e6eaee; padding: 20px 0 6px; }
.pfaq h3 { font: 600 18px/1.35 'IBM Plex Sans', sans-serif; color: #0e1b27; margin: 0 0 8px; text-wrap: balance; }
.pfaq p { font: 400 15.5px/1.7 'IBM Plex Sans', sans-serif; color: #5a6773; margin: 0; max-width: 82ch; }

/* ---- Barre de contact mobile (1 clic) ---- */
.tgf-contactbar { display: none; }
@media (max-width: 860px) {
  body { padding-bottom: 62px; }
  .tgf-contactbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 120;
    display: flex; background: #fff;
    box-shadow: 0 -8px 24px rgba(2, 12, 20, .22);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .tcb-btn {
    flex: 1 1 50%; display: inline-flex; align-items: center; justify-content: center;
    gap: 10px; padding: 17px 10px;
    font: 700 15.5px 'IBM Plex Sans', sans-serif; letter-spacing: .01em;
  }
  .tcb-btn svg { display: block; flex: 0 0 auto; }
  .tcb-call { background: #d81f27; color: #fff; }
  .tcb-mail { background: #001523; color: #fff; }
}

/* ============================================================
   En-tête commun (identique à la page échafaudage) + formulaire
   ============================================================ */
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(0, 21, 35, .92);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
  backdrop-filter: blur(12px) saturate(1.3);
  border-bottom: 1px solid #0e2233;
}
.head {
  max-width: 1180px; margin: 0 auto; padding: 12px clamp(18px,5vw,40px);
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
}
.brand { display: flex; align-items: center; }
.brand img { height: 62px; width: auto; display: block; background: #fff; padding: 6px 10px; }
.nav { display: flex; align-items: center; gap: 28px; margin-left: 26px; margin-right: auto; }
.nav a {
  position: relative; font: 600 14.5px 'IBM Plex Sans', sans-serif; color: #aeb9c4;
  padding: 6px 0; white-space: nowrap; transition: color .2s ease;
}
.nav a.active { color: #ffffff; }
.nav a .underline {
  position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ff4136;
  transform: scaleX(0); transform-origin: left center; transition: transform .24s cubic-bezier(.2,.7,.2,1);
}
.nav a.active .underline { transform: scaleX(1); }
.actions { display: flex; align-items: center; gap: 16px; }
.head-phone { font: 700 15px 'IBM Plex Sans', sans-serif; color: #ffffff; white-space: nowrap; }
.btn {
  display: inline-flex; align-items: center; gap: 8px; border: 0; cursor: pointer;
  white-space: nowrap; font: 600 14px 'IBM Plex Sans', sans-serif;
}
.btn span { font-size: 16px; line-height: 1; transition: transform .25s ease; }
.btn:hover span { transform: translateX(4px); }
.btn-red { background: #d81f27; color: #fff; padding: 12px 22px; transition: background .2s ease; }
.btn-red:hover { background: #b9151c; }
.nav-toggle { display: none; }

/* --- Section contact --- */
.wrap { max-width: 1180px; margin: 0 auto; padding-left: clamp(18px,5vw,40px); padding-right: clamp(18px,5vw,40px); }
.contact-band { background: #0e1b27; color: #dbe2e8; }
.contact-grid {
  padding-top: 60px; padding-bottom: 60px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 52px; align-items: start;
}
.eyebrow { font: 600 14px 'IBM Plex Sans', sans-serif; color: #d81f27; margin-bottom: 10px; }
.eyebrow-lg { font: 700 24px 'IBM Plex Sans', sans-serif; }
.eyebrow-bright { color: #ff4136; }
h2.on-dark { font: 700 clamp(25px,4.4vw,34px)/1.15 'IBM Plex Sans', sans-serif; color: #fff; letter-spacing: -.01em; }
.contact-lead { font: 400 16px/1.6 'IBM Plex Sans', sans-serif; color: #aeb9c4; margin-top: 14px; max-width: 420px; }
.contact-coords { margin-top: 26px; display: flex; flex-direction: column; gap: 16px; }
.coord-label { font: 500 13px 'IBM Plex Sans', sans-serif; color: #8794a0; }
.coord-phone { font: 600 22px 'IBM Plex Sans', sans-serif; color: #fff; display: block; margin-top: 2px; }
.coord-mail, .coord-addr { font: 500 16px 'IBM Plex Sans', sans-serif; color: #fff; display: block; margin-top: 2px; }

.contact-form { display: flex; flex-direction: column; gap: 14px; }
.field-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 12px; }
.contact-form input, .contact-form textarea, .contact-form select {
  border: 1px solid #2a3a48; background: #0a141d; color: #fff;
  padding: 14px 15px; font: 400 15px 'IBM Plex Sans', sans-serif; width: 100%;
}
.contact-form textarea { resize: vertical; }
.contact-form select, .contact-form input[type="date"] { color-scheme: dark; }
.chantier-block { border-top: 1px solid #1c2836; margin-top: 6px; padding-top: 16px; }
.chantier-title { font: 600 13px 'IBM Plex Sans', sans-serif; color: #c2ccd6; margin-bottom: 14px; }
.chantier-title .muted { color: #5a6774; font-weight: 500; }
.chip-group { margin-bottom: 16px; }
.chip-label { font: 500 12px 'IBM Plex Sans', sans-serif; color: #8794a0; margin-bottom: 8px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  padding: 9px 14px; border: 1px solid #2a3a48; background: transparent; color: #c2ccd6;
  font: 600 13px 'IBM Plex Sans', sans-serif; cursor: pointer; user-select: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.chip.selected { background: #d81f27; border-color: #d81f27; color: #fff; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.detail-grid label { display: flex; flex-direction: column; gap: 6px; }
.detail-grid label span { font: 500 12px 'IBM Plex Sans', sans-serif; color: #8794a0; }
.detail-grid input, .detail-grid select { padding: 13px 14px; }
.btn-submit { width: fit-content; padding: 15px 24px; font-size: 15px; justify-content: center; }
.form-status { font: 500 14.5px/1.5 'IBM Plex Sans', sans-serif; color: #aeb9c4; margin: 4px 0 0; min-height: 1px; }
.form-status.ok { color: #7fd2a2; }
.form-status.err { color: #ff8a80; }

/* --- Mobile : menu ☰ --- */
@media (max-width: 900px) {
  #tgf-head { align-items: center; gap: 10px 14px; }
  .brand img { height: 52px; }
  .nav-toggle {
    display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
    width: 46px; height: 42px; padding: 10px; margin-left: auto;
    background: transparent; border: 1px solid #24384a; cursor: pointer;
  }
  .nav-toggle span { display: block; height: 2px; width: 100%; background: #ffffff; transition: transform .25s ease, opacity .2s ease; }
  .nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-toggle.open span:nth-child(2) { opacity: 0; }
  .nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  #tgf-nav, #tgf-actions { display: none; }
  #tgf-head.open #tgf-nav {
    display: flex; flex-direction: column; align-items: stretch;
    flex: 1 1 100%; gap: 0; margin: 6px 0 0; order: 5;
  }
  #tgf-head.open #tgf-nav a { padding: 15px 2px; border-top: 1px solid #12283a; font-size: 16px; color: #ffffff; }
  #tgf-head.open #tgf-nav a .underline { display: none; }
  #tgf-head.open #tgf-actions {
    display: flex; flex-direction: column; align-items: stretch;
    flex: 1 1 100%; gap: 12px; margin-top: 14px; order: 6;
  }
  #tgf-head.open .head-phone { text-align: center; padding: 8px; font-size: 18px; color: #fff; }
  #tgf-head.open #tgf-actions .btn-red { justify-content: center; }
}
@media (max-width: 640px) {
  .detail-grid { grid-template-columns: 1fr; }
  .contact-form input, .contact-form select, .contact-form textarea { font-size: 16px; }
  .btn-submit { width: 100%; }
  .contact-grid { padding-top: 44px; padding-bottom: 44px; gap: 34px; }
}