.auth_block {
    position: absolute;
    right: 10px;
    top:0px;
    z-index: 9;
   display:block; margin-right:15px;
}
.auth_block a { display:inline-block;
font-weight: normal;
color: #fff; text-decoration:none; padding:0px; margin:0px 1px; float:none!important; }

.auth_logout { display:none!important;  } 
[data-hotengine-marking-userid] .auth_login {display:none!important; }
[data-hotengine-marking-userid] .auth_my_orders{ display:inline-block!important; }
[data-hotengine-marking-userid] .auth_logout{ display:inline-block!important; }



.hn-fixed-nav {
    position: fixed; top: 0; left: 0; z-index: 1000;
    width: 100%; height: 40px;
    background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #cfcfcf;
    backdrop-filter: blur(5px); font-family: "Roboto Condensed", sans-serif;
    transition: top 0.3s;
}

@media (max-width: 700px) {
    body.hotengine-footpanel-vertical-body .hn-fixed-nav { top: 50px; }
}

.hn-nav-inner { display: flex; align-items: center; width: 100%; height: 100%; transition: padding-left 0.3s; }
body.hotengine-footpanel-vertical-body .hn-nav-inner { padding-left: 50px; }

@media (max-width: 767px) {
    .hotengine-wrapper-hotengine-footpanel-vertical .hn-nav-inner { padding-left: 300px; }
}

.hn-logo-main { font-size: 20px !important; color: #378dca !important; margin: 0 20px; text-decoration: none !important; flex-shrink: 0; }
.hotengine-mainmenu-mobile-icon { 
    display: flex; 
    flex-direction: column; 
    cursor: pointer; 
    margin: 0 15px; 
    width: 40px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    box-sizing: unset;
    float: left;
    position: relative;
    margin: 5px 10px 5px 10px;
    gap: 4px; 
    z-index: 1001; 
    background-color: rgba(55, 141, 202, 0.08) !important;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}

.hotengine-mainmenu-mobile-icon span { 
    display: block; 
    height: 1px; 
    background: #959595 !important;
    width: 60%; 
    transition: background 0.2s;
    text-align: center !important;
}


.hotengine-mainmenu-mobile-icon:hover {
    background-color: rgba(55, 141, 202, 0.15) !important;
}

.hotengine-mainmenu-mobile-icon:hover span {
    background: #2c76ab;
}


.hotengine-mainmenu-mobile-icon:active {
    background-color: rgba(55, 141, 202, 0.25) !important;
}

#hn-overlay {
    position: fixed; top: 0; left: 0; min-height: 100vh; height: 100%; width: 100%;
    background: #000; opacity: 0.1; z-index: 999; display: none;
}
#hn-overlay.active { display: block; }

.hn-mobile-only-nav { display: none; }

@media (min-width: 992px) {
    .hn-menu-container { display: flex; align-items: center; flex-grow: 1; height: 100%; }
    .hn-menu-item { position: relative; height: 100%; }
    
    .hn-menu-item > a, .hn-menu-container > a {
        color: #000; font-size: 14px; padding: 0 15px; min-height: 32px;
        display: flex; align-items: center; text-decoration: none !important;
        position: relative; transition: color 0.2s; margin: 4px 2px;
    }

    .hn-menu-item > a::before, .hn-menu-container > a::before {
        content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 0; height: 0; background: rgba(55, 141, 202, 0.08);
        border-radius: 6px; transition: all 0.2s; z-index: -1;
    }

    .hn-menu-item:hover > a::before, .hn-menu-container > a:hover::before {
        width: 100%; height: 100%;
    }

    .hn-drop {
        position: absolute; top: 40px; left: 0; background: #fff; min-width: 220px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.1); border: 1px solid #cfcfcf; border-top: none;
        display: none; padding: 5px 0; text-align: left;
    }

    .hn-menu-item:hover .hn-drop { display: block; }
    .hn-drop a, .hn-sub-title { 
        display: block; padding: 8px 15px; color: #444 !important; 
        font-size: 13px; text-decoration: none !important; text-align: left; 
    }
    .hn-drop a:hover { background: #f8f9fa; color: #378dca !important; }

    .hn-sub-level { position: relative; }
    .hn-sub-title::after { 
        content: ""; 
        display: inline-block;
        width: 5px; height: 5px;
        border-right: 1.5px solid #999;
        border-bottom: 1.5px solid #999;
        transform: rotate(-45deg);
        float: right; margin-top: 5px; margin-left: 10px;
    }
    .hn-sub-drop { position: absolute; left: 100%; top: -5px; background: #fff; border: 1px solid #cfcfcf; min-width: 200px; display: none; }
    .hn-sub-level:hover .hn-sub-drop { display: block; }
}

.hn-menu-container.active {
    display: block !important; position: fixed; 
    top: 0; left: 0; width: 100%; max-width: 400px; 
    height: 100vh; background: #000000f2 !important;
    z-index: 1000000; overflow-y: auto; padding: 0;
}

@media (max-width: 700px) {
    body.hotengine-footpanel-vertical-body .hn-menu-container.active { top: 0px; height: calc(100vh - 50px); }
    .hn-menu-container.active { max-width: 100%; }
}

.hn-mobile-header {
    display: flex !important; align-items: center; justify-content: flex-end;
    padding: 10px 20px; background: rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.1);
}

.hn-mobile-close-btn { color: #fff; cursor: pointer; font-size: 14px; display: inline-block; }
.hn-mobile-close-btn::after { content: "✕"; margin-left: 8px; }
body[lang="ru"] .hn-mobile-close-btn::before { content: "Закрыть"; }
body[lang="ua"] .hn-mobile-close-btn::before { content: "Закрити"; }
body[lang="en"] .hn-mobile-close-btn::before { content: "Close"; }
body[lang="pl"] .hn-mobile-close-btn::before { content: "Zamknij"; }

.hn-menu-container.active .hn-mobile-only-nav { display: block; }
.hn-mobile-hr { height: 1px; background: rgba(255,255,255,0.1); margin: 10px 20px; }

.hn-menu-container.active .hn-menu-item { height: auto !important; position: static !important; border-bottom: 1px solid rgba(255,255,255,0.05); }
.hn-menu-container.active .hn-menu-item > a, 
.hn-menu-container.active > a,
.hn-menu-container.active .hn-mobile-only-nav a {
    color: #fff !important; font-size: 16px; line-height: 44px;
    padding: 0 20px; text-decoration: none !important; display: block;
}

.hn-menu-container.active .hn-cta-blue { margin-bottom: 40px; padding: 15px 20px !important; display: block; }

.hn-menu-container.active a:hover, .hn-menu-container.active .hn-sub-title:hover { background: rgba(255, 255, 255, 0.05) !important; }

.hn-menu-container.active .hn-drop { display: block !important; position: static !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0; }
.hn-menu-container.active .hn-sub-drop { display: none; position: static !important; background: rgba(255,255,255,0.03) !important; border: none !important; padding: 5px 0; }

.hn-menu-container.active .hn-drop a, 
.hn-menu-container.active .hn-sub-title {
    color: #f2f2f2 !important; padding: 8px 20px 8px 40px !important;
    font-size: 14px; display: block; cursor: pointer; text-decoration: none !important; text-align: left;
}

.hn-menu-container.active .hn-sub-title::after { content: " +"; float: right; margin: 0;
        width: auto;
        height: auto;
        border:none;
        transform: unset;


}
.hn-menu-container.active .hn-sub-level.open .hn-sub-title::after { content: " -"; }
.hn-menu-container.active .hn-sub-level.open .hn-sub-drop { display: block !important; }
.hn-menu-container.active .hn-sub-drop a { padding-left: 60px !important; color: #f2f2f2 !important; }

@media (max-width: 991px) { .hn-menu-container:not(.active) { display: none !important; } }

.auth_block { display: flex; align-items: center; padding-right: 15px; margin-left: auto; height: 100%; z-index: 1001; }
.hn-lang-wrapper { margin-right: 10px; padding-right: 10px; border-right: 1px solid #eee; height: 25px; display: flex; align-items: center; }
.auth_block a { color: #378dca !important; font-size: 13px; margin-left: 10px; text-decoration: none !important; }
.hn-cta-blue { color: #378dca !important; font-weight: bold !important; }

.hn-menu-container.active::-webkit-scrollbar { width: 4px; }
.hn-menu-container.active::-webkit-scrollbar-thumb { background: #378dca; }

.hn-sub-level .hn-sub-drop { display: none; }
.hn-sub-level.open > .hn-sub-drop {
    display: block !important;
    padding-left: 15px;
    margin-top: 10px;
    border-left: 1px solid #eee;
}

.hn-sub-title.hn-acc-trigger {
    display: block;
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}

@media (max-width: 991px) {
    .hn-sub-title.hn-acc-trigger::after {
        content: "+";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s;
    }

    .hn-sub-level.open > .hn-sub-title::after {
        content: "-";
        transform: translateY(-50%) rotate(180deg);
    }
}

.hotengine-shop-select-language {
    width: 71px !important;
    text-align: center;
    font-size: 13px !important;
}
.auth_block .hotengine-shop-select-language-values a{margin-left:0px;}
.hotengine-shop-select-language-box{height: auto !important;}
.hotengine-shop-select-language-values{display:block;}

#hotengine-wrapper{margin-top:40px;}
.hn-menu-container.active .hn-desktop-only { display: none !important; }


#my_form { position:relative; width:250px; margin:0 auto; text-align:left; }
#my_form label { display:block; margin:10px 0px 10px 0px; padding:8px 0px; clear:both; } 
#my_form label span { float:left; display:inline-block; width:300px;}
#dialog_form_constructor #my_form label span { width:100%; }
#my_form label span:first-child{ float:left; display:none;}
#my_form table { margin:30px auto; }
#my_form label span input { line-height:31px; width:260px; margin:0px auto;  text-indent:10px; }
#my_form .my_form_buttons_div .button[type="reset"]{  display:none;}
#my_form .my_form_buttons_div .button[type="submit"]{ width:260px; padding:10px 0px; margin-top:8px;}
.my_form_form_title, .my_form_whatform, .my_form_form_url, .my_form_form_price, .my_form_form_products_id, .my_form_form_products_varietyid{ display:none!important; }
#my_form label span .form_text { width:260px; height:90px; text-indent:10px;}

#dialog_form_constructor #hotengine-message-box.done {  background:none; border:none; font-size:18px; color:#008009; width: 290px;
margin: 50px 0px;
padding: 0px;}