@font-face {
    font-family: 'Batang';
    src: url('../fonts/Batang.woff2') format('woff2'),
         url('../fonts/Batang.woff') format('woff'),
         url('../fonts/Batang.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mincho';
    src: url('../fonts/Mincho.woff2') format('woff2'),
         url('../fonts/Mincho.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #EFEFEF;
    font-family: 'Batang', serif !important;
}

main {
    flex-grow: 1;
}

.navbar {
/*    font-family: 'Batang', serif !important;*/
    /*position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1050;
     color: #F3F3F3;
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

.production-text {
    display: block; /* Переносит на новую строку */
    font-size: 16px;
    text-align: end; /* Выравнивание */

}

.navbar-fluid{
    margin-left: 20px;
    margin-right: 20px;
}

.container-content {
    /*padding-top: 70px; */
    transition: padding-top 0.3s ease-in-out;
}

/* Стили для меню */

.navbar-collapse {
    /*position: fixed;*/
    color: white;
    top: 70px; /* Отступ под навбар */
/*    font-family: 'Batang', sans-serif !important;*/
    font-size: 30px;
    left: 0;
    width: 100%;
    height: 100vh;
    /*background: rgba(255, 255, 255, 0.95);*/
    display: none;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.navbar-toggler{
    border: none;
    background: transparent;
    outline: none;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
}

.toggler-icon {
    display: block;
    width: 30px;
    height: 1px;
    background: black;
    transition: transform 0.3s, opacity 0.3s, background 0.3s;
}

/* Убираем фокусную обводку при фокусе */

.navbar-toggler:focus {
    outline: none !important; /* Убираем обводку */
    box-shadow: none !important; /* Убираем тень, если она есть */
}

.navbar-toggler.open .toggler-icon:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.navbar-toggler.open .toggler-icon:nth-child(2) {
    opacity: 0;
}

.navbar-toggler.open .toggler-icon:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

/* Когда меню открыто */

.navbar-collapse.show {
    transform: translateY(0);
    display: block;
}

/* Пункты меню */

.navbar-nav {
    text-align: center;

}

.nav-link {
    padding: 0;
}

.nav-item {
    margin: 5px 0;
}

/* Сдвиг контента вниз при открытии */
.menu-open .container-content {
    padding-top: 100vh;
}


/*Главная страница */

.service-card {
    position: relative;
    overflow: hidden;
    /*border-radius: 10px;*/
    transition: transform 0.3s ease-in-out;
}

.service-image {
    position: relative;
    width: 100%;
    height: 550px; /* Фиксированная высота для всех карточек */
    overflow: hidden;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Обрезает изображение, заполняя контейнер */
    display: block;
    /*border-radius: 0px;*/
    transition: transform 0.3s ease-in-out;
}

.service-card:hover img {
    transform: scale(1.1);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    /*border-radius: 10px;*/
}

.service-card:hover .overlay {
    opacity: 1;
}

.overlay-text {
/*    font-family: 'Batang', serif !important;*/
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 10px;
}


/* страница проекта */
.project-detail-text{
    
/*    font-family: 'Batang', serif !important;*/
    font-size: 18px;
    font-weight: normal;
    
}
.img-fluid {
    max-width: 80%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.mb-4 {
/*    margin-bottom: 1.5rem !important;*/
}

/*video {*/
/*    !*display: block;*!*/
/*    width: 500px !important;*/
/*    height: 450px !important;*/
/*    margin: 20px auto; !* Центрируем *!*/
/*}*/

.video-wrapper {
    max-width: 800px;  /* Ограничиваем ширину */
    margin: 20px auto; /* Центрируем */
}

video {
    width: 100%; 
    height: 550px; 
    display: block;
}


/* Страница контактов */

.contact-row{
    display: block;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.contact-column{
    padding-top: 100px;
    justify-content: center;
    text-align: center;
/*    font-family: 'Batang', serif !important;*/
    font-size: 24px;
}

.contact-divider {
    border: none;
    height: 1px;
    background: #4A4A4A !important;
    margin: 20px auto; /* Центрируем линию */
    width: 30%; 
    display: block;
}

.contact-head{
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 30px;
}
.contact-name{
    font-size: 21px;
    font-weight: normal;

}

.contact-phone-row{
/*    font-family: 'Batang', serif !important;*/
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.contact-email{
/*    font-family: 'Batang', serif !important;*/
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
    padding: 0;
}

/* Об Ольге */

.about-image {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.about-image img {
    max-width: 40%; /* Уменьшение размера фото */
    height: auto; /* Сохранение пропорций */
    /*border-radius: 10px; ! */
}

.about-row{
    display: flex;
    justify-content: center;
}

.about-text{
/*    font-family: 'Batang', serif !important;*/
}


.contact-icons {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 10px;
}

.contact-icons a {
    font-size: 20px;
    color: #333;
    transition: color 0.3s ease;
}

.telegram-icon {
    color: #0088cc;
}

.email-icon {
    color: #6c757d;
}

.telegram-icon:hover {
    color: #005f99;
}

.email-icon:hover {
    color: #444;
}


/* Футер  */

.copyright-text{
/*    font-family: 'Batang', serif !important;*/
    color: black;
    font-size: 12px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #EFEFEF !important;
    text-align: center;
    display: flex; /* Делаем контейнер flex-контейнером */
    align-items: center; /* Выравниваем содержимое по вертикали */
    justify-content: center;

}

.copyright-text-row{
    width: 100%;
}


.copyright-text p {
    margin: 0; /* Убираем отступы у параграфа */
}





/* Адаптив  */

@media (max-width: 1024px) {

    /* .project-detail-text{*/
    /*    margin-left: 440px;*/
    /*}*/
}

@media (max-width: 992px) {

    /* .project-detail-text{*/
    /*    margin-left: 340px;*/
    /*}*/
}

@media (max-width: 768px) {

    .navbar-brand{
        padding-top: 30px;
    }

    .navbar-collapse {
        margin-top: 40px;
        font-size: 25px;
    }

    /*.project-detail-text{*/
    /*    margin-left: 340px;*/
    /*}*/

    .about-image img {
        max-width: 53%; /* Уменьшение размера фото */

    }
}

@media (max-width: 576px) {

    /*.project-detail-text{*/
    /*    margin-left: 90px;*/
    /*}*/

}