/* CALCULATOR FINAL V2.2 */

/* The compact page intro already provides the title and explanation.
   Hide the duplicate heading block inside the form without changing form HTML. */
[data-audit-component="calculator-product-v2"] .roof-calculator-heading {
  display: none !important;
}

/* Pull the real fields up after removing the duplicate heading. */
[data-audit-component="calculator-product-v2"] .roof-calculator-layout,
[data-audit-component="calculator-product-v2"] .roof-calculator-form,
[data-audit-component="calculator-product-v2"] .roof-calculator-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

[data-audit-component="calculator-product-v2"] {
  scroll-margin-top: 88px;
  padding-top: 16px !important;
}

[data-audit-component="calculator-product-v2"] .roof-calculator-grid {
  row-gap: 18px;
}

@media (max-width: 620px) {
  [data-audit-component="calculator-product-v2"] {
    scroll-margin-top: 76px;
    padding-top: 12px !important;
  }

  [data-audit-component="calculator-product-v2"] .roof-calculator-grid {
    row-gap: 14px;
  }
}