/* #habit-price — mobile: full tool visible, nothing clipped */

@media (max-width: 991px) {
  #homeHabits,
  #habit-price,
  #habit-price > .container,
  #habit-price .habitcalc__locked-wrap,
  #habit-price #habitCalcPanel,
  #habit-price .habitcalc__controls,
  #habit-price .habitcalc__results {
    overflow: visible;
    content-visibility: visible;
    contain: none;
    max-height: none;
    height: auto;
  }

  #habit-price .habitcalc__locked-wrap.tool--unlocked {
    overflow: visible;
  }

  #habit-price #habitCalcPanel {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    width: 100%;
    min-width: 0;
  }

  #habit-price #habitCalcPanel.reveal {
    opacity: 1;
    transform: none;
    visibility: visible;
  }

  #habit-price .habitcalc__results {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }

  #habit-price .habitcalc__result-card {
    min-height: 0;
    min-width: 0;
    width: 100%;
  }

  #habit-price .habitcalc__result-sum,
  #habit-price #habitInvestSum,
  #habit-price #habitSpentSum {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.15;
    font-size: clamp(1rem, 5.5vw, 1.45rem);
  }

  #habit-price .habitcalc__custom-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #habit-price .habitcalc__custom-save {
    width: 100%;
    min-height: 44px;
  }

  #habit-price .habitcalc__habits-wrap {
    overflow: visible;
  }

  #habit-price #habitCalcPanel > .habitcalc__results > .btn {
    width: 100%;
    max-width: 100%;
    margin: 8px 0 0;
    border-radius: 12px;
  }
}

@media (max-width: 640px) {
  #habit-price {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  #habit-price > .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  #habit-price #habitCalcPanel {
    padding: 14px;
    gap: 12px;
  }

  #habit-price .habitcalc__freq-btn {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
  }
}