/* Product upload containment v89.
 * Keep the upload zone inside the product card in the new two-column layout.
 */
body.fillru-homepage .calculator-config-stack {
  grid-template-rows: minmax(360px, .9fr) auto !important;
}

body.fillru-homepage .calculator-concept-layout .calculator-reference-product {
  min-width: 0 !important;
  min-height: 360px !important;
  overflow: hidden !important;
}

body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  flex: 1 1 180px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload-preview,
body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload strong,
body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload small {
  max-width: 100% !important;
}

body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload strong,
body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload small {
  overflow-wrap: anywhere !important;
}

body.fillru-homepage .calculator-concept-layout .calculator-reference-product
  .calculator-product-upload-note {
  flex: 0 0 auto !important;
}

@media (max-width: 900px) {
  body.fillru-homepage .calculator-config-stack {
    grid-template-rows: auto !important;
  }

  body.fillru-homepage .calculator-concept-layout .calculator-reference-product {
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.fillru-homepage .calculator-concept-layout .calculator-reference-product
    .calculator-product-upload {
    min-height: 220px !important;
    flex: 0 0 auto !important;
  }
}

/* Service checkbox column parity v91.
 * The first checkbox column is one shared width in both service tables.
 */
body.fillru-homepage [data-fillru-calculator] {
  --calc-service-check-column: 5%;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  col.col-check {
  width: var(--calc-service-check-column) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  :is(thead th:first-child, .calculator-service-col-check) {
  box-sizing: border-box !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  text-align: center !important;
}
/* Base services total orange v92. */
body.fillru-homepage .calculator-services-table--included tfoot
  .calculator-table-total-value {
  color: var(--calc-ui-brand) !important;
}


/* Selected base-service grouping v94.
 * Group only additionally selected options in the upper/base table.
 */
body.fillru-homepage .calculator-services-table--included
  .calculator-base-service-group-name {
  vertical-align: middle !important;
  background: var(--calc-ui-surface) !important;
}

body.fillru-homepage .calculator-services-table--included
  tr.calculator-base-option-row--grouped
  .calculator-base-option-description {
  vertical-align: middle !important;
}

body.fillru-homepage .calculator-services-table--included
  .calculator-base-option-description-name {
  display: block !important;
  margin: 0 !important;
  color: var(--calc-ui-ink) !important;
  font-family: var(--calc-ui-font) !important;
  font-size: var(--calc-type-table) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body.fillru-homepage .calculator-services-table--included
  .calculator-base-option-description-name
  + .calculator-base-option-description-text {
  margin-top: 2px !important;
}

body.fillru-homepage .calculator-services-table--included
  tr.calculator-base-option-row--grouped
  .calculator-base-option-indicator {
  background: var(--calc-ui-row-alt) !important;
}


/* Upper table quantity regulator v95.
 * The single quantity editor lives in the base-services table header.
 * Bottom summary shows the current quantity as read-only information.
 */
body.fillru-homepage .calculator-services-table--included .calculator-base-quantity-head {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  vertical-align: middle !important;
}

body.fillru-homepage .calculator-base-quantity-head-inner {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  width: 100% !important;
}

body.fillru-homepage .calculator-base-quantity-control {
  display: grid !important;
  grid-template-columns: 19px minmax(28px, 1fr) 19px !important;
  align-items: center !important;
  width: min(100%, 82px) !important;
  min-height: 23px !important;
  overflow: hidden !important;
  border: 1px solid #cfd6dd !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.fillru-homepage .calculator-base-quantity-control button,
body.fillru-homepage .calculator-base-quantity-control input {
  height: 21px !important;
  min-height: 21px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--calc-ui-ink) !important;
  font-family: var(--calc-ui-font) !important;
  font-size: var(--calc-type-table) !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.fillru-homepage .calculator-base-quantity-control button {
  cursor: pointer !important;
  font-weight: 700 !important;
}

body.fillru-homepage .calculator-base-quantity-control button:first-child {
  border-right: 1px solid var(--calc-ui-line-soft) !important;
}

body.fillru-homepage .calculator-base-quantity-control button:last-child {
  border-left: 1px solid var(--calc-ui-line-soft) !important;
}

body.fillru-homepage .calculator-base-quantity-control button:hover:not(:disabled) {
  background: var(--calc-ui-surface-soft) !important;
  color: var(--calc-ui-brand) !important;
}

body.fillru-homepage .calculator-base-quantity-control button:disabled {
  color: #a9b0b8 !important;
  cursor: default !important;
}

body.fillru-homepage .calculator-base-quantity-control input {
  width: 100% !important;
  min-width: 0 !important;
  font-weight: 700 !important;
  -moz-appearance: textfield !important;
}

body.fillru-homepage .calculator-base-quantity-control input::-webkit-outer-spin-button,
body.fillru-homepage .calculator-base-quantity-control input::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

body.fillru-homepage .calculator-summary-ref-card--quantity [data-calc-summary-quantity] {
  color: var(--calc-ui-ink) !important;
  font-family: var(--calc-ui-font) !important;
  font-size: var(--calc-type-summary-value) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  body.fillru-homepage .calculator-base-quantity-control {
    grid-template-columns: 17px minmax(22px, 1fr) 17px !important;
    width: min(100%, 68px) !important;
  }

  body.fillru-homepage .calculator-base-quantity-control button,
  body.fillru-homepage .calculator-base-quantity-control input {
    height: 20px !important;
    min-height: 20px !important;
  }
}
/* Service tables exact 11pt + total price accent v97.
 * Every visible character/control in both tables is 11pt.
 * Footer labels remain neutral; only footer price values are orange.
 */
body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
),
body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) *,
body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) *::before,
body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) *::after {
  font-size: 11pt !important;
}

body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) {
  --calc-type-table: 11pt;
  --calc-type-value: 11pt;
  --calc-type-control: 11pt;
}

body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) tfoot .calculator-table-total-label {
  color: #505b67 !important;
  font-size: 11pt !important;
}

body.fillru-homepage :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) tfoot .calculator-table-total-value {
  color: var(--calc-ui-brand) !important;
  font-size: 11pt !important;
}

/* Selectable base option checkbox v98.
 * Rendered extra options use the same checkbox language as the services table.
 */
body.fillru-homepage .calculator-services-table--included
  .calculator-base-option-toggle {
  display: inline-grid !important;
  place-items: center !important;
  width: var(--calc-check-size) !important;
  min-width: var(--calc-check-size) !important;
  max-width: var(--calc-check-size) !important;
  height: var(--calc-check-size) !important;
  min-height: var(--calc-check-size) !important;
  max-height: var(--calc-check-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--calc-check-border) !important;
  border-radius: var(--calc-check-radius) !important;
  background-color: var(--calc-ui-brand) !important;
  background-image: var(--calc-check-mark) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

body.fillru-homepage .calculator-services-table--included
  .calculator-base-option-toggle:not(:checked) {
  background-color: var(--calc-check-bg) !important;
  background-image: none !important;
}

body.fillru-homepage .calculator-services-table--included
  .calculator-base-option-toggle:focus-visible {
  outline: 2px solid var(--calc-ui-brand) !important;
  outline-offset: 2px !important;
}

/* Calculator heading centered v99. */
body.fillru-homepage .calculator-module__HVrzLW__heading {
  text-align: center !important;
  justify-items: center !important;
  align-items: center !important;
}

body.fillru-homepage .calculator-module__HVrzLW__eyebrow,
body.fillru-homepage .calculator-module__HVrzLW__title,
body.fillru-homepage .calculator-module__HVrzLW__subtitle {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* Calculator typography contract v100.
 * Exactly three semantic text styles across the calculator:
 * H1 / H2 / body. Functional accent colors remain only where meaningful.
 */
body.fillru-homepage [data-fillru-calculator] {
  --calc-font-h1-size: 28pt;
  --calc-font-h1-weight: 800;
  --calc-font-h1-color: var(--calc-ui-ink);

  --calc-font-h2-size: 14pt;
  --calc-font-h2-weight: 700;
  --calc-font-h2-color: var(--calc-ui-ink);

  --calc-font-text-size: 11pt;
  --calc-font-text-weight: 400;
  --calc-font-text-color: var(--calc-ui-ink);

  --calc-type-title: var(--calc-font-h1-size);
  --calc-type-section: var(--calc-font-h2-size);
  --calc-type-subsection: var(--calc-font-h2-size);
  --calc-type-body: var(--calc-font-text-size);
  --calc-type-table: var(--calc-font-text-size);
  --calc-type-caption: var(--calc-font-text-size);
  --calc-type-control: var(--calc-font-text-size);
  --calc-type-value: var(--calc-font-text-size);
  --calc-type-summary-value: var(--calc-font-text-size);
}

/* Default calculator text = one body style. */
body.fillru-homepage [data-fillru-calculator] :is(
  p,
  span,
  label,
  small,
  strong,
  button,
  input,
  select,
  textarea,
  summary,
  td,
  th
) {
  font-family: var(--calc-ui-font) !important;
  font-size: var(--calc-font-text-size) !important;
  font-weight: var(--calc-font-text-weight) !important;
  color: var(--calc-font-text-color) !important;
}

/* Level 1 heading. */
body.fillru-homepage [data-fillru-calculator]
  .calculator-module__HVrzLW__title {
  font-size: var(--calc-font-h1-size) !important;
  font-weight: var(--calc-font-h1-weight) !important;
  color: var(--calc-font-h1-color) !important;
}

/* Level 2 headings. */
body.fillru-homepage [data-fillru-calculator] :is(
  .calculator-module__HVrzLW__eyebrow,
  .calculator-reference-head h3,
  .calculator-services-section-title h4,
  .calculator-services-section-heading
) {
  font-size: var(--calc-font-h2-size) !important;
  font-weight: var(--calc-font-h2-weight) !important;
  color: var(--calc-font-h2-color) !important;
}

/* Tables are deliberately one typographic style: 11pt / 400 / ink. */
body.fillru-homepage [data-fillru-calculator] :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
),
body.fillru-homepage [data-fillru-calculator] :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) :is(
  thead,
  tbody,
  tfoot,
  tr,
  th,
  td,
  span,
  strong,
  small,
  label,
  input,
  select,
  button,
  summary
) {
  font-family: var(--calc-ui-font) !important;
  font-size: 11pt !important;
  font-weight: 400 !important;
  color: var(--calc-ui-ink) !important;
}

/* Explicit semantic exception requested for totals: numeric price only. */
body.fillru-homepage [data-fillru-calculator] :is(
  .calculator-services-table--included,
  .calculator-services-table--addons
) tfoot .calculator-table-total-value {
  color: var(--calc-ui-brand) !important;
  font-size: 11pt !important;
  font-weight: 400 !important;
}

/* Selected/checked controls may use brand color as state, not typography. */
body.fillru-homepage [data-fillru-calculator]
  .calculator-mode-button[aria-pressed="true"] {
  color: var(--calc-ui-brand)!important;
}

@media (max-width: 768px) {
  body.fillru-homepage [data-fillru-calculator] {
    --calc-font-h1-size: 24pt;
    --calc-font-h2-size: 14pt;
    --calc-font-text-size: 11pt;
  }
}
/* Service table hard typography lock v101.
 * Final high-specificity authority: all table rows use exactly the same
 * font size, weight and text color. This intentionally beats legacy
 * !important rules, including transparent child-row accounting cells.
 */
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--included,
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--addons,
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--included
  :is(th, td, span, strong, small, label, input, select, option, button, summary),
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--addons
  :is(th, td, span, strong, small, label, input, select, option, button, summary) {
  font-family: var(--calc-ui-font) !important;
  font-size: 11pt !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  color: var(--calc-ui-ink) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Child rows must never inherit the old transparent accounting-cell rules. */
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--included
  tbody tr.calculator-base-option-row
  :is(
    .calculator-service-col-unit,
    .calculator-service-col-quantity,
    .calculator-service-col-price,
    .calculator-service-col-sum,
    .calculator-base-option-description,
    .calculator-base-option-description-name
  ) {
  color: var(--calc-ui-ink) !important;
  font-size: 11pt !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

/* The only table text-color exception: numeric total values. */
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--included
  tfoot .calculator-table-total-value,
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-services
  .calculator-services-section
  .calculator-services-table-card
  table.calculator-services-table.calculator-services-table--addons
  tfoot .calculator-table-total-value {
  color: var(--calc-ui-brand) !important;
  font-size: 11pt !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

/* Service table column schema parity v96.
 * Both base and additional service tables intentionally share one eight-column
 * geometry. Keep all width changes here so the two tables cannot drift apart.
 */
body.fillru-homepage [data-fillru-calculator] {
  --calc-service-col-check: 3.5%;
  --calc-service-col-name: 17.5%;
  --calc-service-col-desc: 36.5%;
  --calc-service-col-unit: 6.5%;
  --calc-service-col-quantity: 8.5%;
  --calc-service-col-price: 10%;
  --calc-service-col-sum: 9.5%;
  --calc-service-col-discount: 8%;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) {
  width: 100% !important;
  table-layout: fixed !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-check {
  width: var(--calc-service-col-check) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-name {
  width: var(--calc-service-col-name) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-desc {
  width: var(--calc-service-col-desc) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-unit {
  width: var(--calc-service-col-unit) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-quantity {
  width: var(--calc-service-col-quantity) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-price {
  width: var(--calc-service-col-price) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-sum {
  width: var(--calc-service-col-sum) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons) col.col-discount {
  width: var(--calc-service-col-discount) !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  :is(thead th:nth-child(4), thead th:nth-child(5), .calculator-service-col-unit, .calculator-service-col-quantity) {
  text-align: center !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  :is(thead th:nth-child(6), thead th:nth-child(7), thead th:nth-child(8),
      .calculator-service-col-price, .calculator-service-col-sum, .calculator-service-col-discount) {
  text-align: right !important;
}

/* Keep compact accounting columns on one line so reclaimed width goes to Description. */
body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  :is(
    thead th:nth-child(4),
    thead th:nth-child(5),
    thead th:nth-child(6),
    thead th:nth-child(7),
    thead th:nth-child(8),
    .calculator-service-col-unit,
    .calculator-service-col-quantity,
    .calculator-service-col-price,
    .calculator-service-col-discount,
    .calculator-service-col-sum
  ) {
  white-space: nowrap !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  .calculator-service-col-discount,
body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  .calculator-table-discount-total {
  white-space: nowrap !important;
  color: var(--calc-ui-muted) !important;
  font-family: var(--calc-ui-font) !important;
  font-size: var(--calc-type-table) !important;
  font-weight: 600 !important;
}

body.fillru-homepage
  :is(.calculator-services-table--included, .calculator-services-table--addons)
  tfoot .calculator-table-discount-total {
  text-align: right !important;
}


/* Summary formula semantics v102.
 * The bottom strip is a financial equation:
 * base services + additional services - discount = total.
 */
body.fillru-homepage .calculator-reference-summary
  .calculator-summary-ref-card--discount {
  border-color: #e1e5ea !important;
  background: #f7f8fa !important;
}

body.fillru-homepage .calculator-reference-summary
  .calculator-summary-ref-card--discount .calculator-summary-ref-icon {
  color: var(--calc-ui-muted) !important;
}

body.fillru-homepage .calculator-reference-summary
  .calculator-summary-ref-card--discount .calculator-summary-ref-content > strong {
  color: var(--calc-ui-ink) !important;
}

body.fillru-homepage .calculator-reference-summary
  .calculator-summary-ref-operator--minus {
  color: var(--calc-ui-muted) !important;
}


/* PDF-matched calculator section numbering v103.
 * Mirrors cart-pdf.js sectionTitle(): orange rounded square, white number,
 * dark section title. The web calculator follows the same 1..5 sequence.
 */
body.fillru-homepage [data-fillru-calculator] .calculator-pdf-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.fillru-homepage [data-fillru-calculator] .calculator-pdf-section-index {
  display: inline-grid !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--calc-ui-brand) !important;
  color: #fff !important;
  font-family: var(--calc-ui-font) !important;
  font-size: 11pt !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.fillru-homepage [data-fillru-calculator] .calculator-pdf-section-label {
  min-width: 0 !important;
  color: var(--calc-ui-ink) !important;
  font-family: var(--calc-ui-font) !important;
  font-size: var(--calc-font-h2-size) !important;
  font-weight: var(--calc-font-h2-weight) !important;
  line-height: 1.15 !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-product > .calculator-pdf-section-title--parameters,
body.fillru-homepage [data-fillru-calculator]
  .calculator-reference-sizes > .calculator-pdf-section-title--pricing {
  margin: 0 0 10px !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-services-section-title > h4 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-services-section-title > h4 > .calculator-pdf-section-index {
  flex-basis: 24px !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-bottom-bar > .calculator-pdf-section-title--total {
  margin: 0 0 8px !important;
}

@media (max-width: 768px) {
  body.fillru-homepage [data-fillru-calculator] .calculator-pdf-section-index {
    flex-basis: 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
  }
}


/* Bottom total layout repair v104.
 * Section 5 title occupies its own full-width row.
 * The financial formula and action buttons stay on the next row, so adding
 * the PDF-style title cannot consume a desktop grid column and displace them.
 */
body.fillru-homepage [data-fillru-calculator] .calculator-bottom-bar {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "total-title total-title"
    "total-summary total-actions" !important;
  align-items: stretch !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-bottom-bar > .calculator-pdf-section-title--total {
  grid-area: total-title !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-bottom-bar > .calculator-reference-summary {
  grid-area: total-summary !important;
}

body.fillru-homepage [data-fillru-calculator]
  .calculator-bottom-bar > .calculator-reference-actions {
  grid-area: total-actions !important;
  align-self: stretch !important;
}

/* At widths where actions already move below the formula, keep the section
 * heading as row 1 and preserve the intended vertical order.
 */
@media (max-width: 1240px) {
  body.fillru-homepage [data-fillru-calculator] .calculator-bottom-bar {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "total-title"
      "total-summary"
      "total-actions" !important;
  }

  body.fillru-homepage [data-fillru-calculator]
    .calculator-bottom-bar > .calculator-reference-actions {
    justify-content: flex-end !important;
  }
}

@media (max-width: 900px) {
  body.fillru-homepage [data-fillru-calculator] .calculator-bottom-bar {
    display: grid !important;
  }
}