/* ================================================================
           4. 导航与工具类（与原来一致，省略部分）
           ================================================================ */
 .nav-mega {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }
        .nav-mega>li {
            position: relative;
            display: block;
        }
        .nav-mega>li>a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }
        .nav-mega>li>a:hover {
            text-decoration: none;
            background-color: #eee;
        }

        .clearfix:after,
        .clearfix:before {
            display: table;
            content: " ";
        }
        .clearfix:after {
            clear: both;
        }
        .pull-right {
            float: right !important;
        }
        .pull-left {
            float: left !important;
        }
        .hide {
            display: none !important;
        }
        .show {
            display: block !important;
        }
        .hidden {
            display: none !important;
        }
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }

        .visible-lg,
        .visible-md,
        .visible-sm,
        .visible-xs {
            display: none !important;
        }
        @media (max-width: 767px) {
            .visible-xs {
                display: block !important;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .visible-sm {
                display: block !important;
            }
        }
        @media (min-width: 992px) and (max-width: 1199px) {
            .visible-md {
                display: block !important;
            }
        }
        @media (min-width: 1200px) {
            .visible-lg {
                display: block !important;
            }
        }
        @media (max-width: 767px) {
            .hidden-xs {
                display: none !important;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .hidden-xs {
                display: none !important;
            }
            .hidden-sm {
                display: none !important;
            }
        }
        @media (min-width: 992px) and (max-width: 1199px) {
            .hidden-md {
                display: none !important;
            }
        }
        @media (min-width: 1200px) {
            .hidden-lg {
                display: none !important;
            }
        }

        .header-top {
            background: #242424;
            border-bottom: 1px solid #000;
            line-height: 32px;
            width: 100%;
            color: #ccc;
			font-size: 13px;
        }
        .header-top a {
            color: #ccc;
        }
        .header-top a:hover {
            color: #00BC70;
        }
        .welcome-msg {
            display: inline-block;
            padding: 2px 15px 2px 0;
            margin: 0 12px 0 0;
            border-right: 1px solid #000;
        }
        .phone {
            padding: 2px 0;
        }

        .headerlinkmenu {
            line-height: normal;
            display: inline-block;
            text-align: right;
            float: right;
        }
        .headerlinkmenu .links {
            display: inline-block;
        }
        .headerlinkmenu .links div {
            display: inline-block;
            text-align: right;
        }
        .headerlinkmenu div.links div a {
            display: inline-block;
            padding: 10px 10px 5px 8px;
            color: #ccc;
            text-decoration: none;
        }
        .headerlinkmenu div.links div a span {
            margin-left: 8px;
        }
        .headerlinkmenu div.links div a:hover {
            color: #00BC70;
        }

        .language-currency-wrapper {
            float: right;
            margin-top: 1px;
        }
        .language-currency-wrapper .block {
            float: left;
            margin: 0;
            position: relative;
            border-bottom: none;
        }
        .language-currency-wrapper .block span {
            display: inline-block;
            text-transform: capitalize;
        }
        .language-currency-wrapper .block:hover {
            cursor: pointer;
        }
        .language-currency-wrapper .block>div {
            line-height: 32px;
            position: relative;
        }
        .language-currency-wrapper .block>div>span:hover {
            color: #00BC70;
        }
        .language-currency-wrapper .block>div img {
            margin: 0 3px 0 15px;
        }
        .language-currency-wrapper .block>ul {
            position: absolute;
            right: 0;
            top: 52px;
            padding: 10px;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            z-index: 1001;
            text-align: left;
            transition: all 0.3s ease-out 0s;
        }
        .language-currency-wrapper .block>ul li {
            list-style: none;
            background: #fbfbfb;
        }
        .language-currency-wrapper .block>ul li a {
            position: relative;
            white-space: nowrap;
            line-height: 30px;
            color: #666;
            font-size: 12px;
            padding-left: 12px;
            display: block;
        }
        .language-currency-wrapper .block>ul li a img {
            margin-right: 8px;
        }
        .language-currency-wrapper .block>ul li a .cur_icon {
            margin-right: 6px;
        }
        .language-currency-wrapper .block>ul li a:hover {
            color: #00BC70;
        }
        .language-currency-wrapper .block:hover>ul {
            margin-top: 0;
            top: 32px;
            opacity: 1;
            visibility: visible;
        }
        .language-currency-wrapper .block.block-language {
            border-left: 1px solid #000;
            padding: 0 0 3px;
        }
        .language-currency-wrapper .block.block-language>ul {
            min-width: 132px;
            left: 0;
            margin: auto;
        }
        .language-currency-wrapper .block.block-currency {
            margin-left: 15px;
        }
        .language-currency-wrapper .block.block-currency>ul {
            min-width: 114px;
            margin: auto;
        }

        .top-search {
            margin-top: 13px;
        }
        #search {
            padding-top: 6px;
        }
        #search .input-group {
            border: 1px solid #e0e0e0;
            display: inline-block;
            overflow: hidden;
            width: 100%;
            background: #fff;
        }
        #search input {
            height: 38px;
            display: inline-block;
            width: 85%;
            border: none;
            background: #fff;
            /*border-left: 1px solid #e8e6e2;*/
            box-shadow: none;
			font-size:15px;
        }
        .form-control::-moz-placeholder {
            color: #39342e;
        }
        #search button {
            line-height: 28px;
            padding: 4px 16px 6px 15px;
            float: right;
            background: #fafafa;
            border: none;
            color: #39342e;
            border-left: 1px solid #e8e6e2;
        }
        #search button:hover {
            background: #00BC70;
            color: #fff;
        }
        #search button i {
            font-size: 15px;
        }
        .cate-dropdown {
            float: left;
            width: 145px;
            height: 35px;
            border: none;
            display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: url(../images/select-arrow.png) no-repeat right center;
            padding-right: 28px;
            padding-left: 18px;
            cursor: pointer;
            color: #39342e;
        }
        .cate-dropdown:focus {
            border: none;
        }

        .logo {
            vertical-align: middle;
            margin-top: 32px;
            text-align: left;
            display: inline-block;
            margin-bottom: 32px;
        }

        .header-main-row {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .header-main-row>[class*="col-"] {
            padding: 0 15px;
        }
        .header-logo-col {
            flex: 0 0 auto;
            width: auto;
        }
        .header-search-col {
            flex: 1 1 auto;
            text-align: right;
        }
        .header-search-col .top-search {
            display: inline-block;
            text-align: left;
            width: 100%;
            max-width: 560px;
            margin-top: 8px;
            margin-bottom: 8px;
        }

        nav {
            position: relative;
            z-index: 999;
            width: 100%;
            background: #f7f7f7;
            border-bottom: 1px solid #e8e6e2;
            border-top: 1px solid #e8e6e2;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            transition: box-shadow 0.2s ease;
        }
        nav a {
            color: #39342e;
        }
        nav a:hover {
            color: #39342e;
        }

        nav.nav-fixed {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 9999 !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
            border-top: none;
            background: #f7f7f7;
        }
        .nav-placeholder {
            display: none;
            width: 100%;
            background: transparent;
        }
        .nav-placeholder.active {
            display: block;
        }

        .mtmegamenu {
            width: 100%;
            position: relative;
            margin: auto 15px;
        }
        .mtmegamenu a:focus {
            outline: 0;
        }
        .mtmegamenu>ul {
            display: block;
            clear: both;
            margin: 0;
            padding: 0;
            text-align: left;
            height: 56px;
        }
        .mtmegamenu>ul>li {
            display: inline-block;
            font-size: 15px;
            margin-left: 10px;
            margin-right: 10px;
            background: none !important;
        }
        .mtmegamenu>ul>li.demo_custom_link_cms {
            position: relative;
        }
        .mtmegamenu .mt-root-item {
            float: left;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            line-height: 55px;
        }
        .mtmegamenu .mt-root-item a {
            color: #39342e;
            /*font-weight: 600;*/
            font-size: 14px;
            transition: color 0.3s ease;
            text-decoration: none;
        }
        .mtmegamenu .mt-root-item a {
            color: #39342e;
            transition: color 0.3s ease;
        }
        .mtmegamenu .mt-root-item:hover a {
            color: #00BC70;
        }

        /* ===== 新增：导航项在 active 状态下保持高光（鼠标移到下拉框时） ===== */
        .mtmegamenu .mt-root.active .mt-root-item a {
            color: #00BC70;
        }

        .mtmegamenu .mt-root-item .title .icon-has-sub {
            font-size: 14px;
            margin-left: 10px;
            margin-top: 16px;
            vertical-align: top;
        }
        .mtmegamenu .mt-root-item.no-description .title {
            padding: 0 12px;
            display: block;
            padding-top: 1px;
        }
        .mtmegamenu>ul>li.mt-root {
            position: relative;
        }

        .mtmegamenu .menu-items {
            position: absolute;
            z-index: 99999;
            top: 55px !important;
            box-sizing: border-box;
            padding: 15px 15px 25px 15px;
            height: auto;
            border-bottom: 5px solid #ccc;
            background: #fff;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
            line-height: normal;
            margin: auto;
            display: none;
            left: 0 !important;
            min-width: 200px;
        }
        .mtmegamenu .mt-root .menu-items.col-xs-12 {
            width: 750px;
            max-width: none;
            left: 0 !important;
        }
        @media (max-width: 991px) {
            .mtmegamenu .mt-root .menu-items.col-xs-12 {
                width: 600px;
            }
        }
        .mtmegamenu .mt-root .menu-items.col-xs-12.menu-align-right {
            left: auto !important;
            right: 0 !important;
        }

        .mtmegamenu .mt-root .menu-items.col-xs-12.menu-align-right-r {
            left: auto !important;
            right: 0 !important;
        }

        .mtmegamenu .demo_custom_link_cms .menu-items {
            width: 200px !important;
            min-width: 200px !important;
        }
        .mtmegamenu .menu-items .icon {
            margin-right: 10px;
        }
        .mtmegamenu .menu-items ul {
            font-size: 0;
        }
        .mtmegamenu .menu-items li {
            font-size: 14px;
            list-style: none;
        }
        .mtmegamenu .menu-items>li {
            float: left;
            padding: 0 8px;
            list-style: none;
        }
        .mtmegamenu .demo_custom_link_cms .menu-items>li {
            width: 100%;
            padding: 0 5px 8px;
        }
        .mtmegamenu .demo_custom_link_cms .menu-items>li:last-child {
            padding-bottom: 0;
        }

        .mtmegamenu .depth-1>a {
            margin: 12px 0 10px 0;
            padding: 0 0 8px 0;
            border-bottom: 1px solid #ddd;
            font-size: 15px;
            font-weight: 900;
            display: block;
            color: #39342e;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .mtmegamenu .depth-1>a:hover {
            color: #00BC70;
        }

        .mtmegamenu .apparel-menu .depth-1>a {
            border-bottom: none;
            margin: 5px 0 5px 0;
            padding: 0;
            font-weight: normal;
            font-size: 14px;
            text-transform: capitalize;
            display: inline-block;
            transition: all 0.3s ease;
        }
        .mtmegamenu .apparel-menu .depth-1>a:before {
            font-family: "FontAwesome";
            content: "\f105";
            margin-right: 8px;
        }
        .mtmegamenu .apparel-menu .depth-1>a:hover {
            padding-left: 5px;
            color: #00BC70;
        }

        .submenu li>a {
            text-transform: capitalize;
            text-decoration: none;
            display: block;
            padding: 5px 0;
            transition: all 0.3s ease;
            color: #39342e;
        }
        .submenu li>a:before {
            content: "\f105";
            font-family: "FontAwesome";
            margin-right: 5px;
        }
        .submenu li>a:hover {
            color: #00BC70;
            margin-left: 5px;
        }

        .mtmegamenu .submenu {
            overflow: hidden;
            margin-left: -1%;
            margin-right: -1%;
        }
        .mtmegamenu .submenu>li {
            margin: 0 1%;
        }
        .mtmegamenu .submenu>li .submenu>li {
            padding-left: 10px;
        }

        .mtmegamenu .submenu .title a {
            text-transform: capitalize;
            text-decoration: none;
        }
        .mtmegamenu .submenu .title a:before {
            content: "\f105";
            font-family: "FontAwesome";
            margin-right: 5px;
        }
        .mtmegamenu .submenu .title a:hover {
            color: #00BC70;
        }
        .mtmegamenu .submenu .title:hover a {
            margin-left: 5px;
        }
        .mtmegamenu .submenu .title a {
            margin-left: 0;
            transition: all 0.3s ease;
        }
        .mtmegamenu .submenu .title {
            float: none;
        }

        [class*="menucol-"] {
            float: left;
        }
        .menucol-1-1 {
            width: 100% !important;
        }
        .menucol-1-2 {
            width: 50% !important;
        }
        .menucol-1-3 {
            width: 33.33% !important;
        }
        .menucol-2-3 {
            width: 66.67% !important;
        }
        .menucol-1-4 {
            width: 25% !important;
        }
        .menucol-3-4 {
            width: 75% !important;
        }
        .menucol-1-5 {
            width: 20% !important;
        }
        .menucol-2-5 {
            width: 37% !important;
        }
        .menucol-1-6 {
            width: 16.66% !important;
        }
        .menucol-1-10 {
            width: 10% !important;
        }

        .mega-container {
            position: relative;
            z-index: 100;
        }
        .navleft-container {
            position: absolute;
            width: 100%;
        }
        .mega-menu-title {
            background-color: #00BC70;
            color: #fff;
            cursor: pointer;
            height: 58px;
            margin-top: -1px;
        }
        .mega-menu-title h3 {
            font-size: 14px;
            font-weight: 900;
            margin: 0;
            padding: 19px 15px 11px;
            position: relative;
            text-transform: uppercase;
            height: 55px;
            color: #fff;
        }
        /* 基础样式保留，PC端会覆盖 */
        .mega-menu-title h3:after {
            content: "\f039";
            display: inline-block;
            background: #00BC70;
            width: 55px;
            height: 59px;
            position: absolute;
            top: 0;
            right: 0;
            font-family: 'FontAwesome';
            text-align: center;
            color: #fff;
            font-size: 18px;
            line-height: 58px;
            font-weight: normal;
        }
        .mega-menu-title:hover h3:after {
            background: #FFB800;
        }
        .mega-menu-category {
            border: 2px solid #d9d9d9;
            border-top: 0;
            display: none;
            width: 100%;
        }
        .mega-menu-category ul {
            padding: 0;
            margin: 0;
        }
        .mega-menu-category>.nav-mega>li>a {
            border-bottom: 1px solid #f1f1f1;
            padding: 15px 15px;
            color: #404040;
            background-color: #fff;
            font-size: 14px;
            /*text-transform: uppercase;
            font-weight: 900;*/
            position: relative;
        }
        .mega-menu-category>.nav-mega>li>a:after {
            content: "\f105";
            font-family: FontAwesome;
            display: inline-block;
            font-size: 19px;
            position: absolute;
            right: 15px;
        }
        .mega-menu-category>.nav-mega>li.nosub>a:after {
            display: none;
        }
        .mega-menu-category>.nav-mega>li>a:hover,
        .mega-menu-category>.nav-mega>li>a:focus,
        .mega-menu-category>.nav-mega>li.active>a {
            background-color: #008A52;
            color: #fff;
        }
        .wrap-popup {
            position: absolute;
            left: 110%;
            top: 0;
            width: 700px;
            transition: all 0.3s ease-out;
            z-index: 100;
        }
        .wrap-popup.column2 {
            width: 400px;
        }
        .wrap-popup.column1 {
            width: 200px;
        }
        .mega-menu-category>.nav>li.active .wrap-popup {
            left: 100%;
        }
        .popup {
            background-color: #fff;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
            display: none;
            text-align: left;
            z-index: 3000;
            padding: 20px 20px;
        }
        .popup h3 {
            font-size: 14px;
            font-weight: 700;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .popup .nav-mega>li>a {
            padding: 7px 0;
        }
        .popup .nav-mega>li>a:hover,
        .popup .nav-mega>li>a:focus {
            color: #00BC70;
            background-color: transparent;
        }
        a.ads1 {
            margin-top: 10px;
            display: inline-block;
        }
        a.ads1 img {
            max-width: 100%;
        }
        .box-banner {
            padding-bottom: 10px;
            position: relative;
        }
        .box-banner+.box-banner {
            margin-top: 10px;
        }
        .box-banner:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }
        .box-banner.menu-banner {
            margin-top: 8px;
        }
        .box-banner a {
            text-transform: capitalize;
            color: #fff;
            text-decoration: underline;
        }
        .box-banner.media:first-child {
            margin-top: 10px;
        }
        .box-banner.media:last-child {
            margin-bottom: 5px;
        }
        .box-banner a:hover {
            color: #00BC70;
        }
        .has-sep:before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            border-left: 1px solid #e5e5e5;
            left: -10px;
        }
        .mega-menu-category .nav-mega>li.bottom-popup .wrap-popup {
            bottom: 0 !important;
            top: auto !important;
        }

        .mega-menu-category .popup h3 {
            border-bottom: 1px solid #ddd;
			margin-top:6px;
            padding-bottom: 8px;
            margin-bottom: 2px;
            font-size: 14px;
            font-weight: 700;
            /*text-transform: uppercase;
            letter-spacing: 0.5px;*/
            display: block;
        }
        .mega-menu-category .popup h3:before,
        .mega-menu-category .popup h3:after {
            display: none !important;
        }
        .mega-menu-category .popup ul.nav-mega li a {
            display: flex;
            align-items: center;
            padding: 5px 0;
            font-size: 14px;
            font-weight: 400;
            color: #555;
            transition: color 0.3s ease;
            position: relative;
            border-bottom: none !important;
            background: transparent !important;
        }
        .mega-menu-category .popup ul.nav-mega li a:before {
            content: "\f105";
            font-family: "FontAwesome";
            margin-right: 8px;
            color: inherit;
            font-size: 14px;
            transition: margin-right 0.3s ease, transform 0.3s ease, color 0.3s ease;
            display: inline-block;
            flex-shrink: 0;
        }
        .mega-menu-category .popup ul.nav-mega li a:hover {
            color: #00BC70;
        }
        .mega-menu-category .popup ul.nav-mega li a:hover:before {
            margin-right: 14px;
            transform: translateX(2px);
            color: #00BC70;
        }
        .mega-menu-category .popup .row>[class*="col-"]::after,
        .mega-menu-category .popup .has-sep:before {
            display: none !important;
        }

        /* Vegetables / Apple Store3 网格样式（合并，仅内容样式） */
        .mega-menu-category .popup .veg-grid,
        .mega-menu-category .popup .apple-grid {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -5px;
            padding: 0;
            list-style: none;
        }
        .mega-menu-category .popup .veg-grid li,
        .mega-menu-category .popup .apple-grid li {
            width: 33.33333333%;
            padding: 0 5px;
            list-style: none;
            float: left;
        }
        .mega-menu-category .popup .veg-grid li a,
        .mega-menu-category .popup .apple-grid li a {
            display: flex;
            align-items: center;
            padding: 5px 0;
            font-size: 13px;
            font-weight: 400;
            color: #555;
            transition: color 0.3s ease;
            border-bottom: none !important;
            background: transparent !important;
        }
        .mega-menu-category .popup .veg-grid li a:before,
        .mega-menu-category .popup .apple-grid li a:before {
            content: "\f105";
            font-family: "FontAwesome";
            margin-right: 8px;
            color: inherit;
            font-size: 14px;
            transition: margin-right 0.3s ease, transform 0.3s ease, color 0.3s ease;
            display: inline-block;
            flex-shrink: 0;
        }
        .mega-menu-category .popup .veg-grid li a:hover,
        .mega-menu-category .popup .apple-grid li a:hover {
            color: #00BC70;
        }
        .mega-menu-category .popup .veg-grid li a:hover:before,
        .mega-menu-category .popup .apple-grid li a:hover:before {
            margin-right: 14px;
            transform: translateX(2px);
            color: #00BC70;
        }

        /* ================================================================
           移动菜单样式
           ================================================================ */
        html {
            overflow-x: hidden;
        }
        #page {
            position: relative;
            left: 0;
            overflow: visible;
        }
        .mmPushBody {
            width: 100%;
            height: 100%;
            overflow-x: hidden;
        }
        #mobile-menu {
            position: absolute;
            top: 0;
            background: #f7f7f7;
            z-index: 99999;
            display: none;
            font-size: 13px;
            line-height: 1.42857;
            /*text-transform: uppercase;*/
            border-right: 2px solid #39342e;
        }
        .mobile-menu {
            list-style: none;
            margin: 0;
            width: 100%;
            float: left;
            padding-left: 0;
            position: relative;
            box-sizing: border-box;
        }
        .mobile-menu ul {
            margin: 0;
            padding-left: 0;
        }
        .mobile-menu .expand {
            right: 0;
            position: absolute;
            padding: 0 10px;
            color: #39342e;
            margin-left: 100px;
            font-size: 14px;
            cursor: pointer;
        }
        .mobile-menu li {
            display: block;
            border-top: 1px solid #e8e6e2;
            width: 100%;
            float: left;
            margin-left: 0;
            padding-left: 0;
            position: relative;
        }
        .mobile-menu li a {
            display: block;
            overflow: hidden;
            white-space: normal;
            color: #39342e;
            text-decoration: none;
            padding: 10px 10px 10px 15px;
            font-weight: 900;
            font-size: 13px;
        }
        .mobile-menu li a:hover,
        .mobile-menu li a.active {
            color: #00BC70;
        }
        .mobile-menu li li {
            background: #f7f7f7;
        }
        .mobile-menu li li a {
            padding-left: 18px;
            text-transform: none;
            font-weight: 400;
        }
        .mobile-menu li li li a {
            padding-left: 28px;
            text-transform: capitalize;
            font-weight: normal;
        }
        .mobile-menu li li li:last-child {
            border-bottom: none;
        }
        .mobile-menu li li a span {
            text-transform: none;
            font-weight: 400;
        }
        .mm-toggle-wrap {
            color: white;
            line-height: 1;
            overflow: hidden;
        }
        .mm-toggle {
            cursor: pointer;
            font-size: 23px;
            display: none;
            width: auto;
            float: left;
            background: #00BC70;
            padding: 13px 14px;
        }
        .mm-toggle-wrap {
            display: none;
        }
        .mmPushBody .fa-align-justify:before {
            content: "\f00d";
        }

        /* ================================================================
           响应式适配 — 断点 1280px
           ================================================================ */
        @media (max-width: 1279px) {
            .mega-container {
                display: none !important;
            }
            nav.nav-fixed {
                position: relative !important;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
                border-top: 1px solid #e8e6e2;
            }
            .nav-placeholder.active {
                display: none !important;
            }
            .header-main-row {
                flex-wrap: nowrap;
                padding: 8px 0;
            }
            .header-logo-col {
                flex: 0 0 50%;
                max-width: 50%;
                text-align: left;
            }
            .header-search-col {
                flex: 0 0 50%;
                max-width: 50%;
                text-align: right;
            }
            .header-search-col .top-search {
                max-width: 100%;
                margin-top: 2px;
                margin-bottom: 2px;
            }
            .logo {
                margin: 4px 0;
            }
            .logo img {
                max-height: 38px;
                width: auto;
            }
            #search .input-group {
                display: flex;
                align-items: center;
            }
            #search input {
                width: 80%;
                height: 32px;
                font-size: 12px;
                border-left: none;
            }
            #search button {
                padding: 2px 10px 4px;
                line-height: 24px;
                border-left: none;
            }
            .cate-dropdown {
                display: none !important;
            }
            #search {
                padding-top: 0;
            }
            nav {
                position: static !important;
                box-shadow: none !important;
            }
            .mm-toggle {
                display: block;
            }
            .mm-toggle-wrap {
                display: inline-block;
            }
            nav .mtmegamenu {
                display: none;
            }
            .mm-label {
                margin-left: 3px;
                font-size: 16px;
                font-weight: 700;
                margin: 0;
                padding: 16px 15px 11px;
                text-transform: uppercase;
                color: #39342e;
                line-height: 50px;
            }
            .headerlinkmenu .links {
                float: left;
            }
            nav {
                height: 50px;
            }
            .mega-menu-category .popup .veg-grid li,
            .mega-menu-category .popup .apple-grid li {
                width: 100%;
            }
        }

        @media (max-width: 479px) {
            .headerlinkmenu .links {
                float: left;
            }
            .top-search {
                margin-bottom: 10px;
                margin-top: 4px;
                position: relative;
                z-index: 1000;
            }
            nav {
                height: 50px;
            }
            .mega-menu-category .popup .veg-grid li,
            .mega-menu-category .popup .apple-grid li {
                width: 100%;
            }
        }

        @media (min-width: 480px) and (max-width: 1279px) {
            .headerlinkmenu .links {
                float: left;
            }
            .logo {
                display: inline-block;
                margin: 8px 0;
                text-align: left;
            }
            .top-search {
                margin-bottom: 10px;
                position: relative;
                z-index: 1000;
            }
            nav {
                height: 50px;
            }
            .mega-menu-category .popup .veg-grid li,
            .mega-menu-category .popup .apple-grid li {
                width: 50%;
            }
        }

        @media (min-width: 640px) and (max-width: 1279px) {
            .logo {
                margin: 8px 0;
                text-align: left;
                padding-bottom: 0;
                width: auto;
            }
        }

        @media (max-width: 640px) {
            .logo {
                margin: 8px 0;
                text-align: left;
                padding-bottom: 0;
                width: auto;
            }
        }

        @media (max-width: 768px) {
            header .logo a img {
                width: auto;
            }
        }

        /* ---- 大于等于 1280px：PC 端导航 ---- */
        @media (min-width: 1280px) {
            .header-search-col .top-search {
                max-width: 560px;
                margin-left: auto;
                margin-right: 0;
            }
            .header-logo-col {
                flex: 0 0 auto;
            }
            .header-search-col {
                flex: 1 1 auto;
                text-align: right;
            }
            .logo {
                margin: 20px 0;
            }
            .logo img {
                max-height: 50px;
                width: auto;
            }

            .nav-left-col {
                width: 6% !important;
                float: left !important;
            }
            .nav-right-col {
                width: 94% !important;
                float: left !important;
            }
            .nav-right-col .mtmegamenu {
                margin: auto 0;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.col-xs-12 {
                width: 100%;
                min-width: 600px;
                max-width: 900px;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.col-xs-12.menu-align-right {
                right: 0 !important;
                left: auto !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.col-xs-12.menu-align-right-r {
                right: 0 !important;
                left: auto !important;
            }

            .mtmegamenu>ul {
                display: flex !important;
                justify-content: space-between;
                align-items: center;
                height: 56px;
                padding: 0;
            }
            .mtmegamenu>ul>li {
                display: flex !important;
                margin: 0 !important;
                flex: 0 1 auto;
                align-items: center;
            }

            /* ================================================================
               PC端下拉菜单：每个菜单独立定义宽度 + 位置（不合并）
               ================================================================ */
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-apparel {
                width: 780px;
                max-width: 780px;
                min-width: 680px;
                left: -50px !important;
                right: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-headwear {
                width: 780px;
                max-width: 780px;
                min-width: 680px;
                left: -100px !important;
                right: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-car-auto {
                width: 880px;
                max-width: 880px;
                min-width: 780px;
                left: -150px !important;
                right: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-home-garden {
                width: 910px;
                max-width: 910px;
                min-width: 880px;
                left: -150px !important;
                right: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-kitchen {
                width: 800px;
                max-width: 800px;
                min-width: 700px;
                left: -150px !important;
                right: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-bags-luggage {
                width: 880px;
                max-width: 880px;
                min-width: 780px;
                right: -300px !important;
                left: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-drinkware {
                width: 760px;
                max-width: 760px;
                min-width: 500px;
                right: -300px !important;
                left: auto !important;
                top: 55px !important;
            }
			.nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-school-office {
                width: 1010px;
                max-width: 1010px;
                min-width: 880px;
                right: -300px !important;
                left: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-keychain {
                width: 880px;
                max-width: 880px;
                min-width: 780px;
                right: -200px !important;
                left: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-sports-fitness {
                width: 1330px;
                max-width: 1330px;
                min-width: 1000px;
                right: -130px !important;
                left: auto !important;
                top: 55px !important;
            }
            .nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-pet {
                width: 760px;
                max-width: 760px;
                min-width: 660px;
                right: 0 !important;
                left: auto !important;
                top: 55px !important;
            }
			.nav-right-col .mtmegamenu .mt-root .menu-items.dropdown-jewelry {
                width: 760px;
                max-width: 760px;
                min-width: 660px;
                right: 0 !important;
                left: auto !important;
                top: 55px !important;
            }
			
			
			.mt-m1{ padding-top:48px;}

            /* ================================================================
               侧边栏弹出框：每个独立定义宽度 + 位置（不合并）
               ================================================================ */
            .mega-menu-category .wrap-popup.popup-bars-restaurants {
                width: 900px;
                left: 100.5% !important;
                top: 0 !important;
            }
            .mega-menu-category .wrap-popup.popup-health-beauty-wellness {
                width: 1000px;
                left: 100.5% !important;
                top: -52px !important;
            }
            .mega-menu-category .wrap-popup.popup-camping-outdoor-gear {
                width: 900px;
                left: 100.5% !important;
                top: -103px !important;
            }
            .mega-menu-category .wrap-popup.popup-technology-products {
                width: 920px;
                left: 100.5% !important;
                top: -156px !important;
            }
            .mega-menu-category .wrap-popup.popup-glow-led-product {
                width: 1050px;
                left: 100.5% !important;
                top: -208px !important;
            }
             .mega-menu-category .wrap-popup.popup-gift-packaging-box {
                width: 600px;
                left: 100.5% !important;
                top: -260px !important;
            }
            .mega-menu-category .wrap-popup.popup-toys-games {
                width: 900px;
                left: 100.5% !important;
                top: -312px !important;
            }
            .mega-menu-category .wrap-popup.popup-exhibitions-events {
                width: 900px;
                left: 100.5% !important;
                top: -364px !important;
            }
            .mega-menu-category .wrap-popup.popup-fan-gear-cheering-products {
                width: 900px;
                left: 100.5% !important;
                top: -416px !important;
            }
            .mega-menu-category .wrap-popup.popup-christmas-holidays {
                width: 600px;
                left: 100.5% !important;
                top: -468px !important;
            }
            .mega-menu-category .wrap-popup.popup-apple-store11 {
                width: 420px;
                left: 100.5% !important;
                top: 0 !important;
            }
            .mega-menu-category .wrap-popup.popup-apple-store12 {
                width: 420px;
                left: 100.5% !important;
                top: 0 !important;
            }

            /* ================================================================
               ★ Shop by category 主菜单：按钮宽度仅保留图标（55px），下拉菜单独立宽度
               ================================================================ */
            .mega-container .navleft-container {
                position: relative;
            }

            /* 让按钮宽度自适应，只显示图标 */
            .mega-menu-title {
                display: inline-block;
                width: auto;
                background: #00BC70;
                height: 58px;
                margin-top: -1px;
                cursor: pointer;
            }
            .mega-menu-title h3 {
                padding: 0;
                height: 58px;
                font-size: 0;
                line-height: 58px;
                color: transparent;
                /* 隐藏文字 */;
            }
            .mega-menu-title h3:after {
                position: static;
                display: inline-block;
                width: 55px;
                height: 59px;
                background: #00BC70;
                content: "\f039";
                font-family: 'FontAwesome';
                font-size: 18px;
                line-height: 58px;
                text-align: center;
                color: #fff;
                font-weight: normal;
                /* 去掉绝对定位相关 */;
            }
            .mega-menu-title:hover h3:after {
                background: #FFB800;
            }

            /* 下拉菜单独立宽度，从按钮左侧弹出 */
            .mega-container .mega-menu-category {
                position: absolute;
                top: 100%;
                left: 0;
                width: 290px;               /* 自定义主菜单宽度 */
                max-width: 92vw;
                z-index: 1000;
                background: #fff;
                border: 2px solid #d9d9d9;
                border-top: 0;
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
                display: none;               /* 保留由 JS 控制显示 */
                overflow: visible;
            }

            /* 子菜单保持原有绝对定位（left:110% 等），不受影响 */
            /* 无需覆盖 .wrap-popup */

            /* 可选：如果希望下拉菜单靠右对齐，取消注释并注释掉 left:0 */
            /*
            .mega-container .mega-menu-category {
                left: auto;
                right: 0;
            }
            */

            /* 可选：居中 */
            /*
            .mega-container .mega-menu-category {
                left: 50%;
                transform: translateX(-50%);
            }
            */
        }

        /* 其他小屏微调 */
        @media (max-width: 992px) {
            .language-currency-wrapper .block.block-language {
                width: 65px;
            }
        }
        @media (max-width: 1024px) {
            .language-currency-wrapper .block.block-currency {
                width: 65px;
            }
            .language-currency-wrapper .block.block-currency>div {
                margin-right: 8px;
            }
        }
        @media (min-width: 768px) and (max-width: 1200px),
        (max-width: 990px) {
            .language-currency-wrapper .block>div img {
                margin-left: 10px;
            }
            .lg-cur span .lg-fr {
                display: none;
            }
        }