a.okno_zakaza {width: auto;}
/* Базовый контейнер — задаёт масштаб для всех EM внутри */
        .fe-hero-wrapper {
            font-size: 16px; /* Базовый шаг (1em = 16px). Измените его, чтобы масштабировать весь блок! */
            position: relative;
            background-color: #0f172a;
            color: #ffffff;
            padding: 5.625em 1.25em 6.875em; /* 90px 20px 110px */
            overflow: hidden;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            border-bottom: 0.25em solid #00a3e9; /* 4px */
			
        }

        /* АСИММЕТРИЧНЫЙ ГЕОМЕТРИЧЕСКИЙ ФОН */
        .fe-hero-wrapper::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -100px;
            width: 65%;
            height: 120%;
            background: linear-gradient(135deg, rgba(0, 163, 233, 0.12) 0%, rgba(30, 41, 59, 0.6) 100%);
            transform: skewX(-15deg);
            z-index: 1;
            pointer-events: none;
            border-left: 2px solid rgba(0, 163, 233, 0.3);
        }

        /* Инженерная сетка */
        .fe-hero-wrapper::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
            background-size: 2.5em 2.5em; /* 40px */
            z-index: 1;
            pointer-events: none;
        }

        .fe-hero-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        /* Верхний бейдж */
        .fe-hero-badge-row {
            display: flex;
            align-items: center;
            gap: 1em; /* 16px */
            margin-bottom: 1.875em; /* 30px */
            flex-wrap: wrap;
        }

        .fe-hero-badge {
            background-color: rgba(255, 0, 0, 0.12);
            color: #ffffff;
            border: 0.0625em solid rgba(255, 0, 0, 0.4); /* 1px */
            font-size: 0.9em; /* ~14.4px */
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.5em 1em; /* 8px 16px */
            border-radius: 0.25em; /* 4px */
            letter-spacing: 0.0938em; /* 1.5px */
            display: inline-flex;
            align-items: center;
            gap: 0.625em; /* 10px */
            box-shadow: 0 0 1.25em rgba(255, 0, 0, 0.15);
        }

        .fe-pulse-dot {
            width: 0.625em; /* 10px */
            height: 0.625em;
            background-color: #ff0000;
            border-radius: 50%;
            animation: fe-pulse-red 2s infinite;
        }

        @keyframes fe-pulse-red {
            0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.8); }
            70% { box-shadow: 0 0 0 0.625em rgba(255, 0, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
        }

        .fe-hero-sub-label {
            font-size: 0.95em; /* ~15px */
            color: #94a3b8;
            text-transform: uppercase;
            letter-spacing: 0.0938em;
            font-weight: 600;
        }

        /* Заголовок (Крупный, масштабируемый) */
        .fe-hero-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 3.375em; /* 54px */
            line-height: 1.1;
            text-transform: uppercase;
            margin: 0 0 0.463em 0; /* ~25px */
            letter-spacing: -0.015em;
            color: #ffffff;
            max-width: 19.44em; /* 1050px */
			text-align: left;
        }

        /* Адаптивность шрифтов через переопределение базы у родителя */
        @media (max-width: 991px) {
            .fe-hero-wrapper {
                font-size: 13px; /* Просто уменьшаем базу, и всё внутри сжимается! */
            }
        }

        .fe-hero-title span {
            color: #00a3e9;
            text-shadow: 0 0 0.74em rgba(0, 163, 233, 0.35); /* ~40px */
        }

        /* Описание */
        .fe-hero-desc {
            font-size: 1.25em; /* 20px */
            line-height: 1.6;
            color: #cbd5e1;
            margin-bottom: 2.25em; /* 45px */
            max-width: 42.5em; /* 850px */
            font-weight: 400;
        }

        /* Сетка метрик */
        .fe-hero-metrics-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(17.5em, 1fr)); /* min 280px */
            gap: 1.5625em; /* 25px */
            margin-bottom: 3.125em; /* 50px */
        }

        .fe-metric-card {
            background: rgba(15, 23, 42, 0.75);
            border: 0.0625em solid rgba(255, 255, 255, 0.1);
            border-left: 0.25em solid #ff0000; /* 4px */
            padding: 1.5em; /* 24px */
            border-radius: 0.375em; /* 6px */
            backdrop-filter: blur(5px);
            transition: transform 0.2s ease, border-color 0.2s ease;
        }

        .fe-metric-card:hover {
            transform: translateY(-0.25em); /* -4px */
            border-color: rgba(255, 0, 0, 0.6);
        }

        .fe-metric-num {
            font-family: 'Arial Black', sans-serif;
            font-size: 2em; /* 32px */
            color: #ffffff;
            margin-bottom: 0.25em; /* 4px */
            display: flex;
            align-items: baseline;
            gap: 0.3125em; /* 10px */
        }

        .fe-metric-num small {
            font-size: 0.5em; /* 16px */
            color: #ff0000;
            font-weight: bold;
            text-transform: uppercase;
        }

        .fe-metric-text {
            font-size: 1em; /* 16px */
            color: #94a3b8;
            line-height: 1.5;
            margin: 0;
        }

        /* Кнопки */
        .fe-hero-actions {
            display: flex;
            gap: 1.25em; /* 20px */
            flex-wrap: wrap;
        }

       a.okno_zakaza.fe-btn-main {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.95em; /* ~15px */
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-decoration: none;
            padding: 18px 36px;
            border-radius: 4px;
            transition: all 0.2s ease;
            box-shadow: 0 6px 20px rgba(0, 163, 233, 0.35);
            border: none;
            cursor: pointer;
			width: auto;
        }

        .fe-btn-main:hover {
            background-color: #0087c2;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 163, 233, 0.55);
            color: #ffffff;
        }

        .fe-btn-main span {
            transition: transform 0.2s;
        }

        .fe-btn-main:hover span {
            transform: translateX(6px);
        }


        .fe-btn-second {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(255, 255, 255, 0.05);
            color: #ffffff;
            border: 0.125em solid rgba(255, 255, 255, 0.3); /* 2px */
            font-family: 'Arial Black', sans-serif;
            font-size: 0.95em;
            text-transform: uppercase;
            letter-spacing: 0.0313em;
            text-decoration: none;
            padding: 1em 2em; /* 16px 32px */
            border-radius: 0.25em;
            transition: all 0.2s ease;
        }

        .fe-btn-second:hover {
            border-color: #ffffff;
            background-color: rgba(255, 255, 255, 0.12);
            color: #ffffff;
        }
		 .fe-b2g-panel {
            font-size: 16px; /* Базовый шаг (1em = 16px). */
            background-color: #f0fdf4;
            padding: 3.125em 1.25em; /* 50px 20px */
            border-top: 0.0625em solid #dcfce7; /* 1px */
            border-bottom: 0.0625em solid #dcfce7;
            position: relative;
            overflow: hidden;
        }

        .fe-b2g-panel::after {
            content: 'B2G COMPLIANCE';
            position: absolute;
            right: -1.25em; /* -20px */
            bottom: -0.45em; /* -10px */
            font-family: 'Arial Black', sans-serif;
            font-size: 6em; /* 128px */
            color: rgba(22, 101, 52, 0.03);
            pointer-events: none;
            user-select: none;
        }

        .fe-b2g-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); /* min 320px */
            gap: 1.875em; /* 30px */
            position: relative;
            z-index: 2;
        }

        .fe-b2g-card {
            display: flex;
            align-items: flex-start;
            gap: 1.25em; /* 20px */
            padding: 1.25em;
            transition: transform 0.2s ease;
        }

        .fe-b2g-card:hover {
            transform: translateX(0.3125em); /* 5px */
        }

        /* Крупная наклонная иконка */
        .fe-b2g-icon-wrapper {
            flex-shrink: 0;
            width: 3.75em; /* 60px */
            height: 3.75em;
            background-color: #166534;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.5em; /* 8px */
            transform: rotate(-3deg);
            box-shadow: 0.25em 0.25em 0px rgba(22, 101, 52, 0.2); /* 4px */
        }

        .fe-b2g-icon-wrapper svg {
            width: 1.875em; /* 30px */
            height: 1.875em;
            transform: rotate(3deg);
        }

        .fe-b2g-content {
            display: flex;
            flex-direction: column;
            gap: 0.375em; /* 6px */
        }

        .fe-b2g-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 1.125em; /* 18px */
            text-transform: uppercase;
            color: #166534;
            margin: 0;
            line-height: 1.2;
        }

        .fe-b2g-text {
            font-size: 0.95em; /* ~15px */
            color: #14532d;
            line-height: 1.5;
            margin: 0;
            opacity: 0.85;
        }

        /* Адаптивность панели */
        @media (max-width: 991px) {
            .fe-b2g-panel {
                font-size: 14px; /* Уменьшаем базу на планшетах и смартфонах */
            }
        }

        @media (min-width: 62em) { /* 992px */
            .fe-b2g-card:not(:last-child) {
                border-right: 0.0625em solid rgba(22, 101, 52, 0.1);
            }
        }
/* Секция каталога специализированного оборудования для РБ на EM (с фото-блоками) 
------------------------------------------------------------------*/
        .fe-catalog-section {
            font-size: 16px; /* Базовый масштаб для EM */
            background-color: #f8fafc;
            padding: 5em 1.25em 6.25em; /* 80px 20px 100px */
            border-bottom: 0.0625em solid #e2e8f0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        .fe-catalog-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
        }

        .fe-section-header {
            margin-bottom: 3.75em; /* 60px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-section-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
        }

        .fe-section-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #64748b;
            margin: 0;
            max-width: 50em;
        }

        /* Сетка карточек товаров */
        .fe-catalog-grid {
            display: grid;
            grid-template-columns: 1fr; /* На мелких экранах в 1 колонку */
            gap: 2.5em; /* 40px */
        }

        @media (min-width: 64em) { /* от 1024px и выше — сетка в 1 колонку, но карточки широкие горизонтальные */
            .fe-catalog-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Карточка товара (Horizontal Split Layout) */
        .fe-product-card {
            background-color: #ffffff;
            border: 0.0625em solid #e2e8f0;
            border-radius: 0.375em; /* 6px */
            display: grid;
            grid-template-columns: 20em 1fr; /* Левая колонка под фото (320px), правая под текст */
            overflow: hidden;
            box-shadow: 0 0.25em 0.375em -0.0625em rgba(0,0,0,0.05);
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .fe-product-card:hover {
            transform: translateY(-0.25em); /* -4px */
            box-shadow: 0 0.625em 0.9375em -0.1875em rgba(0,0,0,0.08);
            border-color: #cbd5e1;
        }

        @media (max-width: 62em) { /* Адаптация под планшеты/мобильные (трансформируем в вертикальный стек) */
            .fe-product-card {
                grid-template-columns: 1fr;
            }
        }

        /* КОНТЕЙНЕР ДЛЯ ФОТО ИЛИ ЧЕРТЕЖА (Защита от CLS) */
        .fe-product-image-area {
            position: relative;
            background-color: #f1f5f9;
            border-right: 0.0625em solid #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            aspect-ratio: 4 / 3; /* Пропорция картинки */
            width: 100%;
            height: 100%;
            min-height: 15em;
        }

        @media (max-width: 62em) {
            .fe-product-image-area {
                border-right: none;
                border-bottom: 0.0625em solid #e2e8f0;
                aspect-ratio: 16 / 9; /* На мобильных делаем более узкий горизонтальный баннер */
            }
        }

        /* Стили для реального изображения */
        .fe-product-img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Заполнение контейнера без деформаций */
            transition: transform 0.3s ease;
        }

        .fe-product-card:hover .fe-product-img {
            transform: scale(1.03); /* Легкий интерактивный зум при наведении на карточку */
        }

        /* Чертежная сетка-заглушка (пока нет реальных фото) */
        .fe-blueprint-placeholder {
            position: absolute;
            inset: 0;
            background-color: #1e293b;
            background-image: radial-gradient(rgba(0, 163, 233, 0.15) 1px, transparent 0),
                              linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
            background-size: 20px 20px, 10px 10px, 10px 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            padding: 1.5em;
            text-align: center;
        }

        .fe-blueprint-icon {
            width: 3em;
            height: 3em;
            color: #00a3e9;
            margin-bottom: 0.75em;
            opacity: 0.8;
        }

        .fe-blueprint-tag {
            font-family: 'Arial Black', sans-serif;
            font-size: 0.75em;
            text-transform: uppercase;
            color: #00a3e9;
            border: 1px solid rgba(0, 163, 233, 0.4);
            padding: 0.25em 0.5em;
            border-radius: 3px;
            margin-top: 0.5em;
            background-color: rgba(0, 163, 233, 0.1);
        }

        /* Правая контентная часть карточки */
        .fe-product-content {
            padding: 2.1875em; /* 35px */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* Бейджи */
        .fe-badge-row {
            display: flex;
            gap: 0.5em;
            margin-bottom: 0.875em;
            flex-wrap: wrap;
        }

        .fe-badge {
            font-size: 0.7em; /* ~11px */
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.3em 0.75em;
            border-radius: 0.1875em;
            letter-spacing: 0.05em;
        }

        .fe-badge-dark {
            background-color: #0f172a;
            color: #ffffff;
        }

        .fe-badge-blue {
            background-color: rgba(0, 163, 233, 0.1);
            color: #00a3e9;
            border: 0.0625em solid rgba(0, 163, 233, 0.2);
        }

        .fe-product-title {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.35em; /* ~22px */
            margin: 0 0 0.75em 0;
            color: #0f172a;
            text-transform: uppercase;
            line-height: 1.2;
        }

        .fe-product-desc {
            font-size: 0.95em; /* ~15px */
            color: #475569;
            margin: 0 0 1.5em 0;
            line-height: 1.5;
        }

        /* Таблица характеристик (Zebra) */
        .fe-specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1.875em;
            font-size: 0.85em; /* ~13.5px */
        }

        .fe-specs-table tr:nth-child(even) {
            background-color: #f8fafc;
        }

        .fe-specs-table td {
            padding: 0.625em 0.875em;
            border-bottom: 0.0625em solid #e2e8f0;
        }

        .fe-specs-label {
            color: #64748b;
            font-weight: 500;
            width: 45%;
        }

        .fe-specs-value {
            color: #0f172a;
            font-weight: 600;
        }

        /* Блок цены и действия */
        .fe-product-action-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.25em;
            border-top: 0.0625em solid #e2e8f0;
            padding-top: 1.5em;
            flex-wrap: wrap;
        }

        .fe-price-block {
            font-size: 0.85em;
            color: #64748b;
        }

        .fe-price-value {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.3em;
            color: #0f172a;
        }

        .fe-price-subtext {
            font-size: 0.75em;
            color: #166534;
            font-weight: bold;
        }

        /* Кнопка */
        .fe-btn-card {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.8em;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            text-decoration: none;
            padding: 0.875em 1.75em;
            border-radius: 0.25em;
            transition: all 0.2s ease;
            background-color: #00a3e9;
            color: #ffffff;
            border: none;
            cursor: pointer;
        }

        .fe-btn-card:hover {
            background-color: #0087c2;
            transform: translateY(-0.0625em);
            color: #ffffff;
        }

/* Секция детального каталога для РБ на EM (с фото-блоками и двумя кнопками) -->
----------------------------------------*/

  .fe-catalog-section {
            font-size: 16px; /* Базовый масштаб для EM (1em = 16px) */
            background-color: #f8fafc;
            padding: 5em 1.25em 6.25em; /* 80px 20px 100px */
            border-bottom: 0.0625em solid #e2e8f0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        .fe-catalog-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
        }

        .fe-section-header {
            margin-bottom: 3.75em; /* 60px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-section-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
        }

        .fe-section-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #64748b;
            margin: 0;
            max-width: 50em;
        }

        /* Сетка карточек товаров */
        .fe-catalog-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2.5em; /* 40px */
        }

        /* Карточка товара (Horizontal Split Layout) */
        .fe-product-card {
            background-color: #ffffff;
            border: 0.0625em solid #e2e8f0;
            border-radius: 0.375em; /* 6px */
            display: grid;
            grid-template-columns: 22em 1fr; /* Левая колонка под фото, правая под контент */
            overflow: hidden;
            box-shadow: 0 0.25em 0.375em -0.0625em rgba(0,0,0,0.05);
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .fe-product-card:hover {
            transform: translateY(-0.25em); /* -4px */
            box-shadow: 0 0.625em 0.9375em -0.1875em rgba(0,0,0,0.08);
            border-color: #cbd5e1;
        }

        @media (max-width: 68em) { /* Адаптация под планшеты/мобильные (трансформируем в вертикальный стек) */
            .fe-product-card {
                grid-template-columns: 1fr;
            }
        }

        /* КОНТЕЙНЕР ДЛЯ ФОТО ИЛИ ЧЕРТЕЖА (Защита от CLS) */
        .fe-product-image-area {
            position: relative;
            background-color: #f1f5f9;
            border-right: 0.0625em solid #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            aspect-ratio: 4 / 3;
            width: 100%;
            height: 100%;
            min-height: 15em;
        }

        @media (max-width: 68em) {
            .fe-product-image-area {
                border-right: none;
                border-bottom: 0.0625em solid #e2e8f0;
                aspect-ratio: 16 / 9;
            }
        }

        /* Чертежная сетка-заглушка */
        .fe-blueprint-placeholder {
            position: absolute;
            inset: 0;
            background-color: #1e293b;
            background-image: radial-gradient(rgba(0, 163, 233, 0.15) 1px, transparent 0),
                              linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
            background-size: 20px 20px, 10px 10px, 10px 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            padding: 1.5em;
            text-align: center;
        }

        .fe-blueprint-icon {
            width: 3em;
            height: 3em;
            color: #00a3e9;
            margin-bottom: 0.75em;
            opacity: 0.8;
        }

        .fe-blueprint-tag {
            font-family: 'Arial Black', sans-serif;
            font-size: 0.75em;
            text-transform: uppercase;
            color: #00a3e9;
            border: 1px solid rgba(0, 163, 233, 0.4);
            padding: 0.25em 0.5em;
            border-radius: 3px;
            margin-top: 0.5em;
            background-color: rgba(0, 163, 233, 0.1);
        }

        /* Правая контентная часть карточки */
        .fe-product-content {
            padding: 2.1875em; /* 35px */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* Бейджи */
        .fe-badge-row {
            display: flex;
            gap: 0.5em;
            margin-bottom: 0.875em;
            flex-wrap: wrap;
        }

        .fe-badge {
            font-size: 0.7em; /* ~11px */
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.3em 0.75em;
            border-radius: 0.1875em;
            letter-spacing: 0.05em;
        }

        .fe-badge-dark {
            background-color: #0f172a;
            color: #ffffff;
        }

        .fe-badge-blue {
            background-color: rgba(0, 163, 233, 0.1);
            color: #00a3e9;
            border: 0.0625em solid rgba(0, 163, 233, 0.2);
        }

        .fe-product-title {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.35em; /* ~22px */
            margin: 0 0 0.75em 0;
            color: #0f172a;
            text-transform: uppercase;
            line-height: 1.2;
        }

        .fe-product-desc {
            font-size: 0.95em; /* ~15px */
            color: #475569;
            margin: 0 0 1.5em 0;
            line-height: 1.5;
        }

        /* Таблица характеристик (Zebra) */
        .fe-specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1.875em;
            font-size: 0.85em; /* ~13.5px */
        }

        .fe-specs-table tr:nth-child(even) {
            background-color: #f8fafc;
        }

        .fe-specs-table td {
            padding: 0.625em 0.875em;
            border-bottom: 0.0625em solid #e2e8f0;
        }

        .fe-specs-label {
            color: #64748b;
            font-weight: 500;
            width: 45%;
        }

        .fe-specs-value {
            color: #0f172a;
            font-weight: 600;
        }

        /* Блок цены и действия */
        .fe-product-action-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5em;
            border-top: 0.0625em solid #e2e8f0;
            padding-top: 1.5em;
            flex-wrap: wrap;
        }

        .fe-price-block {
            font-size: 0.85em;
            color: #64748b;
        }

        .fe-price-value {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.3em;
            color: #0f172a;
        }

        .fe-price-subtext {
            font-size: 0.75em;
            color: #166534;
            font-weight: bold;
        }

        /* ГРУППА ДВУХ КНОПОК */
        .fe-product-btns {
            display: flex;
            gap: 0.75em;
            flex-wrap: wrap;
        }

        /* Основная кнопка расчета */
        a.okno_zakaza.fe-btn-card-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.8em;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            text-decoration: none;
            padding: 1em 1.75em;
            border-radius: 0.25em;
            transition: all 0.2s ease;
            background-color: #00a3e9;
            color: #ffffff;
            border: none;
            cursor: pointer;
        }

        .fe-btn-card-primary:hover {
            background-color: #0087c2;
            transform: translateY(-0.0625em);
            color: #ffffff;
        }

        /* Второстепенная кнопка выбора */
        .fe-btn-card-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.8em;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            text-decoration: none;
            padding: 0.875em 1.625em; /* С учетом бордера 2px */
            border-radius: 0.25em;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #0f172a;
            border: 0.125em solid #0f172a; /* Толстый бордер */
            cursor: pointer;
        }

        .fe-btn-card-secondary:hover {
            background-color: #0f172a;
            color: #ffffff;
            transform: translateY(-0.0625em);
        }

        @media (max-width: 40em) { /* На мобильных растягиваем кнопки во всю ширину */
            .fe-product-btns {
                width: 100%;
                flex-direction: column;
            }
            .fe-btn-card-primary, .fe-btn-card-secondary {
                width: 100%;
                text-align: center;
            }
        }

/* Блок перехода в полный общий каталог завода -->
------------------------------------------*/
 .fe-all-catalog-cta {
            font-size: 16px; /* Базовый масштаб (1em = 16px) */
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: #ffffff;
            padding: 4.5em 1.25em; /* 72px 20px */
            text-align: center;
            position: relative;
            overflow: hidden;
            border-bottom: 0.25em solid #00a3e9;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        /* Фоновый декоративный элемент */
        .fe-all-catalog-cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(0, 163, 233, 0.12) 0%, rgba(15, 23, 42, 0) 70%);
            pointer-events: none;
        }

        .fe-cta-container {
            max-width: 60em; /* 960px */
            margin: 0 auto;
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5em; /* 24px */
        }

        .fe-cta-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0;
            color: #ffffff;
            letter-spacing: -0.015em;
            line-height: 1.15;
        }

        @media (max-width: 48em) {
            .fe-cta-title {
                font-size: 1.75em;
            }
        }

        .fe-cta-title span {
            color: #00a3e9;
        }

        .fe-cta-desc {
            font-size: 1.1em; /* ~17.5px */
            color: #94a3b8;
            margin: 0;
            max-width: 45em;
            line-height: 1.6;
        }

        /* Группа кнопок */
        .fe-cta-buttons-group {
            display: flex;
            gap: 1.25em; /* 20px */
            margin-top: 0.5em;
            flex-wrap: wrap;
            justify-content: center;
        }

        /* Кнопка 1: Основная (Переход в каталог) */
        .fe-btn-catalog {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.75em;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.95em; /* ~15px */
            text-transform: uppercase;
            letter-spacing: 0.05em;
            text-decoration: none;
            padding: 1.25em 2.25em; /* 20px 36px */
            border-radius: 0.25em; /* 4px */
            transition: all 0.2s ease;
            box-shadow: 0 0.375em 1.25em rgba(0, 163, 233, 0.35);
        }

        .fe-btn-catalog:hover {
            background-color: #0087c2;
            transform: translateY(-0.125em); /* -2px */
            box-shadow: 0 0.5em 1.5625em rgba(0, 163, 233, 0.55);
            color: #ffffff;
        }

        .fe-btn-catalog span {
            transition: transform 0.2s ease;
        }

        .fe-btn-catalog:hover span {
            transform: translateX(0.375em);
        }

        /* Кнопка 2: Второстепенная (Запросить подбор варианта) */
        a.okno_zakaza.fe-btn-request {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.75em;
            background-color: rgba(255, 255, 255, 0.05);
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.95em;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            text-decoration: none;
            padding: 1.125em 2.25em; /* С учетом толщины бордера */
            border-radius: 0.25em;
            border: 0.125em solid rgba(255, 255, 255, 0.3);
            transition: all 0.2s ease;
        }

        .fe-btn-request:hover {
            border-color: #ffffff;
            background-color: rgba(255, 255, 255, 0.12);
            transform: translateY(-0.125em);
            color: #ffffff;
        }

        @media (max-width: 40em) {
            .fe-cta-buttons-group {
                width: 100%;
                flex-direction: column;
            }
            .fe-btn-catalog, .fe-btn-request {
                width: 100%;
                text-align: center;
            }
        }
/* Стили галереи внутри карточки */
        .fe-gallery-area {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #f1f5f9;
        }

        /* Скрываем стандартные радиокнопки */
        .fe-gallery-radio {
            display: none;
        }

        /* Контейнер слайдов */
        .fe-gallery-slides {
            position: relative;
            width: 100%;
            height: 100%;
            aspect-ratio: 4 / 3;
            overflow: hidden;
        }

        .fe-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .fe-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Панель навигации поверх фото снизу */
        .fe-gallery-nav {
            position: absolute;
            bottom: 0.75em;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 0.375em;
            background: rgba(15, 23, 42, 0.75);
            padding: 0.3em 0.5em;
            border-radius: 1em;
            backdrop-filter: blur(4px);
            z-index: 10;
        }

        .fe-gallery-dot	{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.5em;
            height: 1.5em;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.7em;
            color: #94a3b8;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.2s ease;
			margin-bottom: 0;
        }

        .fe-gallery-dot:hover	{
            color: #ffffff;
            background-color: rgba(0, 163, 233, 0.5);
        }


		
        /* Логика переключения через radio */
        #slide-1:checked ~ .fe-gallery-slides .fe-slide-1,
        #slide-2:checked ~ .fe-gallery-slides .fe-slide-2,
        #slide-3:checked ~ .fe-gallery-slides .fe-slide-3,
        #slide-4:checked ~ .fe-gallery-slides .fe-slide-4,
        #slide-5:checked ~ .fe-gallery-slides .fe-slide-5 {
            opacity: 1;
            visibility: visible;
        }
		
        /* Активная точка */
        #slide-1:checked ~ .fe-gallery-nav label[for="slide-1"],
        #slide-2:checked ~ .fe-gallery-nav label[for="slide-2"],
        #slide-3:checked ~ .fe-gallery-nav label[for="slide-3"],
        #slide-4:checked ~ .fe-gallery-nav label[for="slide-4"],
        #slide-5:checked ~ .fe-gallery-nav label[for="slide-5"] {
            background-color: #00a3e9;
            color: #ffffff;
            box-shadow: 0 0 8px rgba(0, 163, 233, 0.8);
        }

        /* Логика переключения через radio для карточки №2 */
        #slide-2-1:checked ~ .fe-gallery-slides .fe-s2-1,
        #slide-2-2:checked ~ .fe-gallery-slides .fe-s2-2,
        #slide-2-3:checked ~ .fe-gallery-slides .fe-s2-3,
        #slide-2-4:checked ~ .fe-gallery-slides .fe-s2-4,
        #slide-2-5:checked ~ .fe-gallery-slides .fe-s2-5 {
            opacity: 1;
            visibility: visible;
        }

        #slide-2-1:checked ~ .fe-gallery-nav label[for="slide-2-1"],
        #slide-2-2:checked ~ .fe-gallery-nav label[for="slide-2-2"],
        #slide-2-3:checked ~ .fe-gallery-nav label[for="slide-2-3"],
        #slide-2-4:checked ~ .fe-gallery-nav label[for="slide-2-4"],
        #slide-2-5:checked ~ .fe-gallery-nav label[for="slide-2-5"] {
            background-color: #00a3e9;
            color: #ffffff;
            box-shadow: 0 0 8px rgba(0, 163, 233, 0.8);
        }
		
		 .fe-gray-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background-color: #f8fafc;
            border-top: 0.0625em solid #e2e8f0;
            border-bottom: 0.0625em solid #e2e8f0;
            padding: 5em 1.25em 6.25em; /* 80px 20px 100px */
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        .fe-logistics-container {
            max-width: 77.5em; /* 1240px */
            margin: 70px auto;
        }

        .fe-section-header {
            margin-bottom: 3.75em; /* 60px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-section-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
        }

        @media (max-width: 48em) {
            .fe-section-title {
                font-size: 1.75em;
            }
        }

        .fe-section-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #64748b;
            margin: 0;
            max-width: 50em;
            line-height: 1.5;
        }

        /* Сетка шагов логистики (4 колонки) */
        .fe-logistics-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(17.5em, 1fr)); /* min 280px */
            gap: 1.875em; /* 30px */
        }

        /* Карточка этапа */
        .fe-logistics-card {
            background-color: #ffffff;
            border: 0.0625em solid #e2e8f0;
            padding: 2.1875em 1.875em; /* 35px 30px */
            border-radius: 0.375em; /* 6px */
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 0.25em 0.375em -0.0625em rgba(0,0,0,0.02);
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .fe-logistics-card:hover {
            transform: translateY(-0.25em); /* -4px */
            box-shadow: 0 0.625em 0.9375em -0.1875em rgba(0,0,0,0.06);
            border-color: #00a3e9;
        }

        /* Фоновый крупный номер шага */
        .fe-logistics-step {
            position: absolute;
            top: 0.75em;
            right: 1em;
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 4em; /* 64px */
            color: rgba(0, 163, 233, 0.06);
            line-height: 1;
            user-select: none;
            pointer-events: none;
            transition: color 0.2s ease;
        }

        .fe-logistics-card:hover .fe-logistics-step {
            color: rgba(0, 163, 233, 0.14);
        }

        .fe-logistics-content {
            position: relative;
            z-index: 2;
        }

        .fe-logistics-title {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.2em; /* ~19px */
            text-transform: uppercase;
            margin: 0 0 0.875em 0;
            color: #0f172a;
            line-height: 1.3;
        }

        .fe-logistics-desc {
            font-size: 0.95em; /* ~15px */
            color: #475569;
            margin: 0;
            line-height: 1.6;
        }

        /* Нижний индикатор линии прогресса */
        .fe-logistics-card::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.25em; /* 4px */
            background-color: #e2e8f0;
            transition: background-color 0.2s ease;
        }

        .fe-logistics-card:hover::after {
            background-color: #00a3e9;
        }
		
		
  .fe-factory-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            position: relative;
            background-color: #0f172a;
            color: #ffffff;
            padding: 5.625em 1.25em 6.875em; /* 90px 20px 110px */
            overflow: hidden;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            border-bottom: 0.25em solid #00a3e9;
        }

        /* Видеофон завода (СВЕТЛЕЕ: прозрачность увеличена, яркость видео повышена) */
        .fe-factory-video-bg {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: 1;
            object-fit: cover;
            filter: grayscale(30%) brightness(0.75); /* Делаем видео сочнее и светлее */
        }

        /* Полупрозрачный легкий оверлей для отличной читаемости текста */
        .fe-factory-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(30, 41, 59, 0.6) 100%);
            z-index: 2;
            pointer-events: none;
        }

        .fe-factory-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
            position: relative;
            z-index: 3;
        }

        /* Верхний бейдж */
        .fe-factory-badge {
            background-color: rgba(0, 163, 233, 0.3);
            color: #38bdf8;
            border: 0.0625em solid rgba(0, 163, 233, 0.5);
            font-size: 0.85em;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.5em 1em;
            border-radius: 0.25em;
            letter-spacing: 0.0938em;
            display: inline-block;
            margin-bottom: 1.5em;
            backdrop-filter: blur(4px);
        }

        /* Сетка контента */
        .fe-factory-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3.75em; /* 60px */
            align-items: center;
            margin-bottom: 4.5em; /* 72px */
        }

        @media (max-width: 64em) {
            .fe-factory-grid {
                grid-template-columns: 1fr;
                gap: 2.5em;
            }
        }

        .fe-factory-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.75em; /* 44px */
            line-height: 1.15;
            text-transform: uppercase;
            margin: 0 0 1em 0;
            color: #ffffff;
            letter-spacing: -0.015em;
            text-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.6);
        }

        @media (max-width: 48em) {
            .fe-factory-title {
                font-size: 1.85em;
            }
        }

        .fe-factory-title span {
            color: #00a3e9;
        }

        .fe-factory-desc {
            font-size: 1.1em; /* ~17.5px */
            line-height: 1.6;
            color: #e2e8f0;
            margin-bottom: 1.5em;
            text-shadow: 0 0.0625em 0.25em rgba(0, 0, 0, 0.8);
        }

        /* Правая колонка с фото-группой */
        .fe-factory-visual-group {
            position: relative;
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 1.25em;
            align-items: center;
        }

        .fe-factory-img-wrapper {
            border-radius: 0.375em;
            overflow: hidden;
            border: 0.0625em solid rgba(255, 255, 255, 0.25);
            box-shadow: 0 0.625em 1.5625em rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(3px);
        }

        .fe-factory-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.3s ease;
        }

        .fe-factory-img-wrapper:hover img {
            transform: scale(1.04);
        }

        /* Декоративный бейдж поверх фото */
        .fe-factory-float-badge {
            position: absolute;
            bottom: -1.25em;
            left: 2em;
            background-color: #00a3e9;
            color: #ffffff;
            padding: 1.25em 1.5em;
            border-radius: 0.375em;
            box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.4);
            font-family: 'Arial Black', sans-serif;
            text-transform: uppercase;
            text-align: center;
            border: 0.125em solid #ffffff;
        }

        .fe-factory-float-badge strong {
            display: block;
            font-size: 1.75em;
            line-height: 1;
            margin-bottom: 0.125em;
        }

        .fe-factory-float-badge span {
            font-size: 0.75em;
            letter-spacing: 0.05em;
            opacity: 0.9;
        }

        /* СЕТКА С ЦИФРАМИ */
        .fe-numbers-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
            gap: 1.875em; /* 30px */
            border-top: 0.0625em solid rgba(255, 255, 255, 0.2);
            padding-top: 3.75em;
            margin-bottom: 3.75em; /* Отступ до кнопки */
        }

        .fe-counter-item {
            background: rgba(15, 23, 42, 0.65);
            border: 0.0625em solid rgba(255, 255, 255, 0.15);
            border-left: 0.25em solid #00a3e9;
            padding: 1.875em;
            border-radius: 0.375em;
            backdrop-filter: blur(5px);
            transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
        }

        .fe-counter-item:hover {
            transform: translateY(-0.25em);
            background: rgba(15, 23, 42, 0.85);
            border-color: rgba(0, 163, 233, 0.6);
        }

        .fe-counter-num {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            color: #ffffff;
            margin-bottom: 0.375em;
            display: flex;
            align-items: center;
            gap: 0.5em;
        }

        .fe-counter-num i {
            color: #00a3e9;
            font-size: 0.8em;
        }

        .fe-counter-text {
            font-size: 0.95em;
            color: #cbd5e1;
            margin: 0;
            line-height: 1.4;
        }

        /* НИЖНЯЯ ПАНЕЛЬ С КНОПКОЙ ПЕРЕХОДА НА СТРАНИЦУ "О ЗАВОДЕ" */
        .fe-factory-action-row {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .fe-btn-about-factory {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.875em;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.95em; /* ~15px */
            text-transform: uppercase;
            letter-spacing: 0.05em;
            text-decoration: none;
            padding: 1.25em 2.75em; /* 20px 44px */
            border-radius: 0.25em; /* 4px */
            transition: all 0.2s ease;
            box-shadow: 0 0.5em 1.5625em rgba(0, 163, 233, 0.35);
            border: none;
        }

        .fe-btn-about-factory:hover {
            background-color: #0087c2;
            transform: translateY(-0.125em); /* -2px */
            box-shadow: 0 0.625em 2em rgba(0, 163, 233, 0.55);
            color: #ffffff;
        }

        .fe-btn-about-factory span {
            transition: transform 0.2s ease;
        }

        .fe-btn-about-factory:hover span {
            transform: translateX(0.375em); /* Сдвиг стрелки */
        }
 .fe-design-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background-color: #ffffff;
            color: #0f172a;
            padding: 5.625em 1.25em 6.875em; /* 90px 20px 110px */
            border-bottom: 0.0625em solid #e2e8f0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            position: relative;
        }

        .fe-design-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
        }

        /* Шапка блока */
        .fe-design-header {
            margin-bottom: 3.75em; /* 60px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-design-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
        }

        @media (max-width: 48em) {
            .fe-design-title {
                font-size: 1.75em;
            }
        }

        .fe-design-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #64748b;
            margin: 0;
            max-width: 55em;
            line-height: 1.6;
        }

        .fe-design-subtitle strong {
            color: #0f172a;
        }

        /* Двухколоночный макет: Слева оффер и условия, Справа интерактивная галерея примеров */
        .fe-design-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 3.75em; /* 60px */
            align-items: center;
        }

        @media (max-width: 64em) {
            .fe-design-grid {
                grid-template-columns: 1fr;
                gap: 2.5em;
            }
        }

        /* Левая колонка: Оффер и преимущества */
        .fe-design-content-box {
            display: flex;
            flex-direction: column;
            gap: 1.5em;
        }

        .fe-design-badge {
            background-color: rgba(0, 163, 233, 0.1);
            color: #00a3e9;
            border: 0.0625em solid rgba(0, 163, 233, 0.3);
            font-size: 0.8em;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.4em 0.8em;
            border-radius: 0.25em;
            letter-spacing: 0.05em;
            display: inline-block;
            align-self: flex-start;
        }

        .fe-design-heading {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.5em; /* ~24px */
            line-height: 1.3;
            color: #0f172a;
            text-transform: uppercase;
            margin: 0;
        }

        .fe-design-desc {
            font-size: 1em; /* 16px */
            line-height: 1.6;
            color: #475569;
            margin: 0;
        }

        /* Список инженерных плюсов */
        .fe-design-features {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 0.75em;
        }

        .fe-design-feature-item {
            display: flex;
            align-items: flex-start;
            gap: 0.75em;
            font-size: 0.95em;
            color: #334155;
            font-weight: 500;
        }

        .fe-design-feature-item i {
            color: #00a3e9;
            font-size: 1.1em;
            margin-top: 0.1em;
        }

        /* Кнопка запроса 3D-макета */
        a.okno_zakaza.fe-btn-design {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.75em;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.9em;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            text-decoration: none;
            padding: 1.125em 2.25em;
            border-radius: 0.25em;
            transition: all 0.2s ease;
            box-shadow: 0 0.375em 1.25em rgba(0, 163, 233, 0.3);
            margin-top: 0.5em;
            align-self: flex-start;
            border: none;
        }

        .fe-btn-design:hover {
            background-color: #0087c2;
            transform: translateY(-0.125em);
            box-shadow: 0 0.5em 1.5625em rgba(0, 163, 233, 0.5);
            color: #ffffff;
        }

        .fe-btn-design span {
            transition: transform 0.2s ease;
        }

        .fe-btn-design:hover span {
            transform: translateX(0.375em);
        }

        /* ПРАВАЯ КОЛОНКА: ИНТЕРАКТИВНАЯ ГАЛЕРЕЯ ПРИМЕРОВ 3D-ПРОЕКТОВ */
        .fe-design-gallery-wrapper {
            background-color: #f1f5f9;
            border: 0.0625em solid #cbd5e1;
            border-radius: 0.5em;
            overflow: hidden;
            box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.05);
        }

        .fe-design-radio {
            display: none;
        }

        .fe-design-slides {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 10;
            overflow: hidden;
            background-color: #0f172a;
        }

        .fe-d-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .fe-d-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Подпись поверх слайда */
        .fe-d-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(15, 23, 42, 0.95), transparent);
            color: #ffffff;
            padding: 1.5em 1.25em 1em;
            font-size: 0.9em;
            font-weight: bold;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        /* Логика переключения слайдов через радиокнопки */
        #d-slide-1:checked ~ .fe-design-slides .fe-ds-1,
        #d-slide-2:checked ~ .fe-design-slides .fe-ds-2,
        #d-slide-3:checked ~ .fe-design-slides .fe-ds-3 {
            opacity: 1;
            visibility: visible;
        }

        /* Кнопки переключения галереи (Табы снизу) */
        .fe-design-tabs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            background-color: #e2e8f0;
            gap: 0.0625em;
        }

        .fe-design-tab-btn {
            background-color: #ffffff;
            border: none;
            padding: 1em 0.5em;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.75em;
            text-transform: uppercase;
            color: #64748b;
            cursor: pointer;
            text-align: center;
            transition: all 0.2s ease;
        }

        .fe-design-tab-btn:hover {
            color: #0f172a;
            background-color: #f8fafc;
        }

        /* Активный таб */
        #d-slide-1:checked ~ .fe-design-tabs label[for="d-slide-1"],
        #d-slide-2:checked ~ .fe-design-tabs label[for="d-slide-2"],
        #d-slide-3:checked ~ .fe-design-tabs label[for="d-slide-3"] {
            background-color: #00a3e9;
            color: #ffffff;
        }
 .fe-faq-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background-color: #f8fafc; /* Светлый чистый фон */
            color: #0f172a;
            padding: 5.625em 1.25em 6.875em; /* 90px 20px 110px */
            border-bottom: 0.0625em solid #e2e8f0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        .fe-faq-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
        }

        .fe-faq-header {
            margin-bottom: 3.125em; /* 50px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-faq-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
            display: flex;
            align-items: center;
            gap: 0.5em;
        }

        @media (max-width: 48em) {
            .fe-faq-title {
                font-size: 1.65em;
            }
        }

        .fe-faq-title i {
            color: #00a3e9;
        }

        .fe-faq-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #64748b;
            margin: 0;
            max-width: 50em;
            line-height: 1.5;
        }

        /* Список аккордеонов */
        .fe-faq-list {
            display: flex;
            flex-direction: column;
            gap: 0.875em; /* 14px */
        }

        .fe-faq-item {
            background-color: #ffffff;
            border: 0.0625em solid #cbd5e1;
            border-radius: 0.375em; /* 6px */
            overflow: hidden;
            box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.03);
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .fe-faq-item:hover {
            border-color: #00a3e9;
            box-shadow: 0 0.25em 0.75em rgba(0, 163, 233, 0.1);
        }

        /* Скрываем нативный чекбокс */
        .fe-faq-input {
            display: none;
        }

        /* Клик-триггер (Заголовок вопроса) */
        .fe-faq-trigger {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.25em 1.5em; /* 20px 24px */
            font-family: 'Arial', sans-serif;
            font-size: 1.05em; /* ~17px */
            color: #0f172a;
            cursor: pointer;
            margin: 0;
            user-select: none;
            line-height: 1.4;
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        .fe-faq-trigger:hover {
            color: #00a3e9;
            background-color: #f1f5f9;
        }

        /* Стрелка-индикатор состояния */
        .fe-faq-trigger::after {
            content: '+';
            font-family: 'Arial Black', sans-serif;
            font-size: 1.5em;
            line-height: 1;
            color: #00a3e9;
            transition: transform 0.3s ease;
            margin-left: 1em;
            flex-shrink: 0;
        }

        /* Скрытый контент ответа */
        .fe-faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s cubic-bezier(0, 1, 0, 1), padding 0.35s ease;
            background-color: #ffffff;
            padding: 0 1.5em;
            border-top: 0em solid transparent;
        }

        .fe-faq-content p {
            font-size: 0.95em; /* ~15px */
            color: #475569;
            line-height: 1.6;
            margin: 0;
            padding-bottom: 1.25em;
        }

        .fe-faq-content strong {
            color: #0f172a;
        }

        /* Состояние РАСКРЫТО при клике на чекбокс */
        .fe-faq-input:checked ~ .fe-faq-trigger {
            background-color: #f1f5f9;
            color: #00a3e9;
            border-bottom: 0.0625em solid #e2e8f0;
        }

        .fe-faq-input:checked ~ .fe-faq-trigger::after {
            content: '−';
            transform: rotate(180deg);
        }

        .fe-faq-input:checked ~ .fe-faq-content {
            max-height: 50em; /* Достаточно большая высота для анимации открытия */
            padding: 1.25em 1.5em;
        }
.modern-projects.fe-projects-section .page_zagolovok::after {
  display: none;
}	


/* Футер страницы Беларуси — стили ограничены .site-footer */
.site-footer {
    font-size: 16px;
    position: relative;
    overflow: hidden;
    padding: 3.75em 0 1.5em;
    background: #0f172a;
    color: #cbd5e1;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
    border-top: 0.25em solid #00a3e9;
}

.site-footer,
.site-footer * {
    box-sizing: border-box;
}

.site-footer .container {
    width: min(100% - 2.5em, 77.5em);
    margin: 0 auto;
}

/* Колонки со ссылками и контактами */
.site-footer .container > [class*="col-"] {
    min-height: 1px;
    padding: 0 1.125em;
}

.site-footer p {
    margin: 0 0 1.25em;
    color: #cbd5e1;
    font-size: 0.95em;
    line-height: 1.75;
}

/* Ссылки */
.site-footer a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #00a3e9;
    text-decoration: none;
}

/* Верхний каталог и справочные ссылки */
.site-footer > .container:first-of-type {
    padding-bottom: 1.5em;
}

.site-footer > .container:first-of-type > [class*="col-"] {
    margin-bottom: 1.25em;
}

.site-footer > .container:first-of-type > [class*="col-"] p a:first-child {
    display: inline-block;
    margin-bottom: 0.7em;
    color: #ffffff;
    font-size: 1.05em;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.site-footer > .container:first-of-type > [class*="col-"] p a:first-child:hover {
    color: #00a3e9;
}

/* Разделитель между навигацией и реквизитами */
.site-footer hr {
    height: 0;
    margin: 1em 0 2em;
    border: 0;
    border-top: 0.0625em solid #334155;
}

/* Нижняя часть футера */
.site-footer > .container:last-of-type {
    padding-top: 1.75em;
    
}

.site-footer > .container:last-of-type > [class*="col-"] {
    margin-bottom: 1.5em;
}

.site-footer > .container:last-of-type p {
    font-size: 0.875em;
    color: #94a3b8;
}

.site-footer > .container:last-of-type a {
    color: #cbd5e1;
}

.site-footer > .container:last-of-type a:hover {
    color: #00a3e9;
}

/* Иконки контактов */
.site-footer .fa {
    width: 1.25em;
    margin-right: 0.35em;
    color: #00a3e9;
    text-align: center;
}

/* Счетчики и виджеты */
.site-footer img,
.site-footer iframe {
    max-width: 100%;
    vertical-align: middle;
}

.site-footer iframe {
    margin-top: 0.75em;
    border: 0;
    border-radius: 0.25em;
}

/* Адаптивность */
@media (max-width: 48em) {
    .site-footer {
        padding-top: 2.75em;
        font-size: 15px;
    }

    .site-footer .container {
        width: min(100% - 1.5em, 77.5em);
    }

    .site-footer .container > [class*="col-"] {
        padding: 0 0.5em;
    }

    .site-footer > .container:first-of-type > [class*="col-"] {
        padding-bottom: 0.75em;
        border-bottom: 0.0625em solid #334155;
    }

    .site-footer > .container:last-of-type {
        padding-top: 1.5em;
    }
}
a.fixed-btn{display: none;}

/* Блок клиентов в индустриальном стиле на клетчатом инженерном фоне */
        .fe-clients-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background-color: #f8fafc;
            /* Инженерный светлый миллиметровый фон в клетку */
            background-image: linear-gradient(rgba(0, 163, 233, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 163, 233, 0.05) 1px, transparent 1px) !important;
			background-size: 40px 40px !important;
            padding: 5.625em 0 6.875em; /* 90px 0 110px */
            border-bottom: 0.0625em solid #e2e8f0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            position: relative;
            overflow: hidden;
        }


        .fe-clients-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
            padding: 0 1.25em;
        }

        /* Шапка блока с заголовочным акцентом и кнопками прокрутки */
        .fe-clients-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 2.5em; /* 40px */
            flex-wrap: wrap;
            gap: 1em;
        }

        .fe-clients-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0;
            color: #0f172a;
            letter-spacing: -0.015em;
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 0.55em; /* 20px */
            line-height: 1.15;
        }

        @media (max-width: 48em) {
            .fe-clients-title {
                font-size: 1.65em;
            }
        }

        /* Кнопки управления прокруткой (работают без jQuery и OwlCarousel) */
        .fe-clients-nav {
            display: flex;
            gap: 0.625em;
        }

        .fe-clients-btn {
            width: 3em;
            height: 3em;
            background-color: #0f172a;
            color: #ffffff;
            border: none;
            border-radius: 0.25em;
            font-size: 1em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.08);
        }

        .fe-clients-btn:hover {
            background-color: #00a3e9;
            transform: translateY(-0.125em);
            box-shadow: 0 0.375em 0.75em rgba(0, 163, 233, 0.35);
        }

        /* Лента карточек (CSS Scroll Snap — 100% надежность без JS библиотек) */
        .fe-clients-track {
            display: flex;
            gap: 1.25em; /* 20px */
            overflow-x: auto;
            scroll-behavior: smooth;
            scroll-snap-type: x mandatory;
            scrollbar-width: none; /* Скрываем скроллбар в Firefox */
            padding: 0.5em 0.25em 1.5em;
        }

        .fe-clients-track::-webkit-scrollbar {
            display: none; /* Скрываем скроллбар в Chrome / Safari */
        }

        /* Карточка клиента */
        .fe-client-card {
            flex: 0 0 calc(16.666% - 1.05em); /* 6 карточек на десктопе */
            scroll-snap-align: start;
            background-color: #ffffff;
            border: 0.0625em solid #cbd5e1;
            border-radius: 0.375em; /* 6px */
            padding: 1.25em 0.875em;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            min-height: 11.5em; /* Единая высота карточек */
            box-shadow: 0 0.25em 0.375em -0.0625em rgba(0, 0, 0, 0.03);
            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
            box-sizing: border-box;
        }

        @media (max-width: 64em) {
            .fe-client-card {
                flex: 0 0 calc(25% - 0.94em); /* 4 карточки на планшете */
            }
        }

        @media (max-width: 40em) {
            .fe-client-card {
                flex: 0 0 calc(50% - 0.625em); /* 2 карточки на смартфонах */
            }
        }

        .fe-client-card:hover {
            transform: translateY(-0.25em);
            border-color: #00a3e9;
            box-shadow: 0 0.625em 1.25em rgba(0, 163, 233, 0.15);
        }

        /* Картинка логотипа */
        .fe-client-img-wrap {
            height: 4.5em;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.75em;
        }

        .fe-client-img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
            filter: grayscale(15%);
            transition: filter 0.2s ease, transform 0.2s ease;
        }

        .fe-client-card:hover .fe-client-img {
            filter: grayscale(0%);
            transform: scale(1.05);
        }

        /* Название клиента */
        .fe-client-name {
            font-size: 0.78em; /* ~12.5px */
            font-weight: 600;
            color: #334155;
            line-height: 1.35;
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
		  .fe-lead-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: #ffffff;
            padding: 6.25em 1.25em; /* 100px 20px */
            position: relative;
            overflow: hidden;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            border-bottom: 0.25em solid #00a3e9;
        }

        /* Фоновый декоративный радиальный свет */
        .fe-lead-section::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(0, 163, 233, 0.15) 0%, rgba(15, 23, 42, 0) 70%);
            pointer-events: none;
        }

        .fe-lead-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 4em;
            align-items: center;
        }

        @media (max-width: 64em) {
            .fe-lead-container {
                grid-template-columns: 1fr;
                gap: 2.5em;
            }
        }

        /* Левая колонка: Оффер и преимущества */
        .fe-lead-info {
            display: flex;
            flex-direction: column;
            gap: 1.5em;
        }

        .fe-lead-badge {
            background-color: rgba(0, 163, 233, 0.2);
            color: #38bdf8;
            border: 0.0625em solid rgba(0, 163, 233, 0.4);
            font-size: 0.8em;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0.4em 0.8em;
            border-radius: 0.25em;
            letter-spacing: 0.05em;
            display: inline-block;
            align-self: flex-start;
        }

        .fe-lead-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0;
            color: #ffffff;
            letter-spacing: -0.015em;
            line-height: 1.15;
        }

        @media (max-width: 48em) {
            .fe-lead-title {
                font-size: 1.65em;
            }
        }

        .fe-lead-title span {
            color: #00a3e9;
        }

        .fe-lead-desc {
            font-size: 1.05em; /* ~17px */
            color: #94a3b8;
            margin: 0;
            line-height: 1.6;
        }

        /* Список гарантий */
        .fe-lead-perks {
            list-style: none;
            padding: 0;
            margin: 0.5em 0 0;
            display: flex;
            flex-direction: column;
            gap: 0.875em;
        }

        .fe-lead-perk-item {
            display: flex;
            align-items: center;
            gap: 0.75em;
            font-size: 0.95em;
            color: #e2e8f0;
            font-weight: 500;
        }

        .fe-lead-perk-item i {
            color: #00a3e9;
            font-size: 1.2em;
        }

        /* Правая колонка: Форма захвата */
        .fe-lead-form-box {
            background-color: #ffffff;
            color: #0f172a;
            padding: 2.5em;
            border-radius: 0.5em;
            box-shadow: 0 1em 2.5em rgba(0, 0, 0, 0.3);
            border-top: 0.3125em solid #00a3e9;
        }

        @media (max-width: 48em) {
            .fe-lead-form-box {
                padding: 1.5em;
            }
        }

        .fe-form-title {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.4em;
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
        }

        .fe-form-subtitle {
            font-size: 0.9em;
            color: #64748b;
            margin: 0 0 1.5em 0;
            line-height: 1.4;
        }

        .fe-form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1em;
            margin-bottom: 1em;
        }

        @media (max-width: 40em) {
            .fe-form-grid {
                grid-template-columns: 1fr;
            }
        }

        .fe-form-group {
            display: flex;
            flex-direction: column;
            gap: 0.35em;
            margin-bottom: 1em;
        }

        .fe-form-group.full-width {
            grid-column: span 2;
        }

        @media (max-width: 40em) {
            .fe-form-group.full-width {
                grid-column: span 1;
            }
        }

        .fe-form-label {
            font-size: 0.85em;
            font-weight: 700;
            color: #334155;
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }

        .fe-form-input, 
        .fe-form-select, 
        .fe-form-textarea {
            width: 100%;
            padding: 0.875em 1em;
            border: 0.0625em solid #cbd5e1;
            border-radius: 0.25em;
            font-size: 0.95em;
            color: #0f172a;
            background-color: #f8fafc;
            transition: all 0.2s ease;
        }

        .fe-form-input:focus, 
        .fe-form-select:focus, 
        .fe-form-textarea:focus {
            outline: none;
            border-color: #00a3e9;
            background-color: #ffffff;
            box-shadow: 0 0 0 0.1875em rgba(0, 163, 233, 0.15);
        }

        .fe-form-textarea {
            resize: vertical;
            min-height: 5em;
        }

        /* Кнопка отправки */
        .fe-form-submit-btn {
            width: 100%;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 1em;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 1.125em 2em;
            border: none;
            border-radius: 0.25em;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 0.375em 1.25em rgba(0, 163, 233, 0.35);
            margin-top: 0.5em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.75em;
        }

        .fe-form-submit-btn:hover {
            background-color: #0087c2;
            transform: translateY(-0.125em);
            box-shadow: 0 0.5em 1.5625em rgba(0, 163, 233, 0.55);
        }

        .fe-form-policy {
            font-size: 0.75em;
            color: #94a3b8;
            text-align: center;
            margin-top: 1em;
            line-height: 1.4;
        }

        .fe-form-policy a {
            color: #64748b;
            text-decoration: underline;
        }

        .fe-form-policy a:hover {
            color: #00a3e9;
        }
		  .fe-geography-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background-color: #0b1120;
            color: #ffffff;
            padding: 5.625em 1.25em 6.875em; /* 90px 20px 110px */
            border-bottom: 0.0625em solid #1e293b;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            position: relative;
            overflow: hidden;
        }

        /* Инженерная сетка-координаты на темном фоне */
        .fe-geography-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(rgba(0, 163, 233, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 163, 233, 0.05) 1px, transparent 1px);
            background-size: 2.5em 2.5em; /* 40px */
            pointer-events: none;
        }

        .fe-geo-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        /* Шапка блока */
        .fe-geo-header {
            margin-bottom: 3.125em; /* 50px */
            border-left: 0.3125em solid #00a3e9;
            padding-left: 1.25em;
        }

        .fe-geo-badge {
            background-color: rgba(0, 163, 233, 0.15);
            color: #38bdf8;
            border: 0.0625em solid rgba(0, 163, 233, 0.35);
            font-size: 0.8em;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0.35em 0.75em;
            border-radius: 0.25em;
            letter-spacing: 0.06em;
            display: inline-block;
            margin-bottom: 1em;
        }

        .fe-geo-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #ffffff;
            letter-spacing: -0.015em;
        }

        @media (max-width: 48em) {
            .fe-geo-title {
                font-size: 1.65em;
            }
        }

        .fe-geo-title span {
            color: #00a3e9;
        }

        .fe-geo-subtitle {
            font-size: 1.05em;
            color: #94a3b8;
            margin: 0;
            max-width: 52em;
            line-height: 1.6;
        }

        /* Главная сетка: Карта слева/в центре + Инфо-панель справа */
        .fe-geo-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 2.5em;
            align-items: center;
        }

        @media (max-width: 64em) {
            .fe-geo-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Интерактивный контейнер карты */
        .fe-map-wrapper {
            position: relative;
            width: 100%;
            aspect-ratio: 700 / 460;
            background: radial-gradient(circle at 60% 50%, rgba(15, 23, 42, 0.95), #060a12);
            border: 0.0625em solid rgba(0, 163, 233, 0.2);
            border-radius: 0.5em;
            overflow: visible;
            box-shadow: 0 1em 2.5em rgba(0, 0, 0, 0.5);
        }

        /* SVG карты Беларуси и траекторий */
        .fe-map-svg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
        }

        /* Силуэт карты Беларуси */
        .fe-by-outline {
            fill: #131c2e;
            stroke: #1e293b;
            stroke-width: 1.5;
            transition: all 0.3s ease;
        }

        .fe-by-region {
            fill: rgba(30, 41, 59, 0.6);
            stroke: rgba(0, 163, 233, 0.25);
            stroke-width: 1;
            transition: fill 0.3s ease;
        }

        .fe-by-region:hover {
            fill: rgba(0, 163, 233, 0.15);
        }

        /* Анимированные светящиеся линии поставок */
        .fe-connection-line {
            fill: none;
            stroke: #00a3e9;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-dasharray: 6 5;
            animation: feDashFlow 28s linear infinite;
            filter: drop-shadow(0 0 4px rgba(0, 163, 233, 0.8));
            opacity: 0.85;
        }

        @keyframes feDashFlow {
            from { stroke-dashoffset: 600; }
            to { stroke-dashoffset: 0; }
        }

        /* Точки на карте (Пины) */
        .fe-map-pin {
            position: absolute;
            transform: translate(-50%, -50%);
            z-index: 10;
            cursor: pointer;
        }

        /* Кружок точки */
        .fe-pin-dot {
            width: 0.75em; /* 12px */
            height: 0.75em;
            border-radius: 50%;
            position: relative;
            z-index: 2;
            transition: transform 0.2s ease;
        }

        .fe-pin-dot-factory {
            background-color: #ef4444; /* Завод Щелково — акцентный красный */
            box-shadow: 0 0 10px #ef4444;
        }

        .fe-pin-dot-city {
            background-color: #00a3e9; /* Города РБ — фирменный лазурный */
            box-shadow: 0 0 8px #00a3e9;
        }

        /* Пульсирующая волна */
        .fe-pin-pulse {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 1.75em;
            height: 1.75em;
            border-radius: 50%;
            pointer-events: none;
            z-index: 1;
            animation: fePulseAnim 2.2s ease-out infinite;
        }

        .fe-pulse-red {
            border: 0.125em solid #ef4444;
        }

        .fe-pulse-blue {
            border: 0.125em solid #00a3e9;
        }

        @keyframes fePulseAnim {
            0% { transform: translate(-50%, -50%) scale(0.4); opacity: 1; }
            100% { transform: translate(-50%, -50%) scale(1.8); opacity: 0; }
        }

        /* Название города над точкой */
        .fe-pin-label {
            position: absolute;
            top: 1em;
            left: 50%;
            transform: translateX(-50%);
            font-family: 'Arial Black', sans-serif;
            font-size: 0.68em;
            color: #cbd5e1;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            white-space: nowrap;
            text-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.9);
            pointer-events: none;
            transition: color 0.2s ease;
        }

        .fe-map-pin:hover .fe-pin-label {
            color: #38bdf8;
        }

        .fe-map-pin:hover .fe-pin-dot {
            transform: scale(1.3);
        }

        /* Всплывающая подсказка (Tooltip) */
        .fe-pin-tooltip {
            position: absolute;
            bottom: 1.75em;
            left: 50%;
            transform: translateX(-50%) translateY(0.5em);
            background-color: #0f172a;
            color: #ffffff;
            border: 0.0625em solid #00a3e9;
            padding: 0.75em 1em;
            border-radius: 0.375em;
            font-size: 0.8em;
            line-height: 1.4;
            white-space: nowrap;
            box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.6);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: all 0.25s ease;
            z-index: 20;
        }

        .fe-pin-tooltip strong {
            display: block;
            color: #38bdf8;
            font-size: 1.05em;
            margin-bottom: 0.2em;
        }

        .fe-pin-tooltip span {
            color: #cbd5e1;
            font-size: 0.9em;
        }

        .fe-map-pin:hover .fe-pin-tooltip {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }

        /* Правая колонка: Преимущества логистики в РБ */
        .fe-geo-facts {
            display: flex;
            flex-direction: column;
            gap: 1.25em;
        }

        .fe-fact-card {
            background: rgba(15, 23, 42, 0.75);
            border: 0.0625em solid #1e293b;
            border-left: 0.25em solid #00a3e9;
            padding: 1.5em;
            border-radius: 0.375em;
            backdrop-filter: blur(4px);
            transition: transform 0.2s ease, border-color 0.2s ease;
        }

        .fe-fact-card:hover {
            transform: translateX(0.25em);
            border-color: #00a3e9;
        }

        .fe-fact-num {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 1.75em;
            color: #ffffff;
            line-height: 1;
            margin-bottom: 0.35em;
            display: flex;
            align-items: center;
            gap: 0.4em;
        }

        .fe-fact-num span {
            color: #00a3e9;
        }

        .fe-fact-text {
            font-size: 0.9em;
            color: #94a3b8;
            line-height: 1.5;
            margin: 0;
        }
		 .fe-standards-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background-color: #ffffff;
            color: #0f172a;
            padding: 5.625em 1.25em 6.25em; /* 90px 20px 100px */
            border-top: 0.0625em solid #e2e8f0;
            border-bottom: 0.0625em solid #e2e8f0;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            position: relative;
        }

        .fe-standards-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
        }

        /* Шапка блока */
        .fe-standards-header {
            margin-bottom: 3.75em; /* 60px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-standards-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
            line-height: 1.15;
        }

        @media (max-width: 48em) {
            .fe-standards-title {
                font-size: 1.65em;
            }
        }

        .fe-standards-title span {
            color: #00a3e9;
        }

        .fe-standards-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #64748b;
            margin: 0;
            max-width: 55em;
            line-height: 1.6;
        }

        .fe-standards-subtitle strong {
            color: #0f172a;
        }

        /* Сетка преимуществ / карточек стандартов (4 колонки) */
        .fe-standards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(17em, 1fr));
            gap: 1.875em; /* 30px */
            margin-bottom: 3.75em; /* 60px */
        }

        .fe-standard-card {
            background-color: #f8fafc;
            border: 0.0625em solid #e2e8f0;
            border-radius: 0.375em;
            padding: 2.1875em 1.75em;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            position: relative;
            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .fe-standard-card:hover {
            transform: translateY(-0.25em);
            border-color: #00a3e9;
            box-shadow: 0 0.625em 1.25em rgba(0, 163, 233, 0.08);
            background-color: #ffffff;
        }

        .fe-standard-icon-wrap {
            width: 3.25em;
            height: 3.25em;
            border-radius: 0.35em;
            background-color: rgba(0, 163, 233, 0.1);
            border: 0.0625em solid rgba(0, 163, 233, 0.25);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.25em;
            color: #00a3e9;
            font-size: 1.25em;
        }

        .fe-standard-card-title {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.15em;
            text-transform: uppercase;
            color: #0f172a;
            margin: 0 0 0.75em 0;
            line-height: 1.3;
        }

        .fe-standard-card-desc {
            font-size: 0.95em;
            color: #475569;
            line-height: 1.6;
            margin: 0;
        }

        /* Нижняя информационная плашка: Готовые документы для госзакупок */
        .fe-standards-banner {
            background-color: #f1f5f9;
            border: 0.0625em solid #cbd5e1;
            border-left: 0.375em solid #00a3e9;
            border-radius: 0.375em;
            padding: 1.875em 2.25em;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2em;
            flex-wrap: wrap;
        }

        .fe-banner-text {
            flex: 1;
            min-width: 18em;
        }

        .fe-banner-heading {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.1em;
            text-transform: uppercase;
            color: #0f172a;
            margin: 0 0 0.35em 0;
        }

        .fe-banner-desc {
            font-size: 0.92em;
            color: #475569;
            line-height: 1.5;
            margin: 0;
        }

        a.okno_zakaza.fe-banner-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.625em;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.85em;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            text-decoration: none;
            padding: 1em 1.75em;
            border-radius: 0.25em;
            transition: all 0.2s ease;
            white-space: nowrap;
            box-shadow: 0 0.25em 0.75em rgba(0, 163, 233, 0.25);
        }

        a.okno_zakaza.fe-banner-btn:hover {
            background-color: #0087c2;
            transform: translateY(-0.125em);
            box-shadow: 0 0.375em 1em rgba(0, 163, 233, 0.45);
            color: #ffffff;
            text-decoration: none;
        }
		 .fe-calc-vat-section {
            font-size: 16px; /* Базовый масштаб EM (1em = 16px) */
            background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
            color: #0f172a;
            padding: 5.625em 1.25em 6.25em; /* 90px 20px 100px */
            border-top: 0.0625em solid #cbd5e1;
            border-bottom: 0.0625em solid #cbd5e1;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            position: relative;
        }

        .fe-calc-vat-container {
            max-width: 77.5em; /* 1240px */
            margin: 0 auto;
        }

        /* Шапка блока */
        .fe-calc-header {
            margin-bottom: 3.75em; /* 60px */
            border-left: 0.3125em solid #00a3e9; /* 5px */
            padding-left: 1.25em; /* 20px */
        }

        .fe-calc-title {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em; /* 36px */
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
            color: #0f172a;
            letter-spacing: -0.015em;
            line-height: 1.15;
        }

        @media (max-width: 48em) {
            .fe-calc-title {
                font-size: 1.65em;
            }
        }

        .fe-calc-title span {
            color: #00a3e9;
        }

        .fe-calc-subtitle {
            font-size: 1.05em; /* ~17px */
            color: #475569;
            margin: 0;
            max-width: 55em;
            line-height: 1.6;
        }

        .fe-calc-subtitle strong {
            color: #0f172a;
        }

        /* Сетка калькулятора */
        .fe-calc-grid {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 2.5em;
            align-items: stretch;
        }

        @media (max-width: 64em) {
            .fe-calc-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Левая карточка */
        .fe-calc-panel-left {
            background-color: #ffffff;
            border: 0.0625em solid #cbd5e1;
            border-radius: 0.5em;
            padding: 2.5em;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.04);
        }

        @media (max-width: 48em) {
            .fe-calc-panel-left {
                padding: 1.5em;
            }
        }

        .fe-calc-group {
            margin-bottom: 2em;
            display: block !important;
            width: 100% !important;
        }

        /* Четкая строка заголовка с текущим значением */
        .fe-calc-label-row {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            width: 100% !important;
            margin-bottom: 0.875em !important;
        }

        .fe-calc-label {
            font-family: 'Arial Black', sans-serif;
            font-size: 0.95em;
            text-transform: uppercase;
            color: #0f172a;
            margin: 0;
        }

        .fe-calc-value-badge {
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 1.1em;
            padding: 0.3em 0.8em;
            border-radius: 0.25em;
            box-shadow: 0 0.125em 0.375em rgba(0, 163, 233, 0.3);
            white-space: nowrap;
        }

        /* Ползунок (Range input) на отдельной строке */
        .fe-range-wrapper {
            width: 100% !important;
            margin: 0.75em 0 !important;
            display: block !important;
        }

        .fe-range-input {
            display: block !important;
            width: 100% !important;
            height: 0.5em;
            background: #cbd5e1;
            border-radius: 0.25em;
            outline: none;
            -webkit-appearance: none;
            cursor: pointer;
            margin: 0 !important;
        }

        .fe-range-input::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 1.5em;
            height: 1.5em;
            border-radius: 50%;
            background: #00a3e9;
            cursor: pointer;
            box-shadow: 0 0.125em 0.375em rgba(0, 163, 233, 0.5);
            transition: transform 0.1s ease;
        }

        .fe-range-input::-webkit-slider-thumb:hover {
            transform: scale(1.15);
        }

        /* Подписи под ползунком (Мин и Макс на своей строке снизу) */
        .fe-calc-scale-hints {
            display: flex !important;
            justify-content: space-between !important;
            width: 100% !important;
            font-size: 0.82em;
            color: #64748b;
            margin-top: 0.625em !important;
            font-weight: 700;
        }

        /* Переключатель валюты */
        .fe-currency-toggle {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.75em;
        }

        .fe-curr-btn {
            background-color: #f8fafc;
            border: 0.0625em solid #cbd5e1;
            padding: 0.75em;
            border-radius: 0.25em;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.85em;
            text-transform: uppercase;
            color: #475569;
            cursor: pointer;
            text-align: center;
            transition: all 0.2s ease;
        }

        .fe-curr-btn.active {
            background-color: #0f172a;
            color: #ffffff;
            border-color: #0f172a;
            box-shadow: 0 0.25em 0.5em rgba(15, 23, 42, 0.25);
        }

        .fe-curr-btn:hover:not(.active) {
            border-color: #00a3e9;
            color: #0f172a;
            background-color: #ffffff;
        }

        /* Правая темная карточка */
        .fe-calc-panel-right {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: #ffffff;
            border-radius: 0.5em;
            padding: 2.5em;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 0.75em 2em rgba(0, 0, 0, 0.15);
            border-top: 0.3125em solid #00a3e9;
        }

        @media (max-width: 48em) {
            .fe-calc-panel-right {
                padding: 1.5em;
            }
        }

        .fe-result-title {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.1em;
            text-transform: uppercase;
            color: #38bdf8;
            margin: 0 0 1.25em 0;
            letter-spacing: 0.03em;
        }

        .fe-result-rows {
            display: flex;
            flex-direction: column;
            gap: 1em;
            margin-bottom: 1.5em;
            border-bottom: 0.0625em solid rgba(255, 255, 255, 0.15);
            padding-bottom: 1.5em;
        }

        .fe-res-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.95em;
        }

        .fe-res-label {
            color: #94a3b8;
        }

        .fe-res-val {
            font-family: 'Arial Black', sans-serif;
            font-size: 1.1em;
            color: #ffffff;
        }

        .fe-res-val.old-price {
            text-decoration: line-through;
            color: #cbd5e1;
            font-size: 1em;
        }

        .fe-saving-box {
            background-color: rgba(0, 163, 233, 0.15);
            border: 0.0625em solid rgba(0, 163, 233, 0.4);
            padding: 1.25em;
            border-radius: 0.375em;
            text-align: center;
            margin-bottom: 1.5em;
        }

        .fe-saving-title {
            font-size: 0.8em;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: #38bdf8;
            margin-bottom: 0.25em;
            font-weight: 700;
        }

        .fe-saving-amount {
            font-family: 'Arial Black', Impact, sans-serif;
            font-size: 2.25em;
            color: #ffffff;
            line-height: 1;
        }

        .fe-calc-btn-submit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.75em;
            background-color: #00a3e9;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            font-size: 0.9em;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            text-decoration: none;
            padding: 1.125em 2em;
            border-radius: 0.25em;
            transition: all 0.2s ease;
            box-shadow: 0 0.375em 1em rgba(0, 163, 233, 0.4);
            text-align: center;
        }

        .fe-calc-btn-submit:hover {
            background-color: #0087c2;
            transform: translateY(-0.125em);
            box-shadow: 0 0.5em 1.5em rgba(0, 163, 233, 0.6);
            color: #ffffff;
            text-decoration: none;
        }

        .fe-calc-footer-note {
            font-size: 0.78em;
            color: #94a3b8;
            text-align: center;
            margin-top: 1em;
            line-height: 1.4;
        }