.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13612 .elementor-element.elementor-element-5e353467{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13612 .elementor-element.elementor-element-3a3b6d85{--box-min-height:0px;--box-border-color:#C8C8C8;--box-border-width:0px;--separator-width:0px;--box-padding:7px;--header-background-color:#2F4F4F;--header-color:#FDFDFD;--toggle-button-color:#A21E1E;--item-text-hover-decoration:underline;--marker-color:#A91010;}.elementor-13612 .elementor-element.elementor-element-3a3b6d85 .elementor-toc__header-title{text-align:start;}.elementor-13612 .elementor-element.elementor-element-3a3b6d85 .elementor-toc__header{flex-direction:row;}.elementor-13612 .elementor-element.elementor-element-6b3a6ca2 > .elementor-background-overlay{background-color:#F3F3F3;opacity:0.5;}.elementor-13612 .elementor-element.elementor-element-6b3a6ca2{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E1E1E1;}.elementor-13612 .elementor-element.elementor-element-6b3a6ca2, .elementor-13612 .elementor-element.elementor-element-6b3a6ca2 > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-13612 .elementor-element.elementor-element-79935340{font-family:"PT Serif", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;color:#4B4646;}@media(min-width:768px){.elementor-13612 .elementor-element.elementor-element-436da78b{width:25.148%;}.elementor-13612 .elementor-element.elementor-element-7c3cf3d0{width:57.792%;}.elementor-13612 .elementor-element.elementor-element-60ce9efc{width:16.722%;}}/* Start custom CSS for html, class: .elementor-element-53438f4f *//* Переменные для кастомизации */
:root {
--primary-color: #4CAF50; /* Основной цвет */
--secondary-color: #f9f9f9; /* Цвет фона */
--border-color: #ddd; /* Цвет границ */
--input-border-color: #ccc; /* Цвет границ для ввода */
--button-hover-color: #45a049; /* Цвет кнопки при наведении */
--text-color: #333; /* Основной цвет текста */
--font-family: 'Arial', sans-serif; /* Шрифт */
--font-size: 14px; /* Размер шрифта */
--focus-color: #4CAF50; /* Цвет для фокуса */
--error-color: #f44336; /* Цвет для ошибок */
--input-padding: 10px; /* Отступы для полей ввода */
--button-padding: 12px; /* Отступы для кнопок */
--button-font-size: 1rem; /* Размер шрифта для кнопок */
}

/* Основной контейнер калькулятора */
#pValueCalculator {
font-family: var(--font-family);
max-width: 100%;
margin: 0 auto;
padding: 20px;
background-color: var(--secondary-color);
border: 1px solid var(--border-color);
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Лёгкая тень для глубины */
box-sizing: border-box;
transition: box-shadow 0.3s ease; /* Плавный переход для тени */
}

/* Заголовок калькулятора */
#pValueCalculator h2 {
color: var(--text-color);
text-align: center;
margin-bottom: 20px;
font-size: 1.5rem;
font-weight: bold;
}

/* Стили для меток (label) */
#pValueCalculator label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: var(--text-color);
font-size: 1rem; /* Использование относительных единиц для лучшей адаптивности */
}

/* Стили для полей ввода и выбора */
#pValueCalculator select,
#pValueCalculator input {
width: 100%;
padding: var(--input-padding);
margin-bottom: 10px;
border: 1px solid var(--input-border-color);
border-radius: 4px;
box-sizing: border-box;
max-width: var(--max-width); /* Ограничиваем максимальную ширину для лучшей читаемости */
font-size: 1rem;
transition: border-color 0.3s ease;
}

/* Стили для фокуса на полях ввода */
#pValueCalculator select:focus,
#pValueCalculator input:focus {
border-color: var(--focus-color); /* Яркий фокус при активации поля */
outline: none;
}

/* Стили для кнопки */
#pValueCalculator button {
width: 100%;
padding: var(--button-padding);
border: none;
border-radius: 20px;
background-color: var(--primary-color);
color: white;
font-size: var(--button-font-size);
cursor: pointer;
margin-top: 10px;
transition: background-color 0.3s ease;
}

#pValueCalculator button:hover {
background-color: var(--button-hover-color);
}

#pValueCalculator button:focus {
outline: 2px solid var(--focus-color);
}

/* Результат калькуляции */
#result {
font-size: 1.125rem;
color: #2E86C1; /* Синий цвет для выделения */
font-weight: bold;
padding: 15px;
border-radius: 4px;
background-color: #f0f8ff; /* Легкий фон для выделения результата */
}

/* Стили для чекбоксов */
#pValueCalculator input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 2px solid var(--primary-color);
border-radius: 50%;
outline: none;
cursor: pointer;
position: relative;
margin-right: 6px;
vertical-align: middle;
transition: background-color 0.3s ease;
}

#pValueCalculator input[type="checkbox"]:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
}

#pValueCalculator input[type="checkbox"]:checked::before {
content: "✔";
font-size: 16px;
color: white;
position: absolute;
top: -2px;
left: 2px;
}

/* Стили для радиокнопок */
#pValueCalculator input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 2px solid var(--primary-color);
border-radius: 50%;
outline: none;
cursor: pointer;
position: relative;
margin-right: 10px;
vertical-align: middle;
transition: background-color 0.3s ease;
}

#pValueCalculator input[type="radio"]:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
}

#pValueCalculator input[type="radio"]:checked::before {
content: "";
width: 10px;
height: 10px;
background-color: white;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
}

/* Стили для описания под полями ввода в контейнере #pValueCalculator */
#pValueCalculator p {
font-size: 0.875rem; /* Немного меньше, чем основной текст */
color: #666; /* Цвет для описания */
margin-top: 5px; /* Отступ сверху */
margin-bottom: 15px; /* Отступ снизу */
line-height: 1.4; /* Линия между строками, чтобы текст был легче воспринимаем */
font-style: italic; /* Сделать текст курсивом */
border-left: 2px solid var(--primary-color); /* Левый бордер для выделения */
padding-left: 8px; /* Отступ от бордера */
margin-top: 8px; /* Отступ сверху от поля */
}

#calculationResult {
margin-top: 20px; /* Отступ сверху, чтобы текст не прилипал к кнопке */
white-space: pre-wrap; /* Разрешает переносы строк и сохраняет пробелы */
line-height: 1.5; /* Более комфортная высота строки */
}

/* Адаптивность: для планшетов и телефонов */
@media (max-width: 1024px) {
#pValueCalculator {
padding: 15px;
}
#pValueCalculator h2 {
font-size: 1.4rem;
}
#pValueCalculator input,
#pValueCalculator select {
padding: 8px;
}
#pValueCalculator button {
padding: 10px;
font-size: 14px;
}
}

@media (max-width: 768px) {
#pValueCalculator {
padding: 10px;
}
#pValueCalculator h2 {
font-size: 1.2rem;
}
#pValueCalculator input,
#pValueCalculator select {
padding: 8px;
}
#pValueCalculator button {
padding: 10px;
font-size: 14px;
}
}

@media (max-width: 480px) {
#pValueCalculator h2 {
font-size: 1rem;
}
#pValueCalculator button {
font-size: 12px;
}
#pValueCalculator label {
font-size: 12px;
}
}/* End custom CSS */