#g-navigation .g-toplevel > li > .g-menu-item-container, 
#g-navigation .g-sublevel > li > .g-menu-item-container{
    font-weight: 400;
}

#g-header{
    padding: 0 !important;
    z-index: 1;
}
#g-navigation{
    padding: 0 !important;
    width: 100%;
}
section{
    padding: 2em 0 !important;
}
section, footer{
    position: relative;
    z-index: 1;
}
#g-header.header-absolute{
    margin-top: -100px;
}

body.nav-unfixing #g-header.header-absolute,
body.fixed-navigation #g-header.header-absolute{
    margin-top: 0;
}

body.fixed-navigation #g-navigation {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    animation: slideInDown 0.4s forwards ease-out;
}
body.fixed-navigation .g-offcanvas-toggle{
    transform: translateY(0);
    transition: none;
    position: fixed;
    animation: slideInOffcanvasDown 0.4s forwards ease-out;
}

body.nav-unfixing #g-navigation {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: white;
    animation: slideOutUp 0.4s forwards ease-in;
}
body.nav-unfixing .g-offcanvas-toggle{
    transform: translateY(0);
    transition: none;
    position: fixed;
    animation: slideOutOffcanvasUp 0.4s forwards ease-out;
}
body.fixed-navigation  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container,
body.nav-unfixing  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
    color: black;
}

@keyframes slideInDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
@keyframes slideOutUp {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
@keyframes slideInOffcanvasDown {
    from { transform: translateY(-100px); }
    to { transform: translateY(0); }
}
@keyframes slideOutOffcanvasUp {
    from { transform: translateY(0); }
    to { transform: translateY(-100px); }
}
@keyframes slideInStatic {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}


@media (max-width: 768px) {
    
    #g-header.header-absolute{
        margin-top: -80px;
    }
}



/* Цвет текста активного пункта */
#g-navigation .g-menu-item.g-selected .g-menu-item-title,
#g-navigation .g-menu-item.active .g-menu-item-title {
    color: #99864b !important;
    border: none;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content{
    box-shadow: none;
}
/* Опционально: золотая линия под активным пунктом */
#g-navigation .g-menu-item .g-menu-item-container {
    position: relative;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scaleX(0); }
    to { opacity: 1; transform: scaleX(1); }
}

/* Включаем плавную прокрутку для всей страницы */
html {
    scroll-behavior: smooth;
}

/* Настраиваем отступ для каждой секции, у которой есть ID */
/* 120px — это примерная высота вашей фиксированной шапки + запас */
[id] {
    scroll-margin-top: 100px;
}

/* Если вы используете Gantry, можно таргетировать именно секции */
.g-wrapper [id] {
    scroll-margin-top: 100px;
}


.efl-root{
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0px 0px 10px -5px #0006;
    padding: 10px;
    border-radius: 10px;
}
.efl-root ul{
    margin: 0 1.5em;
}
.efl-root ul li{
    
}

#g-page-surround{
    transform: none !important;
}
#g-offcanvas{
    z-index: 1000000;
    transition: 0.5s all ease;
    display: block;
}
html:not(.g-offcanvas-open) #g-offcanvas{
    transform: translateX(-100%);
}
html.g-offcanvas-open #g-offcanvas{
    transform: translateX(0%);
}
@media (min-width: 768px) {
    #g-navigation .g-main-nav .g-toplevel > li.right-aligned{
        float: right;
        margin-top: 10px;
    }
}