/* Home evaluation page (homevalue.html) */
#home-evaluation, #home-evaluation .container { background-color: #fff !important; }
.c21hv-section { padding: 48px 0 64px; }
.c21hv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 48px; align-items: start; }
.c21hv-intro { position: sticky; top: 100px; }
.c21hv-intro h3 { margin-bottom: 16px; }
.c21hv-intro a { color: #8b7d4e; font-weight: 600; }
.c21hv-points { list-style: none; padding: 0; margin: 20px 0; }
.c21hv-points li { padding: 6px 0 6px 28px; position: relative; }
.c21hv-points li::before { content: ""; position: absolute; left: 4px; top: 11px; width: 12px; height: 7px;
  border-left: 2px solid #beaf87; border-bottom: 2px solid #beaf87; transform: rotate(-45deg); }

.c21hv-form { background: #fff; border: 1px solid #e6e2d6; border-radius: 10px; padding: 28px; box-shadow: 0 6px 24px rgba(0,0,0,.05); }
.c21hv-form fieldset { border: 0; padding: 0; margin: 0 0 22px; }
.c21hv-form legend { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #8b7d4e; font-weight: 700;
  margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #eee; width: 100%; }
.c21hv-form label { display: block; font-size: 14px; color: #444; margin-bottom: 14px; font-weight: 500; }
.c21hv-form input:not([type=checkbox]), .c21hv-form select, .c21hv-form textarea {
  display: block; width: 100%; margin-top: 5px; padding: 10px 12px; font-size: 16px; color: #222;
  border: 1px solid #d6d2c6; border-radius: 6px; background: #fff; box-sizing: border-box; font-family: inherit; }
.c21hv-form input:focus, .c21hv-form select:focus, .c21hv-form textarea:focus { outline: none; border-color: #beaf87; box-shadow: 0 0 0 3px rgba(190,175,135,.25); }
.c21hv-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.c21hv-row4 { grid-template-columns: repeat(4, 1fr); }
.c21hv-row .c21hv-w3 { grid-column: span 1; }
.c21hv-row:has(.c21hv-w3) { grid-template-columns: 3fr 1fr; }
.c21hv-check { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; }
.c21hv-check input { margin-top: 4px; width: 18px; height: 18px; flex: none; accent-color: #beaf87; }
.c21hv-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.c21hv-actions .btn { width: 100%; margin: 0 0 12px; }
.c21hv-fine { font-size: 12px; color: #777; margin: 0; }
.c21hv-fine a { color: #8b7d4e; }
.c21hv-msg { padding: 14px 16px; border-radius: 6px; margin-bottom: 18px; font-weight: 500; }
.c21hv-msg.is-ok { background: #f3f8ee; border: 1px solid #b9d4a2; color: #2f5b17; }
.c21hv-msg.is-err { background: #fdf1f0; border: 1px solid #e8b4ae; color: #8a2a1f; }

@media (max-width: 991px) {
  .c21hv { grid-template-columns: 1fr; gap: 28px; }
  .c21hv-intro { position: static; }
}
@media (max-width: 575px) {
  .c21hv-form { padding: 20px 16px; }
  .c21hv-row, .c21hv-row:has(.c21hv-w3) { grid-template-columns: 1fr; gap: 0; }
  .c21hv-row4 { grid-template-columns: 1fr 1fr; gap: 0 12px; }
}