.c567{--c-accent:var(--yellow,#f8d62b);--c-dark:var(--navy,#0e1628);--c-ink:var(--ink,#1a2233);--c-muted:var(--muted,#7b8597);--c-line:#d9dee7;--c-err:#d64545;--c-ok:#1f9d63;
	position:relative;box-sizing:border-box;width:100%;max-width:760px;font-family:inherit;color:var(--c-ink);background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 40px rgba(14,22,40,.1)}
.c567 *,.c567 *::before,.c567 *::after{box-sizing:border-box}
.c567--flat{background:none;box-shadow:none;padding:0;border-radius:0}
.c567-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.c567-fields{display:flex;flex-direction:column;gap:18px}
.c567-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.c567-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.c567-field label{font-size:13px;font-weight:700;color:var(--c-dark)}
.c567-req{color:var(--c-err)}
.c567 input[type=text],.c567 input[type=email],.c567 input[type=tel],.c567 select,.c567 textarea{width:100%;font:inherit;font-size:15px;color:var(--c-ink);background:#f7f8fa;border:1.5px solid var(--c-line);border-radius:10px;padding:13px 15px;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none;margin:0}
.c567 textarea{resize:vertical;min-height:140px}
.c567 select{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%230e1628' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.c567 input::placeholder,.c567 textarea::placeholder{color:var(--c-muted)}
.c567 input:focus,.c567 select:focus,.c567 textarea:focus{outline:0;background:#fff;border-color:var(--c-dark);box-shadow:0 0 0 4px rgba(248,214,43,.55)}
.c567-field.has-error input,.c567-field.has-error select,.c567-field.has-error textarea{border-color:var(--c-err);background:#fff7f7}
.c567-err{font-size:12.5px;color:var(--c-err);min-height:0}
.c567-err:empty{display:none}
.c567-check{display:flex;align-items:flex-start;gap:12px;font-size:13px!important;font-weight:500!important;color:var(--c-ink)!important;cursor:pointer;line-height:1.5}
.c567-check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--c-dark);cursor:pointer}
.c567-actions{margin-top:4px}
.c567-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 28px;border:0;border-radius:999px;background:var(--c-accent);color:var(--c-dark);font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:filter .2s,transform .2s}
.c567-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.c567-btn:focus-visible{outline:3px solid var(--c-dark);outline-offset:3px}
.c567-arr{width:16px;height:16px;flex:none}
.c567-spin{display:none;width:16px;height:16px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:c567-rot .7s linear infinite}
.c567.is-loading .c567-spin{display:inline-block}
.c567.is-loading .c567-arr{display:none}
.c567.is-loading .c567-btn{opacity:.75;cursor:progress}
.c567-status{font-size:14px;border-radius:10px}
.c567-status:empty{display:none}
.c567-status.is-ok{margin-top:0;padding:16px 18px;background:#eaf8f1;color:#146c43;border:1px solid #b7e4cf}
.c567-status.is-error{margin-top:18px;padding:14px 16px;background:#fdeeee;color:#a12b2b;border:1px solid #f3c3c3}
.c567-big{font-size:16px;padding:22px 24px}
.c567.is-done .c567-fields{display:none}
.c567.is-done .c567-status{margin:0;font-size:16px;padding:22px 24px}

/* Variante fond sombre : [contact_567 style="dark"] */
.c567--dark{background:rgba(255,255,255,.06);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.12)}
.c567--dark .c567-field label{color:#fff}
.c567--dark input[type=text],.c567--dark input[type=email],.c567--dark input[type=tel],.c567--dark select,.c567--dark textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.c567--dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.c567--dark select option{color:#0e1628}
.c567--dark input::placeholder,.c567--dark textarea::placeholder{color:rgba(255,255,255,.55)}
.c567--dark input:focus,.c567--dark select:focus,.c567--dark textarea:focus{background:rgba(255,255,255,.14);border-color:var(--c-accent);box-shadow:0 0 0 4px rgba(248,214,43,.3)}
.c567--dark .c567-check{color:#e3e8f2!important}
.c567--dark .c567-check input{accent-color:var(--c-accent)}
.c567--dark .c567-err{color:#ff9b9b}
.c567--dark .c567-field.has-error input,.c567--dark .c567-field.has-error select,.c567--dark .c567-field.has-error textarea{background:rgba(214,69,69,.15);border-color:#ff7b7b}
.c567--dark.c567--flat{background:none;border:0}

/* ---------- Formulaire professionnels (devis) ---------- */
.c567--devis{max-width:900px}
.c567-sections{gap:0}
.c567-section{display:flex;flex-direction:column;gap:18px;padding:30px 0;border-top:1px solid var(--c-line)}
.c567-section:first-child{padding-top:0;border-top:0}
.c567-section:last-child{padding-bottom:0}
.c567-section-title{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--c-dark)}
.c567-num{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-accent);color:var(--c-dark);font-size:14px;font-weight:800}
.c567-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.c567-grid .is-full{grid-column:1/-1}
.c567-help{font-size:12.5px;line-height:1.4;color:var(--c-muted);margin-top:-3px}
.c567-note{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--c-muted)}
.c567--dark .c567-section{border-color:rgba(255,255,255,.16)}
.c567--dark .c567-section-title{color:#fff}
.c567--dark .c567-help,.c567--dark .c567-note{color:rgba(255,255,255,.7)}
@media (max-width:640px){
	.c567-grid{grid-template-columns:1fr}
	.c567-section{padding:24px 0}
	.c567-section-title{font-size:16px}
}

/* ---------- Formulaire témoignage : étoiles ---------- */
.c567-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c567-rating{gap:8px}
.c567-rating-label{font-size:13px;font-weight:700;color:var(--c-dark)}
.c567-stars{position:relative;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;align-self:flex-start}
.c567-stars input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.c567-stars label{cursor:pointer;line-height:0;padding:3px;border-radius:8px}
.c567-stars svg{width:36px;height:36px;fill:transparent;stroke:#b8c0cf;stroke-width:1.4;transition:fill .15s,stroke .15s,transform .15s}
.c567-stars label:hover svg,.c567-stars label:hover ~ label svg,.c567-stars input:checked ~ label svg{fill:#f2b705;stroke:#f2b705}
.c567-stars label:hover svg{transform:scale(1.12)}
.c567-stars input:focus-visible + label{outline:3px solid var(--c-accent);outline-offset:2px}
.c567-rating.has-error .c567-stars svg{stroke:var(--c-err)}
.c567--dark .c567-rating-label{color:#fff}
.c567--dark .c567-stars svg{stroke:rgba(255,255,255,.55)}
.c567--dark .c567-stars label:hover svg,.c567--dark .c567-stars label:hover ~ label svg,.c567--dark .c567-stars input:checked ~ label svg{stroke:#f2b705}

@keyframes c567-rot{to{transform:rotate(360deg)}}
@media (max-width:560px){
	.c567{padding:22px 18px;border-radius:12px}
	.c567--flat{padding:0}
	.c567-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.c567-spin{animation-duration:1.6s}.c567-btn{transition:none}}