.hp-spares-shell{background:#fff;border-radius:20px;box-shadow:0 18px 55px rgba(17,27,61,.1);padding:clamp(1.25rem,4vw,2.5rem)}
.hp-spares-shell *{box-sizing:border-box}
.hp-spares__progress{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 2.5rem;position:relative}
.hp-spares__progress::before{background:#dfe3ea;content:"";height:2px;left:10%;position:absolute;right:10%;top:20px}
.hp-spares__progress>p{display:contents;margin:0}
.hp-spares__progress br{display:none}
.hp-spares__progress button{align-items:center;background:none;border:0;color:#747b8c;display:flex;flex-direction:column;font:inherit;gap:.45rem;padding:0;position:relative;z-index:1}
.hp-spares__progress button span{align-items:center;background:#f3f5f8;border:2px solid #dfe3ea;border-radius:50%;display:flex;font-size:.75rem;font-weight:800;height:40px;justify-content:center;width:40px}
.hp-spares__progress button strong{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.hp-spares__progress button.is-active,.hp-spares__progress button.is-complete{color:#111b3d}
.hp-spares__progress button.is-active span,.hp-spares__progress button.is-complete span{background:#111b3d;border-color:#111b3d;color:#fff}
.hp-spares__progress button.is-complete span{background:#16b9c4;border-color:#16b9c4}
.hp-spares__step{border:0;margin:0;min-width:0;padding:0}
.hp-spares__step[hidden]{display:none}
.hp-spares__step legend{color:#111b3d;float:none;font-family:Philosopher,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.1;margin:0 0 .5rem;padding:0;width:auto}
.hp-spares__intro{color:#68708a;margin:0 0 1.75rem}
.hp-spares__notice{background:#fff3e8;border-left:3px solid #c56a23;color:#713d16;font-size:.85rem;font-weight:700;margin-bottom:1.25rem;padding:.85rem 1rem}
.hp-spares__fields{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.hp-spares__step>p:has(>.hp-spares__field){margin:0}
.hp-spares__field{display:grid;font-size:.82rem;font-weight:700;gap:.4rem;margin:0}
.hp-spares__field--wide{grid-column:1/-1}
.hp-spares__field input:not([type=checkbox]):not([type=file]),.hp-spares__field select,.hp-spares__field textarea{background:#fff;border:1px solid #cfd5df;border-radius:9px;color:#111b3d;font:inherit;min-height:50px;padding:.75rem .9rem;width:100%}
.hp-spares__field textarea{min-height:130px;resize:vertical}
.hp-spares__field input[type=file]{background:#f3f5f8;border:1px dashed #aeb6c5;border-radius:9px;font-size:.78rem;padding:.8rem;width:100%}
.hp-spares__field input:focus,.hp-spares__field select:focus,.hp-spares__field textarea:focus{border-color:#111b3d;box-shadow:0 0 0 3px rgba(17,27,61,.1);outline:0}
.hp-spares__parts .wpcf7-checkbox{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.hp-spares__parts .wpcf7-list-item{align-items:center;background:#fff;border:2px solid #dfe3ea;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;margin:0;padding:.9rem;transition:border-color .2s,box-shadow .2s}
.hp-spares__parts .wpcf7-list-item:has(input:checked){border-color:#111b3d;box-shadow:0 0 0 1px #111b3d}
.hp-spares__parts .wpcf7-list-item[hidden]{display:none}
.hp-spares__parts .wpcf7-list-item label{align-items:flex-start;cursor:pointer;display:flex;font-size:.78rem;font-weight:700;gap:.6rem;line-height:1.4;margin:0;min-width:0}
.hp-spares__parts .wpcf7-list-item input[type=checkbox]{accent-color:#111b3d;flex:0 0 18px;height:18px;margin:.05rem 0 0;width:18px}
.hp-spares__quantity{align-items:center;display:flex;gap:.35rem}
.hp-spares__quantity>span{color:#697083;font-size:.65rem;font-weight:800;text-transform:uppercase}
.hp-spares__quantity input{background:#f3f5f8;border:1px solid #cfd5df;border-radius:7px;font-size:.78rem;font-weight:800;height:36px;padding:.35rem;text-align:center;width:54px}
.hp-spares__quantity input:disabled{opacity:.45}
.hp-spares__actions{align-items:center;border-top:1px solid #dfe3ea;display:flex;gap:.75rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}
.hp-spares__actions>p{display:contents;margin:0}
.hp-spares__button,.hp-spares__submit{align-items:center;background:#fff;border:1px solid #cfd5df;border-radius:999px;color:#111b3d;display:inline-flex;font-size:.82rem;font-weight:800;gap:.55rem;justify-content:center;min-height:48px;padding:.75rem 1.25rem}
.hp-spares__button--primary,.hp-spares__submit{background:#111b3d;border-color:#111b3d;color:#fff;margin-left:auto}
.hp-spares__button:hover,.hp-spares__submit:hover{opacity:.9}
.hp-spares__recap{background:#eef9fa;border-left:3px solid #16d9e5;border-radius:0 10px 10px 0;display:grid;gap:.3rem;margin-bottom:1.5rem;padding:1rem 1.15rem}
.hp-spares__recap>strong{font-family:Philosopher,serif;font-size:1.2rem}
.hp-spares__recap>span{color:#39727b;font-size:.72rem;font-weight:800;text-transform:uppercase}
.hp-spares__recap ul{font-size:.78rem;margin:.45rem 0 0;padding-left:1.1rem}
.hp-spares__recap li+li{margin-top:.3rem}
.hp-spares__step--thanks legend{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}
.hp-spares__thanks{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:680px;padding:clamp(1rem,4vw,3rem) 0;text-align:center}
.hp-spares__thanks-icon{align-items:center;background:#16b9c4;border-radius:50%;color:#fff;display:flex;font-size:1.7rem;height:72px;justify-content:center;margin-bottom:1.35rem;width:72px}
.hp-spares__thanks h2{color:#111b3d;font-family:Philosopher,serif;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:0 0 1rem}
.hp-spares__thanks p{color:#68708a;margin:0;max-width:590px}
.hp-spares__thanks-note{font-size:.8rem;font-weight:700;margin-top:.75rem!important}
.hp-spares__thanks .hp-spares__button{margin-top:1.75rem}
.hp-spares .wpcf7-form.sent .wpcf7-response-output{display:none}
.hp-spares__privacy .wpcf7-list-item{margin:0}
.hp-spares__privacy label{align-items:flex-start;display:flex;font-weight:500;gap:.55rem}
.hp-spares__privacy input{accent-color:#111b3d;flex:0 0 18px;height:18px;margin:.1rem 0 0;width:18px}
.hp-spares .wpcf7-not-valid-tip{font-size:.72rem;margin-top:.25rem}
.hp-spares .wpcf7-spinner{margin:0}
.hp-spares .wpcf7-response-output{border-radius:9px;font-size:.8rem;margin:1rem 0 0!important;padding:.75rem 1rem!important}
.hp-spares-section{background:#f3f5f8;overflow:hidden}
.hp-spares-section__intro{margin-bottom:2.5rem;max-width:760px}
@media(max-width:767.98px){.hp-spares-shell{border-radius:14px}.hp-spares__progress{margin-bottom:2rem}.hp-spares__progress button strong{font-size:.58rem}.hp-spares__fields,.hp-spares__parts .wpcf7-checkbox{grid-template-columns:1fr}.hp-spares__field--wide{grid-column:auto}.hp-spares__parts .wpcf7-list-item{grid-template-columns:1fr}.hp-spares__quantity{justify-content:flex-end}.hp-spares__actions{align-items:stretch;flex-direction:column-reverse}.hp-spares__button,.hp-spares__submit{margin:0;width:100%}}
@media(max-width:420px){.hp-spares__progress button strong{display:none}.hp-spares__progress::before{left:10%;right:10%}}
