/* Shared by the website calculator and its PWA workspace. */
.calculator-result > .calculator-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.calculator-result > .calculator-card-head h3 { flex: 1; min-width: 0; }
.calc-estimate-download {
  display: inline-flex;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
}
.calc-estimate-download svg { display: block; width: 22px; height: 22px; }
.calc-estimate-download:not(:disabled):is(:hover, :focus-visible) { background: var(--ztc-bg-bg-3); border-color: var(--ztc-bg-bg-3); color: #172234; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ztc-bg-bg-3) 18%, transparent); }
.calc-estimate-download:focus-visible { outline: 3px solid var(--ztc-bg-bg-3); outline-offset: 3px; }
.calc-estimate-download:disabled { opacity: .55; cursor: wait; }
.calculator-result .result-price {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(84px, 28%);
  align-items: stretch;
  padding: 0;
  overflow: hidden;
}
.result-price-copy { min-width: 0; align-self: center; padding: 22px 20px; }
.result-price-copy > span {
  display: block;
  color: var(--ztc-text-text-5);
  font-weight: var(--ztc-weight-bold, 700);
  line-height: 1.4;
}
.result-price-copy strong { margin-bottom: 0; }
.result-price-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-width: 0;
  padding: 18px 12px;
  background: transparent;
}
.result-price-brand img {
  display: block;
  width: min(100%, 88px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: brightness(0) invert(.45);
  opacity: .22;
}
.calculator-result .calc-estimate-status { margin: 14px 0 0; color: #ffcf9e; font-size: 13px; line-height: 1.5; }
.calculator-result.calc-estimate-capture,
.calculator-result.calc-estimate-capture * { animation: none !important; transition: none !important; }
.calc-estimate-capture :is(.calc-estimate-download, .calc-estimate-status) { display: none !important; }
.calc-estimate-capture .result-lines strong { height: auto; overflow: visible; }
@media (max-width: 575px) {
  .result-price-copy { padding: 20px 16px; }
  .calculator-result .result-price strong { font-size: 32px; }
  .result-price-brand { padding: 16px 10px; }
}