/* ============================================================
   Module: header-laker
   页首 Shell — 含顶部栏 + 主导航 + 移动端全屏导航 + 语言弹窗
   来源：lanke/laker 主题
     - 桌面样式: index.css 第 8-92 行
     - 响应式 1024px: index.css 第 718-760 行
     - 语言弹窗: style.css
   HTML 类名完全保留原主题原始类名，不做 BEM 重命名。
   ============================================================ */

/* --- Root --- */
.header {position:fixed;z-index:1001;top:0;left:0;width:100%;background-color:var(--background);box-shadow:0 0.25em 0.75em rgb(0 0 0 / 15%);transition:all 0.75s;}

/* --- Top bar --- */
.header .head_top {padding:0.5em 0;background:url(../../../images/header_top_bg_lanke.png) no-repeat;background-size:auto 100%;background-position:center;}
.header .head_top .container {gap:3.5em;}
.header .head_top_line {width:1px;height:1.25em;background:rgba(255,255,255,0.32);}

/* --- Top bar: contact --- */
.header .head_contact {}
.header .head_contact .head_tel {}
.header .head_contact .head_email {}
.header .head_contact svg {width:1em;height:1.25em;fill:#fff;margin-right:0.5em;}
.header .head_contact span {display:block;font-size:0.875em;line-height:1;color:#fff;}

/* --- Top bar: social icons --- */
.header .head_share {}
.header .icon_boxs {gap:0.875em;}
.header .icon_boxs .icon {}
.header .icon_boxs .icon a {}
.header .icon_boxs .icon svg {fill:#fff;display:block;width:1.375em;height:1.375em;padding:0.25em;border-radius:50%;background:#8a8a8a;transition:all 0.5s;}
.header .icon_boxs .icon a:hover svg {fill:#fff;background:var(--accent-red);}

/* --- Top bar: language dropdown --- */
.header .head_language {cursor:pointer;padding-right:1.09375em;position:relative;}
.header .head_language svg.icon {width:1.375em;height:1.375em;margin-right:0.5em;fill:#fff;}
.header .head_language span {display:block;line-height:1;color:#fff;}
.header .head_language .head_language_current-text {display:block;line-height:1;color:#fff;}
.header .head_language .current {position:relative;z-index:2;}
.header .head_language .ico {gap:0.125em;color:#fff;}
.header .head_language .current .ico:after {content:"";display:block;width:0.5em;height:0.5em;margin-left:0.25em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-0.125em);transform-origin:center;transition:transform 0.3s ease;}
.header .head_language:hover .current .ico:after {transform:rotate(-135deg) translate(-0.125em, 0);}
.header .head_language_dropdown {position:absolute;top:100%;right:0;padding-top:0.875em;opacity:0;visibility:hidden;transform:translateY(0.5em);transition:opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;pointer-events:none;z-index:1005;}
.header .head_language:hover .head_language_dropdown {opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.header .head_language_dropdown_inner {width:14.5em;padding:0.625em 0;background:rgb(26 76 147 / 96%);border-radius:0.625em;box-shadow:0 1em 2.5em rgb(0 0 0 / 20%);}
.header .head_language_option {display:flex;align-items:center;gap:0.75em;padding:0.625em 1em;transition:background 0.25s ease,color 0.25s ease;}
.header .head_language_option:hover {background:rgb(255 255 255 / 12%);}
.header .head_language_option.font-color span,
.header .head_language_option.is-current span {color:var(--minor);}
.header .head_language_option_flag {background-image:url(../../../images/languages_icon.png);background-size:28.125em auto;width:2.25em;height:1.35em;flex:0 0 2.25em;}
.header .head_language_option_flag.icon-ar {background-position:0 -1.875em;}
.header .head_language_option_flag.icon-en {background-position:-9.375em -1.875em;}
.header .head_language_option_flag.icon-es {background-position:-9.375em -5.625em;}
.header .head_language_option_flag.icon-fr {background-position:-9.375em -9.375em;}
.header .head_language_option_flag.icon-id {background-position:-6.25em -13.125em;}
.header .head_language_option_flag.icon-ja {background-position:-15.625em -3.75em;}
.header .head_language_option_flag.icon-ko {background-position:-3.125em -15em;}
.header .head_language_option_flag.icon-pt {background-position:-9.375em -18.75em;}
.header .head_language_option_flag.icon-ru {background-position:-15.625em -18.75em;}
.header .head_language_option_flag.icon-zh-CN {background-position:-18.75em -22.5em;}
.header .head_language_option span {color:var(--text);white-space:nowrap;}

/* --- Main header area --- */
.header .head_con {padding:0.8em 0 0.4em;}
.header .head_logo {width:17.625em;height:2em;position:relative;}
.header .head_logo a {}
.header .head_logo img {position:absolute;left:0;bottom:0;transition:all 0.5s;}
.header .head_logo .img1 {opacity:0;padding-bottom: 0.3em;}
.header .head_logo .img2 {opacity:1;padding-bottom: 0.3em;}
.header .head_right {}

/* --- Mobile nav toggle (hidden on desktop) --- */
.header .head_navbtn {display:none;}

/* --- Navigation --- */
.header .head_nav {}
.header .head_nav .m_navbtn_close {display:none;}
.header .head_nav .navbar {gap:2.5em;}
.header .head_nav .navbar .megamenu {position:relative;}
.header .head_nav .navbar .megamenu a {display:block;font-size:1em;line-height:1;padding:0.375em 0.75em;color:var(--text);text-transform:uppercase;border-radius:0;transition:all 0.5s;position:relative;}
.header .head_nav .navbar .megamenu.active > a,
.header .head_nav .navbar .megamenu:hover > a {background:transparent;color:var(--accent-red) !important;}
.header .head_nav .navbar .megamenu > a:after {content:"";position:absolute;left:0.875em;right:0.875em;bottom:-0.125em;height:0.125em;background:var(--accent-red);transform:scaleX(0);transform-origin:left center;transition:transform 0.3s ease;}
.header .head_nav .navbar .megamenu.active > a:after,
.header .head_nav .navbar .megamenu:hover > a:after {transform:scaleX(1);}

/* --- Dropdown arrow icon (hidden on desktop) --- */
.header .head_nav .navbar .megamenu > i {display:none;}

/* --- Scrolled / background state --- */
.header.is_bg,
.header.is_bg1 {background-color:var(--background);box-shadow:0 0.25em 0.75em rgb(0 0 0 / 15%);}
.header.is_bg .head_logo .img1,
.header.is_bg1 .head_logo .img1 {opacity:0;}
.header.is_bg .head_logo .img2,
.header.is_bg1 .head_logo .img2 {opacity:1;}
.header.is_bg .head_nav .navbar .megamenu a,
.header.is_bg1 .head_nav .navbar .megamenu a {color:var(--text);}
.header.is_bg .head_nav .navbar .megamenu.active > a,
.header.is_bg .head_nav .navbar .megamenu:hover > a,
.header.is_bg1 .head_nav .navbar .megamenu.active > a,
.header.is_bg1 .head_nav .navbar .megamenu:hover > a {color:var(--accent-red) !important;}
.header.is_bg .head_language svg.icon,
.header.is_bg .head_language span,
.header.is_bg .head_language .current .ico:after,
.header.is_bg1 .head_language svg.icon,
.header.is_bg1 .head_language span,
.header.is_bg1 .head_language .current .ico:after {fill:#fff;color:#fff;}
.header.is_bg .head_language_dropdown_inner,
.header.is_bg1 .head_language_dropdown_inner {background:#fff;border:1px solid rgb(25 25 25 / 8%);}
.header.is_bg .head_language_option span,
.header.is_bg1 .head_language_option span {color:var(--text);}
.header.is_bg .head_language_option:hover,
.header.is_bg1 .head_language_option:hover {background:rgb(26 76 147 / 8%);}
.header.is_bg .head_nav .navbar .megamenu > .sub-menu .menu-item > a,
.header.is_bg1 .head_nav .navbar .megamenu > .sub-menu .menu-item > a {color:var(--text);}

/* --- Active link overrides --- */
.header .head_nav .navbar .megamenu > a.active,
.header .head_nav .navbar .megamenu > a:hover {color:inherit;}
.header .head_nav .navbar .megamenu > a.active:before,
.header .head_nav .navbar .megamenu > a:hover:before {width:0;}

/* --- Desktop submenu (min-width: 1025px) --- */
@media screen and (min-width: 1025px) {
    .nav_language_modal {display:none !important;}
    .header .head_nav .navbar .megamenu > .sub-menu {position:absolute;top:100%;left:0;z-index:999;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);transform:translateY(1em);display:block !important;padding-top:1em;pointer-events:none;}
    .header .head_nav .navbar .megamenu:hover > .sub-menu {opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
    .header .head_nav .navbar .megamenu > .sub-menu ul {background:var(--background);padding:1em 1em;min-width:14em;width:auto;text-wrap:nowrap;box-shadow:0 10px 40px rgba(0,0,0,0.08),0 0 1px rgba(0,0,0,0.1);border-radius:0 0 4px 4px;}
    .header .head_nav .navbar .megamenu > .sub-menu .menu-item > a {padding:0.75em 0;font-size:1em;position:relative;display:flex;justify-content:space-between;align-items:center;color:var(--text);transition:all 0.3s cubic-bezier(0.25,1,0.5,1);text-transform:capitalize;text-decoration:none;font-weight:500;}
    .header .head_nav .navbar .megamenu > .sub-menu .menu-item:hover > a {color:var(--accent-red);text-decoration:none;}
}

/* ============================================================
   Global shared styles
   ============================================================ */
.nav_modal {display:none;font-size:1em;position:fixed;z-index:1004;}
.nav_m_mask {display:none;}
.nav_mask {position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;}

/* ============================================================
   Language Modal
   ============================================================ */
.language_modal {
    position:fixed;
    top:20%;
    left:0;
    right:0;
    width:1000px;
    max-width:94%;
    height:60%;
    background:#fff;
    border-radius:1em;
    box-shadow:0 0 25px 0 rgba(0,0,0,.75);
    z-index:1021;
    margin:auto;
    color:#000;
}
.language_modal_title {position:relative;}
.language_modal_title span {
    display:block;
    height:2.5em;
    line-height:2.5em;
    font-size:2.25em;
    overflow:hidden;
    padding:0 0.75em;
    border-bottom:1px solid #ddd;
    font-weight:700;
    text-transform:uppercase;
}
.language_modal_title .language_close {
    display:block;
    width:3.125em;
    height:3.125em;
    line-height:3.125em;
    text-align:center;
    cursor:pointer;
    position:absolute;
    top:1em;
    right:1.5em;
    padding:0.5em;
}
.language_modal_title .language_close svg {fill:var(--text);transition:all 0.4s;width:100%;height:100%;}
.language_modal_title .language_close:hover svg {fill:var(--theme);}

.language_con {overflow:hidden;}
.language_con:after {content:"";display:table;clear:both;}
.language_modal_a {
    display:block;
    float:left;
    width:16.6666%;
    padding:1em 0.625em;
    transition:all 0.4s;
}
.language_modal_a span {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:2em;
    font-size:0.9375em;
    text-align:center;
    white-space:nowrap;
}
.language_modal_a.font-color span,
.language_modal_a:hover span {color:var(--theme);}

/* Language icon sprite (from languages_icon.png) */
.language_modal_a div {
    background-image:url(../../../images/languages_icon.png);
    background-size:28.125em auto;
    width:3.125em;
    height:1.875em;
    margin:0 auto;
}
.language_modal_a .icon-en {background-position:-9.375em -1.875em;}
.language_modal_a .icon-fr {background-position:-9.375em -9.375em;}
.language_modal_a .icon-ru {background-position:-15.625em -18.75em;}
.language_modal_a .icon-es {background-position:-9.375em -5.625em;}
.language_modal_a .icon-ar {background-position:0 -1.875em;}
.language_modal_a .icon-pt {background-position:-9.375em -18.75em;}
.language_modal_a .icon-zh-CN {background-position:-18.75em -22.5em;}
.language_modal_a .icon-ja {background-position:-15.625em -3.75em;}
.language_modal_a .icon-ko {background-position:-3.125em -15em;}
.language_modal_a .icon-jv {background-position:-15.625em -5.625em;}

.active_locale_v {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2.5em;
    line-height:2.5em;
    text-align:center;
    box-shadow:0 0 4px 0 rgba(0,0,0,.1);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ============================================================
   Responsive: max-width 1024px
   ============================================================ */
@media screen and (max-width: 1024px) {
    .header {background-color:var(--background);box-shadow:0 0.25em 0.75em rgb(0 0 0 / 15%);}
    .header .head_top {display:none;}
    .header .head_con {padding:1.25em 0;}
    .header .head_logo {width:13.5em;height:3em;}
    .header .head_logo img {width:100%;height:100%;object-fit:contain;object-position:left;}
    .header .head_logo .img1 {opacity:0;}
    .header .head_logo .img2 {opacity:1;}

    /* Show hamburger */
    .header .head_navbtn {display:block;}
    .header .navbtn {display:block;font-size:1.375em;width:2.16em;height:2.16em;text-align:center;line-height:2.16;border-radius:4px;position:relative;transition:all 0.3s ease 0s;overflow:hidden;}
    .header .navbtn span {display:block;background:var(--text);width:1.3em;height:0.12em;transition:all 0.3s ease 0s;position:absolute;left:0.43em;}
    .header .navbtn span:nth-child(1) {top:0.55em;}
    .header .navbtn span:nth-child(2) {top:1.02em;}
    .header .navbtn span:nth-child(3) {bottom:0.55em;}
    .header .navbtn.active span:first-child {transform:rotate(45deg) translate(0,0);top:1.02em;}
    .header .navbtn.active span:nth-child(2) {transform:translateX(-40px);}
    .header .navbtn.active span:nth-child(3) {transform:rotate(-45deg) translate(0,0);bottom:1.02em;}

    /* Mobile language toggle */
    .header .language_navbtn {display:block;width:2.75em;height:2.75em;padding:0.25em;margin-left:1em;}
    .header .language_navbtn svg {display:block;width:100%;height:100%;fill:var(--text);}

    /* Full-screen mobile nav */
    .header .head_nav {display:block;position:fixed;left:0;top:0;width:100vw;height:100vh;background:#fff;transform:translateX(-100%);transition:all 0.3s ease 0s;z-index:1020;padding:4em 0 0;}
    .header .head_nav.active {transform:translateX(0);}
    .header .head_nav .navbar {display:block;width:94%;max-width:1400px;margin:0 auto;}
    .header .head_nav .navbar .megamenu {width:100%;color:#fff;position:relative;}
    .header .head_nav .navbar .megamenu > a {display:block;color:var(--text) !important;padding:0.75em 0;font-size:1.125em;}
    .header .head_nav .navbar .megamenu.active > a,
    .header .head_nav .navbar .megamenu.active-menu > a,
    .header .head_nav .navbar .megamenu > a:hover {background:unset;color:var(--accent-red) !important;opacity:1;visibility:visible;}
    .header .head_nav .navbar .megamenu > a:after {display:none;}

    /* Mobile dropdown arrow */
    .header .head_nav .navbar .megamenu i {display:block;position:absolute;top:0;right:0;width:3.4375em;height:3.4375em;padding:1.25em;transition:all 0.5s;}
    .header .head_nav .navbar .megamenu i svg {display:block;width:100%;height:100%;fill:var(--text);}
    .header .head_nav .navbar .megamenu i svg {fill:var(--text);}
    .header .head_nav .megamenu > .sub-menu {position:unset;opacity:1;visibility:visible;transform:translateY(0);background:none;box-shadow:none;display:none;width:100%;padding:0 0 1.5em !important;}
    .header .head_nav .megamenu > .sub-menu a {display:block;font-size:1em;padding:0.75em 1em;color:var(--text) !important;opacity:1;visibility:visible;}
    .header .head_nav .megamenu > .sub-menu .menu-item > a:hover {color:var(--theme) !important;}
    .header .head_nav .navbar .active-menu > i {transform:rotate(90deg);}
    .header .head_nav .navbar .active-menu > i svg {fill:var(--accent-red);}

    /* Mobile close button */
    .header .head_nav .m_navbtn_close {display:block;position:absolute;right:1em;top:1em;height:1.5em;width:1.5em;transform:rotate(45deg);font-size:1.5em;}
    .header .head_nav .m_navbtn_close span {position:absolute;background:var(--text);transition:all .15s ease-in-out;}
    .header .head_nav .m_navbtn_close span:nth-child(1) {height:0;width:2px;top:10%;left:50%;margin-left:-1px;transition-delay:0s;}
    .header .head_nav .m_navbtn_close span:nth-child(2) {width:0;height:2px;left:10%;top:50%;margin-top:-1px;transition-delay:.15s;}
    .header .head_nav.active .m_navbtn_close > span:nth-child(1) {height:80%;transition-delay:.3s;}
    .header .head_nav.active .m_navbtn_close > span:nth-child(2) {width:80%;transition-delay:.45s;}

    /* Hide desktop language dropdown */
    .header .head_language_dropdown {display:none;}

    /* Header spacer */
    .header-h {height:5.5em;}

    /* Language modal visible on mobile */
    .nav_language_modal {display:none;}
}

/* ============================================================
   Responsive: max-width 1200px (body font-size only)
   ============================================================ */