.reusable-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.reusable-hero-actions .button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 24px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .18);
}
.reusable-hero-actions .hero-action-primary { min-width: 248px; color: #fff; background: #2563eb; }
.reusable-hero-actions .hero-action-primary:hover,
.reusable-hero-actions .hero-action-primary:focus-visible { color: #fff; background: #1d4ed8; }
.reusable-hero-actions .hero-action-secondary { min-width: 202px; color: #1d4ed8; border-color: #d7e2f0; background: #fff; }
.reusable-hero-actions .hero-action-secondary:hover,
.reusable-hero-actions .hero-action-secondary:focus-visible { color: #1e40af; border-color: #93c5fd; background: #eff6ff; }
.reusable-hero-actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.hero-consultation-form {
    position: relative;
    overflow: hidden;
    padding: 26px 25px 24px;
    border: 1px solid #dbe3ed;
    border-radius: 22px;
    color: #0f172a;
    background: #fff;
    box-shadow: 0 24px 55px rgba(2, 6, 23, .28);
}
.hero-consultation-form::before { position: absolute; top: 0; right: 0; left: 0; height: 6px; background: linear-gradient(90deg, #2563eb 0%, #0ea5e9 58%, #f59e0b 100%); content: ""; }
.hero-consultation-form h2 { margin: 0 0 5px; color: #0f172a; font-size: 20px; line-height: 1.25; }
.hero-consultation-form > p { margin: 0 0 16px; color: #64748b; font-size: 12px; line-height: 1.5; }
.hero-consultation-form .form-fields { grid-template-columns: 1fr 1fr; gap: 11px 13px; }
.hero-consultation-form .form-field { grid-column: span 1; }
.hero-consultation-form .form-field[data-field-id="1"],
.hero-consultation-form .form-field[data-field-id="3"],
.hero-consultation-form .form-field[data-field-id="5"] { grid-column: 1 / -1; }
.hero-consultation-form .form-label { color: #0f172a; font-size: 11px; line-height: 16px; }
.hero-consultation-form .reusable-form { gap: 11px; }
.hero-consultation-form .reusable-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.hero-consultation-form .reusable-form select { min-height: 39px; padding: 7px 11px; border-color: #cbd5e1; border-radius: 10px; background-color: #f8fafc; font-size: 12px; }
.hero-consultation-form .form-submit { min-height: 45px; margin-top: 18px; border: 0; border-radius: 12px; background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 55%, #4f2ee8 100%); box-shadow: 0 9px 18px rgba(37, 99, 235, .28); font-size: 13px; text-transform: none; }
.hero-consultation-form .form-submit:hover,
.hero-consultation-form .form-submit:focus-visible { background: linear-gradient(90deg, #1e40af 0%, #1d4ed8 55%, #4338ca 100%); }
.hero-consultation-form .form-submit::after { margin-left: 12px; content: "→"; font-size: 18px; font-weight: 400; }
.hero-consultation-form small { display: block; margin-top: 11px; color: #94a3b8; font-size: 9.5px; line-height: 1.45; text-align: center; }

@media (max-width: 720px) {
    .reusable-hero-actions { flex-direction: column; }
    .reusable-hero-actions .button { width: 100%; min-width: 0; }
    .hero-consultation-form { padding: 24px 18px; }
    .hero-consultation-form .form-fields { grid-template-columns: 1fr; }
    .hero-consultation-form .form-submit { padding-right: 14px; padding-left: 14px; font-size: 14px; line-height: 20px; white-space: normal; }
}
