.elementor-10098 .elementor-element.elementor-element-1a96052e{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-10098 .elementor-element.elementor-element-2fd2e1c7{--box-border-color:#C8C8C8;--box-border-width:0px;--box-padding:7px;--box-min-height:0px;--header-background-color:#2F4F4F;--header-color:#FDFDFD;--toggle-button-color:#A21E1E;--separator-width:0px;--item-text-hover-decoration:underline;--marker-color:#A91010;}.elementor-10098 .elementor-element.elementor-element-3b20b4c2 > .elementor-background-overlay{background-color:#F3F3F3;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10098 .elementor-element.elementor-element-3b20b4c2{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E1E1E1;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10098 .elementor-element.elementor-element-3b20b4c2, .elementor-10098 .elementor-element.elementor-element-3b20b4c2 > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-10098 .elementor-element.elementor-element-5003c8c2{color:#4B4646;font-family:"PT Serif", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;}@media(min-width:768px){.elementor-10098 .elementor-element.elementor-element-2b9afd0a{width:25.148%;}.elementor-10098 .elementor-element.elementor-element-3bda1149{width:57.792%;}.elementor-10098 .elementor-element.elementor-element-246b3388{width:16.722%;}}/* Start custom CSS for html, class: .elementor-element-44518306 *//* Универсальный стиль для калькуляторов и генераторов внутри #pValueCalculator */
:root {
/* Переменные для темы */
--calc-font: 'Arial', sans-serif;
--calc-bg: #f9f9f9;
--calc-border-color: #ddd;
--calc-shadow: rgba(0, 0, 0, 0.1);
--calc-primary: #4CAF50;
--calc-primary-hover: #45a049;
--calc-text: #333;
--calc-secondary: #666;
--calc-input-border: #ccc;
--calc-result-color: #2E86C1;
}

/* Контейнер */
#pValueCalculator {
font-family: var(--calc-font);
max-width: 100%;
margin: 0 auto;
padding: 20px;
background-color: var(--calc-bg);
border: 1px solid var(--calc-border-color);
border-radius: 8px;
box-shadow: 0 2px 4px var(--calc-shadow);
}

/* Заголовки – используем только h2, h3, h4 */
#pValueCalculator h2,
#pValueCalculator h3,
#pValueCalculator h4 {
color: var(--calc-text);
text-align: center;
margin-bottom: 20px;
}

/* Метки */
#pValueCalculator label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: var(--calc-text);
}

/* Общие стили для полей ввода, селектов и текстовых областей */
#pValueCalculator input[type="text"],
#pValueCalculator input[type="number"],
#pValueCalculator input[type="date"],
#pValueCalculator input[type="tel"],
#pValueCalculator input[type="url"],
#pValueCalculator select,
#pValueCalculator textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid var(--calc-input-border);
border-radius: 4px;
font-size: 1rem;
box-sizing: border-box;
transition: border-color 0.3s ease;
}

#pValueCalculator input:focus,
#pValueCalculator select:focus,
#pValueCalculator textarea:focus {
outline: none;
border-color: var(--calc-primary);
}

/* Описание под полями */
#pValueCalculator .calc-description {
font-size: 0.9rem;
color: var(--calc-secondary);
margin-bottom: 15px;
}

/* Кнопки */
#pValueCalculator button,
#pValueCalculator input[type="submit"] {
width: 100%;
padding: 12px;
border: none;
border-radius: 20px;
background-color: var(--calc-primary);
color: #fff;
font-size: 1rem;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 10px;
}

#pValueCalculator button:hover,
#pValueCalculator input[type="submit"]:hover {
background-color: var(--calc-primary-hover);
}

/* Блок результата */
#pValueCalculator #result {
font-size: 1.2rem;
color: var(--calc-result-color);
font-weight: bold;
padding: 15px;
margin-top: 20px;
text-align: center;
}

/* Стили для чекбоксов и радиокнопок */
#pValueCalculator input[type="checkbox"],
#pValueCalculator input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 5px 0 0;
cursor: pointer;
vertical-align: middle;
position: relative;
}

/* Чекбоксы */
#pValueCalculator input[type="checkbox"] {
width: 20px;
height: 20px;
border: 2px solid var(--calc-primary);
border-radius: 4px;
}

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

#pValueCalculator input[type="checkbox"]:checked::after {
content: "\2713";
position: absolute;
top: 0;
left: 4px;
color: #fff;
font-size: 16px;
}

/* Радиокнопки */
#pValueCalculator input[type="radio"] {
width: 20px;
height: 20px;
border: 2px solid var(--calc-primary);
border-radius: 50%;
}

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

#pValueCalculator input[type="radio"]:checked::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
}

/* Метки для чекбоксов и радиокнопок, расположенные в одной строке */
#pValueCalculator label.inline {
display: inline-flex;
align-items: center;
margin-right: 15px;
font-weight: normal;
color: var(--calc-text);
font-size: 1rem;
}

/* Блок рекомендаций с эффектом печатной машинки */
#pValueCalculator .recommendations {
overflow: hidden; /* Скрываем переполнение */
white-space: nowrap; /* Запрещаем перенос строк */
border-right: .15em solid var(--calc-primary); /* Эффект курсора */
font-family: var(--calc-font);
font-size: 1rem;
color: var(--calc-text);
margin-top: 20px;
/* Анимация "печатающей машинки" */
animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

/* Эффект печатной машинки для результатов, если требуется */
#pValueCalculator .result-typewriter {
overflow: hidden;
white-space: nowrap;
border-right: .15em solid var(--calc-primary);
font-family: var(--calc-font);
font-size: 1.2rem;
color: var(--calc-result-color);
font-weight: bold;
padding: 15px;
margin-top: 20px;
text-align: center;
animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

/* Ключевые кадры для эффекта печатной машинки */
@keyframes typing {
from { width: 0; }
to { width: 100%; }
}

@keyframes blink-caret {
from, to { border-color: transparent; }
50% { border-color: var(--calc-primary); }
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 600px) {
#pValueCalculator {
padding: 15px;
}
#pValueCalculator h2,
#pValueCalculator h3,
#pValueCalculator h4 {
font-size: 1.5rem;
}
#pValueCalculator button,
#pValueCalculator input[type="submit"] {
font-size: 0.9rem;
padding: 10px;
}
}/* End custom CSS */