/* Start:/calculators/moshchnost-generatora/style.css?17677887873261*/
/**
 * Стили для калькулятора мощности генератора
 */

/* Фиксированная панель результатов внизу экрана */
.calculator__result {
  display: none;
  max-width: 600px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  z-index: 1030;
}

/* Утилита для центрирования по X */
.translate-x-middle {
  transform: translateX(-50%);
}

.calculator__result.d-block {
  display: block !important;
}

.calculator__result .calculator__text {
  font-size: 14px;
  margin: 0;
}

.calculator__result .result-value {
  font-size: 20px;
  margin: 0;
}

/* Стили для аккордеона */
.calculator .accordion-item {
  transition: border-color 0.3s ease;
}

.calculator .accordion-item.active {
  border-color: #ffc107 !important;
}

.calculator .accordion-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.calculator .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: inherit;
}

.calculator .accordion-button:focus {
  box-shadow: none;
  border: none;
}

.calculator .accordion-button svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

/* Стили для полей ввода */
.calculator input[type="number"] {
  -moz-appearance: textfield;
}

.calculator input[type="number"]::-webkit-outer-spin-button,
.calculator input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calculator input[type="number"]:focus {
  border-color: #ffc107;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

/* Стили для заголовков калькулятора */
.calc-form__string.headers {
  font-weight: 600;
  color: #6c757d;
}

.calc-form__string p {
  margin: 0;
}

/* Стили для мобильных описаний */
.calc-form__description {
  font-size: 12px;
  font-weight: 500;
}

/* Анимация появления результата */
.result-value {
  transition: color 0.3s ease;
}

/* Адаптивные стили */
@media (max-width: 768px) {
  .calculator__result {
    max-width: 100%;
  }
  
  .calculator__result .result-value {
    font-size: 18px;
  }
  
  .calculator .accordion-button svg {
    width: 20px;
    height: 20px;
  }
}

/* Оптимизация производительности */
.calculator input[type="number"] {
  will-change: border-color;
}

.accordion-collapse {
  will-change: height;
}

/* Улучшение визуальной обратной связи */
.calculator input[type="number"]:invalid {
  border-color: #dc3545;
}

.calculator input[type="number"]:valid {
  border-color: #198754;
}

/* Стили для кнопок */
.calculator .btn-warning:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
  transition: all 0.2s ease;
}

.calculator .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
  transition: all 0.2s ease;
}

/* Стили для боковой панели результатов */
.calculator .bg-secondary {
  position: sticky;
  top: 20px;
}

/* Плавная прокрутка */
html {
  scroll-behavior: smooth;
}


/* End */
/* /calculators/moshchnost-generatora/style.css?17677887873261 */