:root {
            --bg-main: #1a2634;
            --text-gold: #d4af37;
            --text-gold-light: #e8c670;
            --accent-dark: #0f1821;
            --btn-gold: #d4af37;
            --btn-gold-hover: #e8c670;
            --overlay: rgba(26,38,52,0.65);
            --border: #2a3b4e;
			  }
        body {
            background-color: var(--bg-main);
            color: var(--text-gold);
            font-family: 'Arial', sans-serif;
            min-height: 100vh;
            margin: 0;
            padding: 0;
        }
        .container {
            padding: 60px 15px 80px;
            max-width: 1400px;
        }
        h1 {
            color: var(--text-gold);
            text-shadow: 0 1px 4px rgba(0,0,0,0.7);
            text-align: center;
            margin-bottom: 3rem;
        }
        .quote-section {
            background: #14202c;
            border: 1px solid #2a3b4e;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0,0,0,0.6);
        }
        .form-side {
            padding: 3rem 2.5rem;
        }
        .image-side {
            position: relative;
            overflow: hidden;
        }
        .image-side img {
            width: 100%;
            height: 100%;               /* заполняет всю высоту блока */
            object-fit: cover;          /* растягивает/обрезает без искажения */
            object-position: center;    /* центр фокуса */
            transition: transform 0.4s ease;
        }
        .image-side:hover img {
            transform: scale(1.05);     /* лёгкое увеличение при наведении */
        }
        .form-control, .form-select {
            background: #0f1821;
            border: 1px solid #2a3b4e;
            color: var(--text-gold);
        }
        .form-control:focus, .form-select:focus {
            border-color: var(--text-gold);
            box-shadow: 0 0 0 0.25rem rgba(212,175,55,0.25);
        }
        .form-control::placeholder {
            color: rgba(212,175,55,0.5);
        }
        .form-label {
            color: var(--text-gold);
            font-weight: 500;
        }
        .btn-submit {
            background-color: var(--btn-gold);
            color: var(--accent-dark);
            font-weight: bold;
            border: none;
            padding: 0.85rem 2rem;
            font-size: 1.15rem;
            transition: all 0.3s;
            width: 100%;
        }
        .btn-submit:hover {
            background-color: var(--btn-gold-hover);
            transform: translateY(-2px);
        }
        .invalid-feedback {
            color: #ff6b6b;
        }
        .is-invalid {
            border-color: #ff6b6b !important;
        }
        .form-check-input:checked {
            background-color: var(--text-gold);
            border-color: var(--text-gold);
        }
        footer {
            background: var(--accent-dark);
            color: var(--text-gold);
            text-align: center;
            padding: 2.5rem 0;
            margin-top: auto;
        }
        footer a {
            color: var(--text-gold-light);
        }
        @media (max-width: 991px) {
            .image-side {
                min-height: 400px;          /* минимальная высота фото на мобильных */
            }
            .form-side {
                padding: 2rem 1.5rem;
            }
            .quote-section .row > div:first-child {
                order: 2;
            }
            .quote-section .row > div:last-child {
                order: 1;
            }
        }

        /* Полупрозрачная фиксированная шапка */
        .navbar {
            background: rgba(15,24,33,0.65) !important;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(42,59,78,0.4);
            transition: background 0.3s;
        }
        .navbar.scrolled {
            background: rgba(15,24,33,0.92) !important;
        }
        .nav-link {
            color: var(--text-gold) !important;
            font-weight: 600;
            text-shadow: 0 1px 3px rgba(0,0,0,0.6);
        }
        .navbar-brand img {
            height: 50px;
        }
        .btn-quote {
            background: var(--btn-gold);
            color: var(--accent-dark) !important;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0,0,0,0.4);
        }

        /* Hero блок с видео-фоном (после меню) */
        #hero {
            position: relative;
            min-height: 80vh;               /* высота hero — можно увеличить до 100vh */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            overflow: hidden;
        }
        #hero-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -2;
        }
        .hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(26,38,52,0.4), var(--overlay));
            z-index: -1;
        }
        .hero-content {
            position: relative;
            z-index: 2;
            padding: 2rem;
            max-width: 1000px;
        }
        .hero-content h1 {
            font-size: 4.2rem;
            font-weight: 800;
            text-shadow: 0 4px 16px rgba(0,0,0,0.8);
            margin-bottom: 1.2rem;
        }
        .hero-content .lead {
            font-size: 1.8rem;
            text-shadow: 0 2px 10px rgba(0,0,0,0.75);
            margin-bottom: 2rem;
        }
        .hero-content .badges {
            font-size: 1.4rem;
            opacity: 0.9;
            margin-bottom: 2.5rem;
        }

        /* Обычные секции ниже hero */
        .section {
            padding: 10px 0;
            background: var(--bg-main);
        }
        .section-title {
            text-align: center;
            margin-bottom: 3rem;
            font-weight: 700;
            text-shadow: 0 1px 4px rgba(0,0,0,0.7);
        }

        @media (max-width: 992px) {
            .hero-content h1 { font-size: 3.2rem; }
            .hero-content .lead { font-size: 1.5rem; }
        }
        @media (max-width: 576px) {
            #hero { min-height: 70vh; }
            .hero-content h1 { font-size: 2.6rem; }
        }
		/* Mega Menu для Услуг */
        .dropdown-mega .dropdown-menu {
            width: 100vw !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin-top: 0;
            padding: 2.5rem 0;
            background: var(--bg-main);
            border: none;
            border-top: 1px solid var(--border);
            box-shadow: 0 10px 30px rgba(0,0,0,0.6);
        }
        .mega-content {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }
        .service-preview {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s;
            color: var(--text-gold);
            text-decoration: none;
            display: block;
            height: 100%;
        }
        .service-preview:hover {
            transform: translateY(-8px);
            border-color: var(--text-gold);
            box-shadow: 0 12px 30px rgba(212,175,55,0.15);
        }
        .service-preview img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }
        .service-preview .content {
            padding: 1.4rem;
        }
        .service-preview h5 {
            font-size: 1.25rem;
            margin-bottom: 0.7rem;
        }
        .service-preview p {
            font-size: 0.95rem;
            opacity: 0.85;
            margin-bottom: 1rem;
        }

        .section {
            padding: 100px 0;
            background: var(--bg-main);
        }
        .section-title {
            text-align: center;
            margin-bottom: 3rem;
            font-weight: 700;
            text-shadow: 0 1px 4px rgba(0,0,0,0.7);
        }

        @media (max-width: 991px) {
            .dropdown-mega .dropdown-menu {
                width: 100% !important;
                left: 0 !important;
                transform: none !important;
            }
        }
		
		/* Стилизация hamburger-иконки в мобильной версии */
.navbar-toggler {
    border: none !important;                    /* убираем стандартную рамку */
    padding: 0.5rem 0.75rem;
    transition: all 0.3s ease;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

/* Сама иконка (три полоски) */
.navbar-toggler-icon {
    background-image: none !important;          /* убираем дефолтный фон Bootstrap */
    width: 30px;
    height: 22px;
    position: relative;
    display: inline-block;
}

/* Создаём золотистые полоски вручную */
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon span {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;                               /* толщина полоски */
    background-color: var(--text-gold);         /* золотой цвет */
    border-radius: 2px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);     /* лёгкая тень для объёма */
}

.navbar-toggler-icon::before {
    top: 0;
}

.navbar-toggler-icon span {
    top: 50%;
    transform: translateY(-50%);
}

.navbar-toggler-icon::after {
    bottom: 0;
}

/* Hover / active эффект — чуть ярче золото */
.navbar-toggler:hover .navbar-toggler-icon::before,
.navbar-toggler:hover .navbar-toggler-icon span,
.navbar-toggler:hover .navbar-toggler-icon::after,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    background-color: var(--text-gold-light);   /* #e8c670 — более яркий оттенок */
    box-shadow: 0 2px 6px rgba(212,175,55,0.4);
}

/* На очень маленьких экранах делаем иконку чуть больше */
@media (max-width: 576px) {
    .navbar-toggler-icon {
        width: 34px;
        height: 26px;
    }
    
    .navbar-toggler-icon::before,
    .navbar-toggler-icon span,
    .navbar-toggler-icon::after {
        height: 3.5px;
    }
}
.accordion-item {
    background: #14202c;
    border: 1px solid #2a3b4e !important;
    margin-bottom: 1rem;
    border-radius: 8px !important;
    overflow: hidden;
}

.accordion-button {
    background: #14202c !important;
    color: var(--text-gold) !important;
    font-weight: 600;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background: #1a2634 !important;
    color: var(--text-gold-light) !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-body {
    background: #0f1821;
    color: var(--text-gold);
}
/* Применяется ко всем параграфам и спискам внутри секции */
.section p,
.section li,
.text-justify {
    text-align: justify;
    hyphens: auto;                /* автоматические переносы слов (очень рекомендуется) */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

/* Для лучшего вида можно добавить небольшой отступ между словами */
.text-justify {
    text-align: justify;
    text-justify: inter-word;     /* распределяет пробелы равномерно */
    hyphens: auto;
}