.elementor-3847 .elementor-element.elementor-element-9bfba47{--display:flex;--min-height:50px;}.elementor-3847 .elementor-element.elementor-element-9bfba47:not(.elementor-motion-effects-element-type-background), .elementor-3847 .elementor-element.elementor-element-9bfba47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5B1A33;}.elementor-3847 .elementor-element.elementor-element-7524efe > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-3847 .elementor-element.elementor-element-bfbff9a{--display:flex;--min-height:37px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3847 .elementor-element.elementor-element-bfbff9a:not(.elementor-motion-effects-element-type-background), .elementor-3847 .elementor-element.elementor-element-bfbff9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5B1A33;}.elementor-3847 .elementor-element.elementor-element-b188787 > .elementor-widget-container{margin:0px 0px 0px 66px;padding:0px 0px 0px 0px;}.elementor-3847 .elementor-element.elementor-element-095bb2c{--display:flex;}.elementor-3847:not(.elementor-motion-effects-element-type-background), .elementor-3847 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5B1A33;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3847 .elementor-element.elementor-element-bfbff9a{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-7524efe *//* ===================================================
   BOUTIQUE HEADER NAVIGATION (SAFE COLLISION-FREE)
=================================================== */

/* 1. БАЗОВЫЙ ДЕСКТОПНЫЙ ВИД (Большие мониторы от 1200px) */
.header-links {
    display: flex;
    justify-content: flex-end; /* Ссылки меню прижаты к правому краю */
    align-items: center;
    gap: 40px; /* Элегантный отступ между пунктами меню */
    font-family: 'Cinzel', serif;
    font-size: 15px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #BFA06A;
    width: 100%;
    box-sizing: border-box;
    /* БЕЗОПАСНОСТЬ: Создаем слева пустую зону, где спокойно живет кнопка Menu */
    padding-left: 160px; 
}

/* Логотип на десктопе */
.header-links .nav-logo {
    display: block;
    width: 90px; /* Фиксированная безопасная ширина */
    height: auto;
    /* Выталкивает логотип максимально влево, но упирается в наш безопасный padding-left */
    margin-right: auto; 
    box-sizing: border-box;
}

/* Картинка внутри логотипа */
.header-links .nav-logo img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
   
}

/* Ссылки */
.header-links a {
    color: #BFA06A;
    text-decoration: none;
    transition: opacity 0.3s ease;
}
.header-links a:hover {
    opacity: 0.7;
}

/* Вспомогательный текст */
.header-links .nav-meta {
    font-family: 'Garamond', serif;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-transform: none;
}


/* ===================================================
   2. СРЕДНИЕ ЭКРАНЫ И ПЛАНШЕТЫ (От 769px до 1199px)
   Именно тут всё заползало. Теперь тут абсолютная безопасность.
=================================================== */
@media (max-width: 1199px) and (min-width: 769px) {
    .header-links {
        gap: 20px; /* Сужаем меню, чтобы всё точно поместилось */
        font-size: 13px; /* Чуть меньше шрифт */
        padding-left: 150px; /* Четкая граница: логотип не сдвинется левее этой точки */
    }
    
    .header-links .nav-logo {
        width: 110px; /* Делаем логотип чуть компактнее на небольших экранах */
        margin-right: auto;
    }
}


/* ===================================================
   3. МОБИЛЬНАЯ ВЕРСИЯ (До 768px) — СТРОГО ТВОЙ ВАРИАНТ
   Здесь ничего не изменено, расположение полностью из твоего ТЗ.
=================================================== */
@media (max-width: 768px) {
    .header-links {
        display: flex !important;
        align-items: center !important; /* Центрирование по вертикали */
        gap: 20px !important; /* Компактный отступ между лого и каталогом */
        padding-left: 0 !important; /* На мобилке сбрасываем левый отступ */
    }

    /* Маленький аккуратный логотип слева */
    .header-links .nav-logo {
        display: flex !important;
        align-items: center;
        width: 55px !important; /* Твой идеальный размер */
        margin-left: 144px !important;
    }

    .header-links .nav-logo img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
       
    }

    /* Каталог справа */
    .header-links .nav-catalog {
        display: block !important;
        font-size: 12px;
        letter-spacing: 0.16em;
    }

    /* Скрываем всё остальное */
    .header-links .nav-story,
    .header-links .nav-meta {
        display: none !important;
    }
}/* End custom CSS */