/* Prialys × Néoliane — parcours Chien & Chat */
.pn-app{--pn-green:#67C27C;--pn-green-d:#3d8f53;--pn-ink:#1f2933;--pn-muted:#5f6b76;--pn-line:#e1e6ea;--pn-soft:#f3f9f4;--pn-warn:#fff6dd;--pn-err:#b42318;
  max-width:760px;margin:0 auto;color:var(--pn-ink);font-size:16px;line-height:1.5;box-sizing:border-box}
.pn-app *,.pn-app *::before,.pn-app *::after{box-sizing:border-box}
.pn-app h2{font-size:1.45em;line-height:1.25;margin:0 0 .3em;color:var(--pn-ink)}
.pn-app h3{font-size:1.05em;margin:1.4em 0 .6em;color:var(--pn-ink)}
.pn-loading{padding:24px;text-align:center;color:var(--pn-muted)}
.pn-card{background:#fff;border:1px solid var(--pn-line);border-radius:16px;padding:24px;box-shadow:0 6px 24px rgba(31,41,51,.06)}
.pn-lead{color:var(--pn-muted);margin:0 0 1.2em}
.pn-muted{color:var(--pn-muted)}
.pn-banner{display:flex;align-items:center;gap:8px;background:var(--pn-ink);color:#fff;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:.95em}
.pn-dot{width:10px;height:10px;border-radius:50%;background:var(--pn-green);box-shadow:0 0 0 3px rgba(103,194,124,.35)}
.pn-test{background:#fde8e6;color:#8a1c12;border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:.9em;font-weight:600}
/* Étapes */
.pn-steps{display:flex;gap:4px;list-style:none;margin:0 0 16px;padding:0;counter-reset:s}
.pn-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.78em;color:var(--pn-muted);text-align:center;position:relative;margin:0}
.pn-steps li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#eef1f3;color:var(--pn-muted)}
.pn-steps li.is-on span{background:var(--pn-green);color:#fff;box-shadow:0 0 0 4px rgba(103,194,124,.25)}
.pn-steps li.is-done span{background:var(--pn-green-d);color:#fff}
.pn-steps li.is-on em{color:var(--pn-ink);font-weight:600}
.pn-steps em{font-style:normal}
.pn-step-label{display:none}
@media (max-width:560px){.pn-steps em{display:none}.pn-steps{margin-bottom:6px}.pn-step-label{display:block;text-align:center;font-size:.85em;font-weight:600;color:var(--pn-ink);margin:0 0 12px}}
/* Erreurs / notes */
.pn-error{background:#fdecea;border:1px solid #f5c2bc;color:var(--pn-err);border-radius:10px;padding:10px 14px;margin-bottom:12px}
.pn-error a{color:inherit;font-weight:700}
.pn-note{background:var(--pn-warn);border-radius:10px;padding:10px 14px;margin:8px 0 14px;font-size:.95em}
/* Champs */
.pn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
@media (max-width:560px){.pn-grid{grid-template-columns:1fr}.pn-card{padding:18px 14px;border-radius:12px}}
.pn-field{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}
.pn-wide{grid-column:1/-1}
.pn-field label{font-weight:600;font-size:.92em}
.pn-field small{color:var(--pn-muted);font-size:.82em}
.pn-app input:not([type=radio]):not([type=checkbox]),.pn-app select{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid #cfd6dc;border-radius:10px;background:#fff;font:inherit;color:inherit}
.pn-app input:focus,.pn-app select:focus{outline:none;border-color:var(--pn-green);box-shadow:0 0 0 3px rgba(103,194,124,.25)}
.pn-app .pn-invalid{border-color:var(--pn-err)!important;background:#fffafa}
.pn-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* Espèce */
.pn-species{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0 0 18px}
.pn-species legend,.pn-choices legend{font-weight:600;margin-bottom:8px;padding:0}
.pn-sp{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--pn-line);border-radius:14px;padding:16px;cursor:pointer;transition:.15s}
.pn-sp b{font-size:2.2em;line-height:1}
.pn-sp span{font-weight:600}
.pn-sp input,.pn-offre input,.pn-choice input{position:absolute;opacity:0;pointer-events:none}
.pn-sp.is-on,.pn-offre.is-on,.pn-choice.is-on{border-color:var(--pn-green);background:var(--pn-soft)}
.pn-sp:focus-within,.pn-offre:focus-within,.pn-choice:focus-within{box-shadow:0 0 0 3px rgba(103,194,124,.3)}
/* Offres */
.pn-offres{display:grid;gap:10px}
.pn-offre{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n p" "g p";align-items:center;border:2px solid var(--pn-line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.15s}
.pn-offre-n{grid-area:n;font-weight:700;font-size:1.08em}
.pn-offre-g{grid-area:g;color:var(--pn-muted);font-size:.85em}
.pn-offre-p{grid-area:p;font-weight:800;font-size:1.3em;color:var(--pn-green-d);white-space:nowrap}
.pn-offre-p small,.pn-recap-top small{font-size:.6em;font-weight:500;color:var(--pn-muted);margin-left:2px}
/* Choix besoins */
.pn-choices{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.pn-choices legend{width:100%}
.pn-choice{position:relative;border:2px solid var(--pn-line);border-radius:999px;padding:8px 16px;cursor:pointer;font-size:.95em}
/* Boîtes, documents */
.pn-box{background:#f8fafb;border:1px solid var(--pn-line);border-radius:12px;padding:12px 16px;margin-top:16px}
.pn-box h3{margin:.2em 0 .5em;font-size:1em}
.pn-docs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pn-docs a{display:flex;align-items:center;gap:8px;color:var(--pn-ink);text-decoration:none;font-weight:500}
.pn-docs a:hover{color:var(--pn-green-d);text-decoration:underline}
.pn-pdf{font-size:.65em;font-weight:800;background:#e5484d;color:#fff;border-radius:4px;padding:2px 5px}
.pn-tag{font-size:.75em;color:var(--pn-muted)}
.pn-check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;cursor:pointer}
.pn-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--pn-green-d)}
/* Race */
.pn-suggest{position:absolute;top:74px;left:0;right:0;z-index:20;background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden}
.pn-suggest:empty{display:none}
.pn-suggest button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:10px 12px;font:inherit;cursor:pointer;color:var(--pn-ink)}
.pn-suggest button:hover{background:var(--pn-soft)}
.pn-suggest em{display:block;padding:10px 12px;color:var(--pn-muted)}
/* Récap */
.pn-recap{border:1px solid var(--pn-line);border-radius:12px;overflow:hidden;margin-bottom:12px}
.pn-recap-top{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--pn-soft);padding:12px 16px;font-weight:700}
.pn-recap-top b{font-size:1.3em;color:var(--pn-green-d);white-space:nowrap}
.pn-row{display:flex;justify-content:space-between;gap:12px;padding:9px 16px;border-top:1px solid var(--pn-line);font-size:.95em}
.pn-row span{color:var(--pn-muted)}
.pn-row strong{text-align:right;font-weight:600}
@media (max-width:560px){.pn-row{flex-direction:column;gap:0}.pn-row strong{text-align:left}}
/* Navigation */
.pn-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}
.pn-next{background:var(--pn-green);color:#fff;border:0;border-radius:999px;padding:13px 26px;font:inherit;font-weight:700;cursor:pointer;min-height:48px;transition:.15s}
.pn-next:hover{background:var(--pn-green-d)}
.pn-next:disabled{opacity:.7;cursor:wait}
.pn-back{background:none;border:0;color:var(--pn-muted);font:inherit;cursor:pointer;padding:10px 4px}
.pn-back:hover{color:var(--pn-ink)}
@media (max-width:560px){.pn-next{flex:1}}
.pn-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:pn-spin .8s linear infinite;vertical-align:-2px}
@keyframes pn-spin{to{transform:rotate(360deg)}}
/* Fin */
.pn-done{text-align:center}
.pn-ok{width:64px;height:64px;border-radius:50%;background:var(--pn-green);color:#fff;font-size:2em;display:grid;place-items:center;margin:0 auto 10px}
.pn-legal{font-size:.75em;color:var(--pn-muted);text-align:center;margin-top:14px}