/* Start:/bitrix/components/amoto/customs-calculator/templates/.default/style.css?17798049647110*/
<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Title");
?>.calc-wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 0 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.calc-hero { margin-bottom: 24px; }
.calc-title { font-size: 32px; line-height: 1.2; font-weight: 800; margin: 0 0 8px; color: #111827; }
.calc-subtitle { margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5; }

/* Основная сетка */
.calc-grid-main {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: 24px;
    align-items: stretch; 
}

.calc-card, .calc-summary {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px;
    display: flex;
    flex-direction: column;
}

.calc-form-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Стили изолированной формы */
.calc-form-title { margin: 0 0 20px; font-size: 20px; font-weight: 700; color: #111827; }

.calc-form-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.calc-label {
    font-size: 13px; font-weight: 600; color: #4b5563; margin-bottom: 8px;
}

.calc-input {
    width: 100%; height: 48px; border: 1px solid #d1d5db; border-radius: 8px;
    padding: 0 16px; font-size: 15px; color: #111827; outline: none;
    transition: border-color 0.2s; box-sizing: border-box; background: #fff;
}
.calc-input:focus { border-color: #2563eb; }

/* СКРЫВАЕМ СТРЕЛОЧКИ ДЛЯ INPUT NUMBER */
.calc-input-number::-webkit-inner-spin-button, 
.calc-input-number::-webkit-outer-spin-button { 
    -webkit-appearance: none; margin: 0; 
}
.calc-input-number { -moz-appearance: textfield; }

/* ========================================================
   Кастомный Radio Group (Плавный Segmented Control)
   ======================================================== */
.calc-radio-group {
    position: relative; 
    display: flex; 
    background: #f3f4f6; 
    border-radius: 8px; 
    padding: 4px; 
    height: 48px; 
    box-sizing: border-box;
}

.calc-radio-group input { 
    display: none; 
}

/* Стили кнопок-текстов */
.calc-radio-item {
    flex: 1; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    position: relative; 
    z-index: 2; /* Поверх ползунка */
    cursor: pointer; 
    font-size: 14px; 
    font-weight: 500; 
    color: #6b7280; 
    transition: color 0.25s ease;
}

/* Плавающий синий фон */
.calc-radio-slider {
    position: absolute; 
    top: 4px; 
    bottom: 4px; 
    left: 4px; 
    width: calc(50% - 4px); /* Половина ширины контейнера минус отступы */
    background: #2563eb; 
    border-radius: 6px; 
    z-index: 1; 
    box-shadow: 0 2px 5px rgba(37, 99, 235, 0.25);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Анимация переезда ползунка */
#ut_phys:checked ~ .calc-radio-slider { transform: translateX(0); }
#ut_jur:checked ~ .calc-radio-slider { transform: translateX(100%); }

/* Изменение цвета текста, когда он активен (поверх синего) */
#ut_phys:checked + label { color: #fff; }
#ut_jur:checked + label { color: #fff; }


/* Выпадающий список */
.calc-dropdown { position: relative; }
.calc-dropdown-toggle {
    width: 100%; height: 48px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff;
    text-align: left; padding: 0 16px; font-size: 15px; color: #111827; cursor: pointer;
    display: flex; justify-content: space-between; align-items: center;
}
.calc-dropdown-toggle::after {
    content: ""; border: solid #6b7280; border-width: 0 2px 2px 0; display: inline-block;
    padding: 3px; transform: rotate(45deg); transition: 0.2s;
}
.calc-dropdown.is-open .calc-dropdown-toggle { border-color: #2563eb; }
.calc-dropdown.is-open .calc-dropdown-toggle::after { transform: rotate(-135deg); }

.calc-dropdown-menu {
    position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #e5e7eb;
    border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); z-index: 9999; margin-top: 4px;
    display: none; overflow: hidden;
}
.calc-dropdown.is-open .calc-dropdown-menu { display: block; }
.calc-dropdown-list { list-style: none !important; margin: 0 !important; padding: 8px 0 !important; }
.calc-dropdown-list-item { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.calc-dropdown-list-item::before { display: none !important; }
.calc-dropdown-opt {
    width: 100%; text-align: left; padding: 10px 16px; border: none; background: none;
    cursor: pointer; font-size: 14px; color: #374151; transition: 0.15s; outline: none;
}
.calc-dropdown-opt:hover { background: #f3f6fc; color: #2563eb; padding-left: 20px; }

/* Кастомный Switch (льгота) */
.calc-switch { display: inline-flex; align-items: center; cursor: pointer; gap: 12px; }
.calc-switch input { display: none; }
.calc-switch-slider {
    width: 44px; height: 24px; background: #d1d5db; border-radius: 24px; position: relative; transition: 0.3s;
}
.calc-switch-slider::before {
    content: ""; position: absolute; width: 18px; height: 18px; background: #fff; border-radius: 50%;
    left: 3px; bottom: 3px; transition: 0.3s; box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.calc-switch input:checked + .calc-switch-slider { background: #2563eb; }
.calc-switch input:checked + .calc-switch-slider::before { transform: translateX(20px); }
.calc-switch-label { font-size: 14px; font-weight: 500; color: #374151; }
.calc-flex-end { display: flex; align-items: flex-end; padding-bottom: 12px; }

/* Боковая панель результатов */
.calc-summary__title { margin: 0 0 12px; font-size: 20px; font-weight: 800; color: #111827; }
.calc-summary__text { margin: 0 0 24px; color: #6b7280; font-size: 14px; }
.calc-mini__item { 
    display: flex; justify-content: space-between; align-items: center; 
    padding: 16px 0; border-bottom: 1px dashed #e5e7eb; font-size: 15px; 
}
.calc-mini__item:first-child { padding-top: 0; }
.calc-mini__item--total { border-bottom: 0; padding-bottom: 0; margin-top: 8px; align-items: flex-start; }
.calc-mini__item--total .calc-mini__label { font-weight: 800; color: #111827; padding-top: 4px; }
.calc-mini__label { color: #6b7280; }
.calc-mini__value { font-weight: 700; color: #111827; text-align: right; }
.calc-mini__value--highlight { line-height: 1.4; }

/* Текст-дисклеймер внизу */
.calc-footer-note { margin-top: 20px; font-size: 13px; color: #6b7280; line-height: 1.6; padding: 0 12px; }

/* Адаптивность */
@media (max-width: 1024px) {
    .calc-grid-main { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .calc-form-grid { grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px; }
}<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
/* End */
/* /bitrix/components/amoto/customs-calculator/templates/.default/style.css?17798049647110 */