:root{--hh-green:#7e170e;--hh-green-dark:#530b04;--hh-green-soft:#b83023;--hh-border:#ddd;--hh-muted:#888}
.hh-questionnaire-wrap{max-width:820px;margin:60px auto;background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.08);font-family:Poppins,Arial,sans-serif;color:#222}
.hh-q-product-header{display:block;text-align:center;background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 22px}
.hh-q-product-thumb{display:none}
.hh-q-product-header h2{margin:0;text-align:center;color:var(--hh-green-dark);font-size:32px;line-height:1.2;font-weight:800}
.hh-q-intro{text-align:center;margin:8px 0 0;color:#555;font-size:15px}
.hh-progress-wrap{height:8px;background:#eef1e9;margin:24px 0 30px;border-radius:20px;position:relative}
.hh-progress-bar{height:100%;background:linear-gradient(135deg,var(--hh-green),var(--hh-green-soft));border-radius:20px;transition:width .35s ease}
.hh-progress-label{position:absolute;right:0;top:13px;color:var(--hh-muted);font-size:12px;font-weight:700}
.hh-step{display:none}.hh-step--active{display:block;animation:hhFade .2s ease}@keyframes hhFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hh-field{margin:0 0 18px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.hh-heading-text{margin:30px 0 18px;color:var(--hh-green);font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px}
.hh-heading-text:before{content:'\2022';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffc08d;color:var(--hh-green-soft);font-size:22px;line-height:1}
.hh-divider-line{border:0;border-top:1px solid #d4d4d4;margin:30px 0}
.hh-label{font-weight:600;display:block;margin:0 0 6px;color:#222;font-size:15px}
.hh-star{color:var(--hh-green);margin-left:3px}.hh-field-desc,.hh-help{font-size:12px;color:var(--hh-muted);margin:0 0 6px}
.hh-input,.hh-textarea,.hh-select{width:100%;padding:12px;margin:0;border-radius:10px;border:1px solid var(--hh-border);font-size:14px;background:#fff;color:#222;box-shadow:none;transition:border-color .18s,box-shadow .18s}
.hh-input:focus,.hh-textarea:focus,.hh-select:focus{outline:none;border-color:var(--hh-green-soft);box-shadow:0 0 0 3px rgba(102,187,106,.15)}
.hh-textarea{min-height:108px;resize:vertical}.hh-select[multiple]{min-height:132px}
.hh-yes-no,.hh-radio{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px}
.hh-yn-opt,.hh-radio-opt{display:flex;align-items:center;justify-content:center;min-height:45px;border:1px solid var(--hh-border);border-radius:10px;padding:10px;background:#fff;font-weight:600;cursor:pointer;transition:.18s;text-align:center}
.hh-yn-opt input,.hh-radio-opt input{display:none}.hh-yn-opt:hover,.hh-radio-opt:hover,.hh-yn-opt.selected,.hh-radio-opt.selected{border-color:var(--hh-green);background:#f0fbf1;color:var(--hh-green-dark)}
.hh-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.hh-cb-opt{border:1px solid var(--hh-border);border-radius:10px;padding:10px 12px;display:flex;gap:9px;align-items:center}.hh-cb-opt input{accent-color:var(--hh-green);width:17px;height:17px}
.hh-rating .hh-star{background:none;border:0;font-size:30px;color:#ddd;padding:0 2px;cursor:pointer}.hh-rating .hh-star.active{color:var(--hh-green-soft)}
.hh-step-nav{display:flex;gap:12px;margin-top:26px}.hh-step-nav .hh-btn{flex:1}
.hh-btn{background:linear-gradient(135deg,var(--hh-green),var(--hh-green-soft));color:#fff;padding:14px;border:0;border-radius:10px;width:100%;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;justify-content:center;transition:opacity .18s,transform .18s}
.hh-btn:hover{opacity:.9;transform:translateY(-1px)}.hh-btn--back{background:#fff;color:var(--hh-green);border:1px solid var(--hh-border)}
.hh-btn--submit{background:linear-gradient(135deg,var(--hh-green),var(--hh-green-soft));color:#fff}
.hh-err{color:#b42318;font-size:12px;margin-top:5px}.hh-err-field{border-color:#b42318!important}
.hh-q-success{text-align:center}.hh-success-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--hh-green),var(--hh-green-soft));color:#fff;margin:0 auto 16px;font-size:26px}
@media(max-width:640px){.hh-questionnaire-wrap{margin:28px 14px;padding:24px}.hh-q-product-header h2{font-size:27px}.hh-step-nav{flex-direction:column}.hh-checkboxes{grid-template-columns:1fr}}