/* Start:/local/css/autsorsing_buhgalterii.css?178362622319838*/
/**
 * SNTClub — /autsorsing_buhgalterii/ page styles
 * Подключается только на этой странице:
 *   Asset::getInstance()->addCss('/local/css/autsorsing_buhgalterii.css');
 */

/* ═══════════════════════════════════════════════════
   ОБЩИЕ ПЕРЕМЕННЫЕ СЕКЦИЙ
   ═══════════════════════════════════════════════════ */
.main.buh {
    min-height: 60vh;
    background-color: white;
}

.buh-section__title {
    font-family: var(--font-heading);
    font-size: var(--fs-2xl);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    line-height: var(--lh-tight);
    margin: 0 0 var(--space-4);
    text-align: center;
}

.buh-section__subtitle {
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    line-height: var(--lh-relaxed);
    margin: 0 0 var(--space-8);
    max-width: 560px;
}

.block {
    padding: var(--space-4);
}

.b-round {
    border-radius: var(--radius-xl);
}

.b-shadow {
    box-shadow: var(--shadow-md);
}

.b-white {
    background: var(--color-white);
}

.b-blue-light {
    background: var(--color-bg-blue-light);
}

.buh-section {
    padding: var(--space-8) 0;
}

.btn-white {
    background: var(--color-white);
    box-shadow: var(--shadow-sm);
}

/* ═══════════════════════════════════════════════════
   1. HERO
   ═══════════════════════════════════════════════════ */
.buh-hero {
    padding: var(--space-8) 0 var(--space-4);
    background: var(--gradient-section);
}

.buh-hero__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
    align-items: center;
}

.buh-hero__title {
    font-family: var(--font-heading);
    font-size: var(--fs-3xl);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    line-height: var(--lh-snug);
    margin: 0 0 var(--space-5);
}

.buh-hero__desc {
    font-size: var(--fs-md);
    color: var(--color-text-muted);
    line-height: var(--lh-relaxed);
    margin: 0 0 var(--space-4);
}

.buh-hero__economy {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-8);
}

.buh-hero__economy-icon {
    width: 40px;
    height: 40px;
    background: var(--color-blue-light);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.buh-hero__economy strong {
    color: var(--color-text);
    font-weight: var(--fw-semibold);
}

.buh-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin-bottom: var(--space-8);
}

.buh-hero__badges {
    display: grid;
    gap: var(--space-2);
    grid-auto-flow: column;
}

.buh-hero__badge {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
    font-weight: var(--fw-medium);
}

/* Правая колонка — изображение */
.buh-hero__image {
    overflow: hidden;
}

.buh-hero__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ═══════════════════════════════════════════════════
   2. WHY — сравнение + акция
   ═══════════════════════════════════════════════════ */
.buh-why__title {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-snug);
    margin: 0 0 var(--space-4);
}

.buh-why__inner {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: var(--space-8);
    align-items: start;
}

/* Левая часть — таблица сравнения */
.buh-compare {
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.buh-compare__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--color-gray-light);
}

.buh-compare__col-title {
    padding: var(--space-1) var(--space-6);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.buh-compare__col-title--brand {
    background: #f0f3fda0;
    color: var(--color-blue);
}

.buh-compare__body {
    display: flex;
    flex-direction: column;
}

.buh-compare__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--color-border-light);
}

.buh-compare__label,
.buh-compare__val {
    padding: var(--space-3) var(--space-6);
    font-size: var(--fs-sm);
    line-height: var(--lh-normal);
    color: var(--color-text-muted);
}

.buh-compare__label {
    border-right: 1px solid var(--color-border-light);
}

.buh-compare__val--brand {
    font-weight: var(--fw-bold);
}

/* Правая часть — акция (подарок) */
.buh-promo {
    padding-right: var(--space-2);
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-flow: column;
    align-items: center;
}

.buh-promo__badge {
    display: inline-flex;
    background: var(--color-blue-mid);
    border-radius: var(--radius-sm);
    padding: var(--space-1) var(--space-4);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    margin-bottom: var(--space-4);
    color: var(--color-blue);
}

.buh-promo__title {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-snug);
    margin: 0 0 var(--space-4);
}

.buh-promo__list {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.buh-promo__list li {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--fs-sm);
}

.buh-promo__list li::before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9l3.5 3.5L14 5' stroke='%2317B26A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════
   3. SERVICES — что входит в сопровождение
   ═══════════════════════════════════════════════════ */
.buh-services {
    padding: var(--space-20) 0;
}

.buh-services__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--space-4);
}

.buh-service-card {
    transition: var(--transition-base);
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
    grid-template-rows: 1.2fr 1fr 2fr;
}

.buh-service-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}

.buh-service-card__title {
    font-size: var(--fs-base);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0 0 var(--space-2);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.buh-service-card__desc {
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
    line-height: var(--lh-relaxed);
    margin: 0;
    text-align: center;
}

/* ═══════════════════════════════════════════════════
   4. STATS + ОТЗЫВЫ
   ═══════════════════════════════════════════════════ */
.buh-stats-reviews__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.buh-stats {
    width: calc(33% - var(--container-pad) / 2);
}
.buh-reviews {
    width: calc(67% - var(--container-pad) / 2);
}

/* Блок цифр */
.buh-stats__title {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0 0 var(--space-8);
    line-height: var(--lh-snug);
}

.buh-stats__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    margin-bottom: var(--space-8);
}

.buh-stat {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.buh-stat__value {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-bold);
    color: var(--color-blue);
    line-height: 1;
}

.buh-stat__label {
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
    line-height: var(--lh-normal);
}

.buh-stats__desc {
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
    line-height: var(--lh-relaxed);
}

/* Отзывы */
.buh-reviews__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 var(--space-2) var(--space-3);
}

.buh-reviews__title {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0;
}

.buh-reviews__all {
    font-size: var(--fs-sm);
    color: var(--color-blue);
    text-decoration: none;
    font-weight: var(--fw-medium);
    transition: var(--transition-fast);
}

.buh-reviews__all:hover {
    color: var(--color-blue-hover);
}

.buh-reviews__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
}

.buh-review-card {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    box-shadow: var(--shadow-md);
}

.buh-review-card__quote {
    font-size: var(--fs-2xl);
    color: var(--color-blue);
    line-height: 1;
    margin-bottom: var(--space-3);
    font-family: Georgia, serif;
}

.buh-review-card__text {
    font-size: var(--fs-sm);
    color: var(--color-text);
    line-height: var(--lh-relaxed);
    margin: 0 0 var(--space-4);
}

.buh-review-card__author {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0;
}

.buh-review-card__position {
    font-size: var(--fs-xs);
    color: var(--color-text-muted);
    margin: var(--space-1) 0 var(--space-3);
}

.buh-review-card__stars {
    display: flex;
    gap: 2px;
}

.buh-review-card__star {
    width: 14px;
    height: 14px;
    color: var(--color-gold);
    fill: var(--color-gold);
}

/* ═══════════════════════════════════════════════════
   5. PRICING — таблица тарифов
   ═══════════════════════════════════════════════════ */
.buh-pricing {
    padding: var(--space-20) 0;
}

.buh-pricing__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.buh-pricing__header {
    margin-bottom: var(--space-6);
}

/* Таблица */
.buh-tariff-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--color-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    font-size: var(--fs-sm);
}

.buh-tariff-table thead th {
    padding: var(--space-5) var(--space-4);
    text-align: center;
    border-bottom: 2px solid var(--color-border-light);
}

.buh-tariff-table thead th:first-child {
    text-align: left;
    padding-left: var(--space-6);
    color: var(--color-text);
    font-weight: var(--fw-medium);
}

.buh-tariff-table__tariff-name {
    display: block;
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.buh-tariff-table__tariff-price {
    display: block;
    font-size: var(--fs-sm);
    color: var(--color-blue);
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.buh-tariff-table tbody tr {
    border-bottom: 1px solid var(--color-border-light);
    transition: background var(--transition-fast);
}

.buh-tariff-table tbody tr:last-child {
    border-bottom: none;
}

.buh-tariff-table tbody tr:hover {
    background: var(--color-blue-light);
}

.buh-tariff-table tbody td {
    padding: var(--space-4) var(--space-4);
    text-align: center;
    vertical-align: middle;
}

.buh-tariff-table tbody td:first-child {
    text-align: left;
    padding-left: var(--space-6);
    color: var(--color-text);
    line-height: var(--lh-normal);
}

/* Иконки да/нет */
.td-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
}

.td-icon--yes {
    background: var(--color-green-light);
}

.td-icon--yes::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l2.8 3L10 3' stroke='%2317B26A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.td-icon--no {
    background: var(--color-gray-light);
}

.td-icon--no::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3l6 6M9 3l-6 6' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* Блок-заглушка формы */
.buh-calc-placeholder {
    background: var(--color-white);
    border-radius: var(--radius-xl);
    padding: var(--space-8);
    box-shadow: var(--shadow-md);
}

.buh-calc-placeholder__title {
    font-family: var(--font-heading);
    font-size: var(--fs-lg);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0 0 var(--space-6);
}

.buh-calc-placeholder__note {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--fs-xs);
    color: var(--color-text-muted);
    margin-top: var(--space-4);
}

/* ═══════════════════════════════════════════════════
   6. FAQ — аккордеон
   ═══════════════════════════════════════════════════ */
.faq {
    text-align: center;
    margin-bottom: var(--space-10);
}

.buh-faq {
    padding: var(--space-20) 0;
}

.buh-faq__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-10);
}

.buh-faq__col-title {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0 0 var(--space-6);
}
/* ═══════════════════════════════════════════════════
   7. MATERIALS
   ═══════════════════════════════════════════════════ */
.advantages__list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
}

.advantages__item {
    border-radius: var(--radius-md);
    padding: var(--space-4);
    flex: 0 0 45%;
    margin: 2.5%;
}

@media (max-width: 560px) {
    .advantages__item {
        flex: 0 0 100%;
        margin: 0 0 var(--space-4);
    }
}

.advantages__item p {
    margin: 0;
}
.advantages__top {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.advantages__top h3 {
    font-size: var(--fs-lg);
    margin: 0 0 0 var(--space-4);
}

/* ═══════════════════════════════════════════════════
   КНОПКИ (специфика этой страницы)
   ═══════════════════════════════════════════════════ */
.btn--outline-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-6);
    border: 2px solid var(--color-white);
    color: var(--color-white);
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    border-radius: var(--radius-full);
    text-decoration: none;
    transition: var(--transition-base);
}

.btn--outline-white:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* ═══════════════════════════════════════════════════
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ═══════════════════════════════════════════════════ */
@media (max-width: 968px) {
    .buh-hero__inner {
        grid-template-columns: 1fr;
    }

    .buh-hero__image {
        order: -1;
        max-height: 280px;
        overflow: hidden;
    }

    .buh-why__inner {
        grid-template-columns: 1fr;
    }

    .buh-services__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .buh-stats-reviews__inner {
        flex-direction: column;
        gap: var(--space-6);
    }

    .buh-stats {
        width: 100%;
    }

    .buh-reviews {
        width: 100%;
    }

    .buh-reviews__grid {
        grid-template-columns: 1fr;
    }

    /* Акция: одна колонка */
    .buh-promo {
        grid-template-columns: 1fr;
    }

    .buh-promo > img {
        display: none;
    }

    /* Бейджи hero: в столбик */
    .buh-hero__badges {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
    }

    .buh-faq__inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .buh-section {
        padding: var(--space-6) 0;
    }

    .buh-hero {
        padding: var(--space-10) 0 var(--space-12);
    }

    .buh-hero__title {
        font-size: var(--fs-2xl);
    }

    .buh-section__title {
        font-size: var(--fs-xl);
    }

    .buh-services__grid {
        grid-template-columns: 1fr;
    }

    .buh-stats__grid {
        grid-template-columns: 1fr 1fr;
    }

    .buh-hero__cta {
        flex-direction: column;
    }

    .buh-hero__cta .btn--primary,
    .buh-hero__cta .btn--secondary {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .buh-tariff-table {
        font-size: var(--fs-xs);
    }

    .buh-tariff-table thead th,
    .buh-tariff-table tbody td {
        padding: var(--space-3) var(--space-2);
    }

    .buh-tariff-table tbody td:first-child,
    .buh-tariff-table thead th:first-child {
        padding-left: var(--space-3);
    }
}

/* End */


/* Start:/local/templates/main_site/css/accordion.css?17836262232997*/
/**
 * Accordion — переиспользуемый CSS-аккордеон на базе <details>/<summary>.
 * Без JavaScript. Анимация через grid-template-rows.
 *
 * Использование:
 *   Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/css/accordion.css');
 *
 * Разметка:
 *   <div class="accordion">
 *     <details class="accordion__item">
 *       <summary class="accordion__question">Вопрос</summary>
 *       <div class="accordion__body">
 *         <div class="accordion__inner">Ответ...</div>
 *       </div>
 *     </details>
 *   </div>
 */

/* ─── Обёртка ─── */
.accordion {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ─── Элемент ─── */
.accordion__item {
    border-bottom: 1px solid var(--color-border-light);
}

.accordion__item:first-child {
    border-top: 1px solid var(--color-border-light);
}

/* Убираем стандартный маркер браузера */
.accordion__item summary {
    list-style: none;
}
.accordion__item summary::-webkit-details-marker {
    display: none;
}

/* ─── Вопрос (заголовок) ─── */
.accordion__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-6) 0;
    font-family: var(--font-body);
    font-size: var(--fs-base);
    font-weight: var(--fw-medium);
    color: var(--color-text);
    cursor: pointer;
    user-select: none;
    transition: color var(--transition-fast);
}

.accordion__question:hover {
    color: var(--color-blue);
}

/* Иконка «+» / «×» через CSS */
.accordion__question::after {
    content: '';
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4v12M4 10h12' stroke='%231B6FFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform var(--transition-base);
}

.accordion__item[open] > .accordion__question::after {
    transform: rotate(45deg);
}

/* ─── Тело (ответ) — анимация через grid ─── */
.accordion__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-base);
    overflow: hidden;
}

.accordion__item[open] > .accordion__body {
    grid-template-rows: 1fr;
}

.accordion__inner {
    overflow: hidden;
    padding-bottom: var(--space-6);
    font-size: var(--fs-base);
    line-height: var(--lh-relaxed);
    color: var(--color-text-muted);
}

/* ─── Мобильная адаптация ─── */
@media (max-width: 768px) {
    .accordion__question {
        font-size: var(--fs-sm);
        padding: var(--space-5) 0;
    }

    .accordion__inner {
        font-size: var(--fs-sm);
    }
}

/* End */


/* Start:/local/templates/main_site/css/slider.css?17836262232334*/
/**
 * Slider — стили для нативного слайдера.
 * Файл: local/templates/main_site/css/slider.css
 */

/* ─── Обёртка ─── */
.slider {
    position: relative;
}

/* ─── Viewport — клипает трек ─── */
.slider__viewport {
    overflow: hidden;
    width: 100%;
}

/* ─── Трек ─── */
.slider__track {
    display: flex;
    /* transform управляется JS */
}

/* ─── Слайд ─── */
.slider__slide {
    flex-shrink: 0;
    /* width задаётся JS в пикселях: viewport.offsetWidth / visible */
    box-sizing: border-box;
    padding: var(--space-3);
}

/* ─── Кнопки пред/след ─── */
.slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    border: none;
    background: var(--color-white);
    box-shadow: var(--shadow-md);
    color: var(--color-blue);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-fast);
    z-index: 2;
}

.slider__btn:hover:not(:disabled) {
    background: var(--color-blue);
    color: var(--color-white);
}

.slider__btn:disabled {
    opacity: 0.3;
    cursor: default;
}

.slider__btn--prev { left: -8px; }
.slider__btn--next { right: -8px; }

/* ─── Точки ─── */
.slider__dots {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
    margin-top: var(--space-6);
}

.slider__dot {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    border: none;
    background: var(--color-border-light);
    cursor: pointer;
    padding: 0;
    transition: var(--transition-fast);
}

.slider__dot--active {
    background: var(--color-blue);
    width: 20px;
    border-radius: 4px;
}

/* ─── Адаптация ─── */
@media (max-width: 968px) {
    .slider__btn--prev { left: 0; }
    .slider__btn--next { right: 0; }
}

@media (max-width: 560px) {
    .slider__btn { display: none; }

    /* Переопределяем JS-ширину: 1 слайд на всю ширину */
    .slider__slide {
        width: 100% !important;
        min-width: 100%;
    }
}

/* End */
/* /local/css/autsorsing_buhgalterii.css?178362622319838 */
/* /local/templates/main_site/css/accordion.css?17836262232997 */
/* /local/templates/main_site/css/slider.css?17836262232334 */