/* Start custom CSS for html, class: .elementor-element-ee6b9d2 *//* БЛОК 1: СТИЛИ ТЕМНОЙ ШАПКИ СТРАНИЦЫ АСУ ТП */
.sm-vru-header-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 60px 0 70px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.sm-vru-header-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.sm-vru-breadcrumbs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    margin-bottom: 35px !important;
}

.sm-vru-crumb-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    font-weight: 500 !important;
}

.sm-vru-crumb-link:hover { 
    color: #38bdf8 !important; 
}

.sm-vru-crumb-icon { 
    width: 14px !important; 
    height: 14px !important; 
}

.sm-vru-crumb-separator { 
    color: rgba(255, 255, 255, 0.2) !important; 
}

.sm-vru-crumb-current { 
    color: #ffffff !important; 
    font-weight: 500 !important; 
}

.sm-vru-header-content { 
    max-width: 950px !important; 
}

.sm-vru-header-badge {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    color: #38bdf8 !important;
    margin-bottom: 20px !important;
}

.sm-vru-header-title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

.sm-vru-header-desc {
    font-size: 16px !important;
    color: #cbd5e1 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .sm-vru-header-hero { 
        padding: 40px 0 !important; 
    }
    .sm-vru-header-container { 
        padding: 0 20px !important; 
    }
    .sm-vru-header-title { 
        font-size: 26px !important; 
    }
    .sm-vru-header-desc { 
        font-size: 14px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66d1a69 *//* БЛОК 2: СТИЛИ ЭТАПОВ РАЗРАБОТКИ АСУ ТП */
.plc-steps-section {
    padding: 60px 0 !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.plc-steps-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.plc-steps-main-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.plc-steps-main-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 0 45px 0 !important;
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.55 !important;
}

.plc-steps-grid {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
    position: relative !important;
}

.plc-step-card {
    flex: 1 !important;
    background-color: #f8fafc !important; /* Мягкий фоновый цвет карточек */
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important; /* Прямые углы в стиле Woodmart */
    padding: 30px 25px !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.plc-step-card:hover {
    background-color: #ffffff !important;
    border-color: #0056b3 !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05) !important;
    transform: translateY(-3px) !important;
}

/* Огромная акцентная цифра этапа */
.plc-step-num {
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #cbd5e1 !important; /* Светло-серый цвет, переходящий в синий при фокусе */
    line-height: 1 !important;
    margin-bottom: 20px !important;
    transition: color 0.3s ease !important;
}

.plc-step-card:hover .plc-step-num {
    color: #0056b3 !important; /* Синий бренд-цвет при наведении */
}

.plc-step-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.4 !important;
}

.plc-step-desc {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Настройки адаптивности под планшеты и мобильные */
@media (max-width: 992px) {
    .plc-steps-grid {
        flex-direction: column !important; /* Перестраиваем в одну колонку */
        gap: 20px !important;
    }
    .plc-step-card {
        flex: 0 0 100% !important;
        padding: 25px !important;
    }
    .plc-step-num {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 768px) {
    .plc-steps-section { padding: 40px 0 !important; }
    .plc-steps-container { padding: 0 20px !important; }
    .plc-steps-main-title { font-size: 22px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d20b86b *//* БЛОК 3: СТИЛИ ТАБЛИЦЫ ЦЕН ШКАФОВ АВТОМАТИКИ */
.plc-price-section {
    padding: 60px 0 !important;
    background-color: #f8fafc !important; /* Легкий контрастный фон */
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.plc-price-section .vru-price-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.plc-price-section .vru-section-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.plc-price-section .vru-section-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 0 35px 0 !important;
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.55 !important;
}

.plc-price-section .vru-table-wrapper {
    width: 100% !important;
    overflow-x: auto !important; /* Включает свайп пальцем на мобильных */
    margin-bottom: 30px !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #ffffff !important;
}

.plc-price-section .vru-price-table {
    width: 100% !important;
    border-collapse: collapse !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #334155 !important;
    min-width: 850px !important; /* Защита столбцов от критического сжатия */
}

.plc-price-section .vru-price-table th {
    background-color: #0f172a !important;
    color: #ffffff !important;
    padding: 16px 20px !important;
    font-weight: 600 !important;
    border: 1px solid #1e293b !important;
}

.plc-price-section .vru-price-table td {
    padding: 16px 20px !important;
    border: 1px solid #e2e8f0 !important;
    transition: background-color 0.2s ease !important;
}

.plc-price-section .vru-price-table tbody tr:nth-child(even) {
    background-color: #f8fafc !important;
}

.plc-price-section .vru-price-table tbody tr:hover td {
    background-color: #f1f5f9 !important;
}

.plc-price-section .vru-table-name {
    color: #0f172a !important;
    font-size: 14.5px !important;
}

.plc-price-section .vru-table-highlight {
    color: #0056b3 !important;
    font-weight: 600 !important;
    background-color: rgba(0, 86, 179, 0.01) !important;
}

.plc-price-section .vru-table-total {
    background-color: #e2e8f0 !important;
    font-size: 15px !important;
}

.plc-price-section .vru-total-accent {
    color: #0056b3 !important;
    font-weight: 700 !important;
}

.plc-price-section .vru-price-bottom {
    text-align: center !important;
}

.plc-price-section .vru-price-btn {
    display: inline-block !important;
    background-color: #ffc107 !important;
    color: #212529 !important;
    padding: 15px 35px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    border-radius: 0px !important; /* Углы Woodmart */
    transition: background-color 0.2s ease !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
}

.plc-price-section .vru-price-btn:hover {
    background-color: #e0a800 !important;
}

@media (max-width: 768px) {
    .plc-price-section { padding: 40px 0 !important; }
    .plc-price-section .vru-price-container { padding: 0 20px !important; }
    .plc-price-section .vru-section-title { font-size: 22px !important; }
    .plc-price-section .vru-price-btn { width: 100% !important; box-sizing: border-box !important; text-align: center !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a89291 *//* БЛОК 4: СТИЛИ ПЛАТФОРМ АВТОМАТИЗАЦИИ */
.plc-vendor-section {
    padding: 60px 0 !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.plc-vendor-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.plc-vendor-main-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.plc-vendor-main-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 0 40px 0 !important;
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.55 !important;
}

.plc-vendor-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    width: 100% !important;
}

.plc-vendor-card {
    flex: 0 0 calc(50% - 12px) !important; /* 2 блока в ряд на ПК */
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important; /* Строгие прямые углы Woodmart */
    padding: 35px !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

.plc-vendor-card:hover {
    background-color: #ffffff !important;
    border-color: #0056b3 !important;
    box-shadow: 0 12px 25px rgba(15, 23, 42, 0.06) !important;
    transform: translateY(-3px) !important;
}

.plc-vendor-icon {
    font-size: 32px !important;
    margin-bottom: 15px !important;
    line-height: 1 !important;
}

.plc-vendor-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.4 !important;
}

/* Стилизация внутренних мини-тегов оборудования */
.plc-vendor-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
}

.plc-v-tag {
    display: inline-block !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

.plc-vendor-card:hover .plc-v-tag {
    border-color: #94a3b8 !important;
    background-color: #f1f5f9 !important;
}

.plc-vendor-desc {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Адаптивность для мобильных и планшетов */
@media (max-width: 992px) {
    .plc-vendor-card {
        flex: 0 0 100% !important; /* В одну колонку */
    }
}

@media (max-width: 768px) {
    .plc-vendor-section { padding: 40px 0 !important; }
    .plc-vendor-container { padding: 0 20px !important; }
    .plc-vendor-main-title { font-size: 22px !important; }
    .plc-vendor-card { padding: 25px !important; }
    .plc-vendor-tags { gap: 6px !important; }
    .plc-v-tag { font-size: 11.5px !important; padding: 2px 8px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adb9e34 *//* БЛОК 5: СТИЛИ ОПТИМИЗАЦИИ СМЕТ АСУ ТП */
.grsh-optimize-section {
    padding: 60px 0 !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.grsh-optimize-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.grsh-optimize-row {
    display: flex !important;
    gap: 40px !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* Левая текстовая колонка */
.grsh-optimize-col-text {
    flex: 0 0 55% !important;
    box-sizing: border-box !important;
}

.grsh-optimize-badge {
    display: inline-block !important;
    background-color: rgba(2, 132, 199, 0.1) !important;
    color: #0284c7 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
}

.grsh-optimize-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.3 !important;
}

.grsh-optimize-desc {
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important;
}

.grsh-optimize-list {
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.grsh-optimize-list li {
    font-size: 14px !important;
    color: #334155 !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
    padding-left: 20px !important;
    position: relative !important;
}

.grsh-optimize-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #0284c7 !important;
    font-weight: bold !important;
}

/* Правая колонка с вендорами — ВЫСОКОКОНТРАСТНАЯ ТЕМНАЯ КАРТОЧКА */
.grsh-optimize-col-vendors {
    flex: 0 0 45% !important;
    box-sizing: border-box !important;
    display: flex !important;
}

.grsh-vendors-card {
    background-color: #0f172a !important; /* Наш глубокий фирменный сине-черный цвет */
    color: #ffffff !important;
    padding: 35px !important;
    width: 100% !important;
    border-radius: 0px !important; /* Строгие прямые углы Woodmart */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    border: 1px solid #1e293b !important;
}

.grsh-vendors-card-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}

.grsh-vendors-card-subtitle {
    font-size: 13.5px !important;
    color: #94a3b8 !important;
    margin: 0 0 25px 0 !important;
    line-height: 1.4 !important;
}

.grsh-vendors-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 30px !important;
}

.grsh-vendor-item {
    border-left: 3px solid #0284c7 !important;
    padding-left: 14px !important;
}

.grsh-vendor-name {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #38bdf8 !important; /* Сверхконтрастный голубой цвет */
    margin-bottom: 2px !important;
}

.grsh-vendor-series {
    display: block !important;
    font-size: 13px !important;
    color: #e2e8f0 !important; /* Четкий светлый текст серий */
    line-height: 1.4 !important;
}

.grsh-vendors-action {
    width: 100% !important;
}

.grsh-optimize-btn {
    display: block !important;
    background-color: #ffc107 !important;
    color: #212529 !important;
    padding: 15px 20px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    border-radius: 0px !important;
    text-align: center !important;
    transition: background-color 0.2s ease !important;
}

.grsh-optimize-btn:hover {
    background-color: #e0a800 !important;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 992px) {
    .grsh-optimize-row {
        flex-direction: column !important;
        gap: 30px !important;
    }
    .grsh-optimize-col-text,
    .grsh-optimize-col-vendors {
        flex: 0 0 100% !important;
    }
}

@media (max-width: 768px) {
    .grsh-optimize-section { padding: 40px 0 !important; }
    .grsh-optimize-container { padding: 0 20px !important; }
    .grsh-optimize-title { font-size: 22px !important; }
    .grsh-vendors-card { padding: 25px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7a5b63 *//* БЛОК 5: СТИЛИ КЕЙСОВ И РЕАЛИЗОВАННЫХ ПРОЕКТОВ ВРУ */
.grsh-cases-section {
    padding: 60px 0 !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.grsh-cases-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.grsh-cases-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.grsh-cases-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 0 40px 0 !important;
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.55 !important;
}

.grsh-cases-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    width: 100% !important;
}

.grsh-case-card {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important; /* Углы Woodmart */
    padding: 30px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.grsh-case-card:hover {
    border-color: #0056b3 !important;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.03) !important;
}

.grsh-case-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 15px !important;
}

.grsh-case-badge {
    display: inline-block !important;
    align-self: flex-start !important;
    background-color: #0056b3 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 8px !important;
    letter-spacing: 0.5px !important;
}

.grsh-case-card-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.grsh-case-body {
    display: flex !important;
    gap: 40px !important;
    align-items: flex-start !important;
}

.grsh-case-specs {
    flex: 0 0 35% !important; /* Задает фиксированные 35% для левой колонки */
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
    list-style: none !important;
    border-right: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

.grsh-case-specs li {
    font-size: 13.5px !important;
    color: #475569 !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

.grsh-case-specs li strong {
    color: #0f172a !important;
}

.grsh-case-desc {
    flex: 1 !important; /* Занимает все оставшееся место справа и не вылезает за рамки */
    font-size: 14px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Адаптивность для мобильных и планшетов */
@media (max-width: 992px) {
    .grsh-case-body {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .grsh-case-specs {
        flex: 0 0 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        padding-right: 0 !important;
        padding-bottom: 15px !important;
    }
    .grsh-case-desc {
        flex: 0 0 100% !important;
    }
}

@media (max-width: 768px) {
    .grsh-cases-section { padding: 40px 0 !important; }
    .grsh-cases-container { padding: 0 20px !important; }
    .grsh-cases-title { font-size: 22px !important; }
    .grsh-case-card { padding: 20px !important; }
    .grsh-case-card-title { font-size: 17px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcd9f58 *//* БЛОК 7: СТИЛИ АККОРДЕОНА FAQ ШКАФОВ АВТОМАТИКИ */
.grsh-faq-section {
    padding: 70px 0 !important;
    background-color: #f8fafc !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.grsh-faq-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.grsh-faq-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.grsh-faq-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    text-align: center !important;
    margin: 0 0 45px 0 !important;
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.55 !important;
}

.grsh-faq-accordion {
    max-width: 950px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.grsh-faq-item {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important; /* Строгие прямые углы Woodmart */
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.grsh-faq-item:hover {
    transform: translateY(-2px) !important;
    border-color: #0056b3 !important;
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.05) !important;
}

.grsh-faq-input {
    display: none !important;
}

.grsh-faq-label {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 22px 30px !important;
    cursor: pointer !important;
    user-select: none !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}

.grsh-faq-question-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    padding-right: 20px !important;
    text-align: left !important;
}

.grsh-faq-arrow-wrapper {
    width: 32px !important;
    height: 32px !important;
    background-color: #f1f5f9 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.25s ease !important;
}

.grsh-faq-arrow {
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid #64748b !important;
    border-bottom: 2px solid #64748b !important;
    transform: rotate(45deg) !important;
    transition: transform 0.25s ease !important;
    margin-bottom: 2px !important;
}

.grsh-faq-content {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background-color: #ffffff !important;
}

.grsh-faq-content-inner {
    padding: 10px 30px 25px 30px !important;
    border-top: 1px dashed #e2e8f0 !important;
}

.grsh-faq-content p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    text-align: left !important;
}

.grsh-faq-input:checked ~ .grsh-faq-content {
    max-height: 800px !important;
}

.grsh-faq-input:checked ~ .grsh-faq-label {
    background-color: #f8fafc !important;
}

.grsh-faq-input:checked ~ .grsh-faq-label .grsh-faq-arrow-wrapper {
    background-color: #0056b3 !important;
}

.grsh-faq-input:checked ~ .grsh-faq-label .grsh-faq-arrow {
    transform: rotate(-135deg) !important;
    border-color: #ffffff !important;
    margin-bottom: -2px !important;
}

@media (max-width: 768px) {
    .grsh-faq-section { padding: 40px 0 !important; }
    .grsh-faq-container { padding: 0 20px !important; }
    .grsh-faq-title { font-size: 22px !important; }
    .grsh-faq-label { padding: 16px 20px !important; }
    .grsh-faq-question-text { font-size: 14.5px !important; }
    .grsh-faq-content-inner { padding: 10px 20px 20px 20px !important; }
    .grsh-faq-content p { font-size: 13.5px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90a40e0 *//* СТИЛИ ДЛЯ КОММЕРЧЕСКИХ LSI-ХВОСТОВ АСУ ТП */
.grsh-lsi-spec-block {
    display: flex !important;
    gap: 15px !important;
    align-items: flex-start !important;
    background-color: #f8fafc !important; /* Серый фон */
    border-left: 3px solid #0056b3 !important; /* Фирменная синяя полоса */
    padding: 20px 25px !important;
    margin: 25px auto 35px auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1240px !important;
}

.grsh-lsi-spec-icon {
    color: #0056b3 !important;
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.grsh-lsi-spec-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.grsh-lsi-spec-text {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 !important;
    text-align: left !important;
}

.grsh-lsi-spec-text strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Аккуратные мини-теги для серий ПЛК и типов шкафов */
.grsh-lsi-tag {
    display: inline-block !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    padding: 1px 6px !important;
    font-size: 12px !important;
    margin: 0 2px !important;
    white-space: nowrap !important;
}

@media (max-width: 768px) {
    .grsh-lsi-spec-block {
        padding: 15px !important;
        margin: 20px auto 25px auto !important;
        gap: 10px !important;
    }
    .grsh-lsi-spec-icon {
        width: 20px !important;
        height: 20px !important;
    }
    .grsh-lsi-spec-text {
        font-size: 12.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8139bc */.side-menu {
    display: none;
}    
@media screen and (min-width: 76px) {    
    .side-menu *    {
        box-sizing: border-box;
    }            
    .side-menu     {
        position: fixed;
        display: block;
        bottom: 110px;
        right: 0;
        z-index: 9999999;
    }        
    .side-menu-buttons {
        position: absolute;
        bottom: 0; 
         right: -2px;
        border: 2px solid 
       #003062;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: 0 4px 4px rgba(0,0,0,0.2), 0 10px 18px rgba(0,0,0,0.2);
    }
    .side-menu-item:first-child {
        border-top-left-radius: 10px;
    }
    .side-menu-item:last-child {
        border-bottom-left-radius: 10px;
    }
    .side-menu-item {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
        width: 50px;
        height: 64px;
        position: relative;
        background-color: #fff;
    }
    .side-menu-item:not(:last-child) {
        border-bottom: 2px solidrgb(2,90,147) ;
    }
    .side-menu-item i,
    .side-menu-item span {
        font-size: 40px;
        color: #000;
        transition: color 0.3s;
    }
    .side-menu-item img {
        height: 40px;
    }
    .side-menu-item svg {
        stroke: #000;
        height: 40px;
        stroke-miterlimit: 10;
        stroke-dasharray: 400;    
        stroke-width: 2;
        stroke-linecap: round; 
        stroke-linejoin: round;
        fill: none;
        transition: stroke 0.3s;
    }
    .side-menu-item:hover i,
    .side-menu-item:hover span {
        color: rgb(2,90,147);
    }
    .side-menu-item:hover svg {
        stroke: rgb(2,90,147);
    }
    .side-menu-item.svg-icon-anim:hover svg {
        stroke: rgb(2,90,147);
        animation: strok 1s reverse;  
    }
    @keyframes strok {
        100% {
            stroke-dashoffset: 400;
        }
    }
    .side-menu-hover {
        position: absolute;
        background-color: #144769;
        color:  #fff;
        border: 2px solid green;
        padding: 0 30px;
        transform: translateX(0);
        left: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        transition: all 0.2s;
        z-index: -100;
        font-size: 17px;
        border-top-left-radius: 17px;
        border-bottom-left-radius: 10px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .side-menu-item:hover .side-menu-hover {
        opacity: 1;
        transform: translateX(-100%);
    }    
}/* End custom CSS */