/* Popup essai */
    .essai-modal[hidden]{display:none}
    .essai-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
    .essai-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
    .essai-modal__dialog{position:relative;background:#fff;border-radius:8px;max-width:520px;width:100%;max-height:90vh;overflow:auto;padding:34px clamp(20px,4vw,36px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
    .essai-modal__close{position:absolute;top:10px;right:16px;border:0;background:none;font-size:1.9rem;line-height:1;color:#161718;cursor:pointer}
    .essai-modal__title{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:#161718;margin:0 0 8px}
    .essai-modal__intro{color:var(--grey-700,#4a5551);line-height:1.6;margin:0 0 20px;font-size:.95rem}
    .essai-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
    .essai-form input:not([type=checkbox]),.essai-form select,.essai-form textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #cfd4d2;border-radius:6px;background:#fff;color:#161718}
    .essai-form select,.essai-form textarea{margin-bottom:12px}
    .essai-form textarea{resize:vertical}
    .essai-form input:not([type=checkbox]):focus,.essai-form select:focus,.essai-form textarea:focus{outline:none;border-color:var(--green-accent,#0aa14a);box-shadow:0 0 0 3px rgba(10,161,74,.15)}
    .essai-form .rgpd-consent{margin:0 0 18px}
    .essai-form .rgpd-consent__item{font-size:.8rem;color:#5a625f}
    .essai-form .rgpd-consent__mention{font-size:.7rem;color:#6a7570}
    .essai-form__consent{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--grey-600,#6a7570);line-height:1.5;margin:0 0 18px}
    .essai-form__consent input{margin-top:2px;flex:0 0 auto;width:auto}
    .essai-form__consent a{color:var(--green-accent,#0aa14a);text-decoration:underline}
    .essai-form .btn{width:100%;justify-content:center}
    @media (max-width:480px){.essai-form__row{grid-template-columns:1fr}}
  
    /* Sur la route de votre projet : 3 carrés */
    .quick-mosaic--3tiles { grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: auto !important; gap: 16px; }
    .quick-mosaic--3tiles .mosaic__tile { grid-column: auto !important; grid-row: auto !important; aspect-ratio: 1 / 1; }
    @media (max-width: 700px){ .quick-mosaic--3tiles { grid-template-columns: 1fr !important; } .quick-mosaic--3tiles .mosaic__tile { aspect-ratio: 16 / 10; } }