/* ITOI Figma refresh - loaded last */
html,
body {
    min-width: 1200px;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    color: #202428;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

@media (min-width: 1200px) {
    html,
    body {
        overflow-x: clip;
    }
}

a {
    text-decoration: none;
}

.pub-header,
.aituai .header-zone,
.pub-footer,
#footer {
    display: none !important;
}

.itoi-topbar {
    position: relative;
    z-index: 30;
    width: min(100%, 1920px);
    height: 40px !important;
    margin: 0 auto;
    background: #3b3836;
}

.itoi-topbar-inner {
    width: 1200px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.itoi-topbar-left,
.itoi-topbar-right {
    display: flex;
    align-items: center;
    gap: 28px;
}

.itoi-topbar a {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 40px;
}

.itoi-topbar a:hover {
    color: #fff;
}

.aituai,
.xiaoai {
    position: relative;
    z-index: 2;
    width: min(100%, 1920px);
    min-height: 1000px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background: #0e1113;
}

.xiaoai {
    display: none !important;
}

.aituai .header-zone,
.xiaoai .headers {
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.14);
}

.itoi-mainnav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 25;
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.12);
}

.itoi-mainnav-inner {
    position: relative;
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.index-floor .index-goods .right li .pic,
.index-floor .index-goods .right li .item,
.index-floor .index-goods .right li .itoi-card-image {
    background: transparent !important;
}

.itoi-main-logo {
    width: 150px;
    flex: 0 0 150px;
}

.itoi-main-logo img {
    width: 112px !important;
    max-height: 52px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.itoi-main-logo div {
    display: none;
}

.itoi-main-menu {
    position: absolute;
    left: 375px;
    top: 0;
    height: 80px;
    display: flex;
    align-items: center;
    gap: 54px;
}

.itoi-main-menu a {
    color: #fff;
    font-size: 14px;
    line-height: 80px;
    white-space: nowrap;
}

.itoi-main-menu a:hover {
    color: #fff;
}

.itoi-main-search {
    position: absolute;
    right: 0;
    top: 22px;
    width: 220px;
    height: 36px;
}

.itoi-main-search .searchbar,
.itoi-main-search form {
    width: 220px;
    height: 36px;
}

.itoi-main-search input {
    width: 220px !important;
    height: 36px !important;
    padding: 0 52px 0 18px !important;
    color: #333 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-sizing: border-box;
}

.itoi-main-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 36px;
    padding: 0;
    color: transparent !important;
    border: 0;
    background: transparent;
}

.itoi-main-search .btn-search::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 8px;
    width: 13px;
    height: 13px;
    border: 2px solid #1d2226;
    border-radius: 50%;
}

.itoi-main-search .btn-search::after {
    content: "";
    position: absolute;
    left: 29px;
    top: 22px;
    width: 10px;
    height: 2px;
    background: #1d2226;
    transform: rotate(45deg);
}

.aituai .header-zone {
    left: 50%;
    width: 1200px;
    transform: translateX(-50%);
    background: transparent;
}

.header-zone .ribbon {
    position: relative;
    height: 80px;
    padding: 0;
    display: flex;
    align-items: center;
}

.header-zone .ribbon .r-logo {
    flex: 0 0 160px;
    width: 160px;
    margin: 0;
    padding: 0;
}

.header-zone .ribbon .r-logo img {
    width: 112px !important;
    max-height: 52px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.header-zone .ribbon .r-logo div {
    display: none;
}

.header-zone .h-navs {
    position: absolute;
    left: 372px;
    top: 0;
    z-index: 2;
    height: 80px;
    display: flex;
    align-items: center;
    gap: 54px;
}

.header-zone .h-navs > .left-menu:first-child,
.header-zone .h-navs > a.act,
.header-zone .h-navs > a[href*="member-index"] {
    display: none !important;
}

.header-zone .h-navs > a,
.header-zone .h-navs .ulink a {
    display: block;
    height: 80px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 80px;
    white-space: nowrap;
    background: transparent;
}

.header-zone .h-navs > a.act,
.header-zone .h-navs > a:hover,
.header-zone .h-navs .ulink a:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.header-zone .h-navs .left-menu {
    position: relative;
    z-index: 3;
}

.header-zone .h-navs .ulink {
    height: 80px;
    background: transparent;
}

.header-zone .h-navs .xdrop-down {
    top: 64px;
    left: 50%;
    min-width: 118px;
    transform: translateX(-50%);
}

.header-zone .h-navs .xdrop-down .left li {
    width: 118px;
    background: rgba(32, 36, 40, 0.96);
}

.header-zone .ribbon .r-search {
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 4;
    width: 220px;
    display: block;
    margin: 0;
}

.header-zone .ribbon .r-search .searchbar,
.header-zone .ribbon .r-search form {
    width: 220px;
    height: 36px;
}

.header-zone .ribbon .r-search form input {
    width: 220px;
    height: 36px;
    padding: 0 62px 0 18px;
    color: #333;
    border: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-sizing: border-box;
}

.header-zone .ribbon .r-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 36px;
    padding: 0;
    color: transparent;
    font-size: 13px;
    line-height: 36px;
    border: 0;
    background: transparent;
}

.header-zone .ribbon .r-search .btn-search::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 8px;
    width: 13px;
    height: 13px;
    border: 2px solid #1d2226;
    border-radius: 50%;
}

.header-zone .ribbon .r-search .btn-search::after {
    content: "";
    position: absolute;
    left: 29px;
    top: 22px;
    width: 10px;
    height: 2px;
    background: #1d2226;
    transform: rotate(45deg);
}

.header-zone .ribbon .r-cart {
    display: none !important;
}

.header-zone .ribbon .r-cart p,
.header-zone .ribbon .r-cart span {
    color: #fff;
}

.header-zone .ribbon .r-cart img {
    filter: brightness(0) invert(1);
}

.index-swiper {
    position: relative;
    z-index: 1;
    width: min(100%, 1920px);
    height: 1000px;
    min-height: 1000px;
    margin: 0 auto;
    background: transparent;
    overflow: hidden;
}

.index-swiper .mySwiper,
.index-swiper .swiper-container,
.index-swiper .swiper-wrapper,
.index-swiper .swiper-slide,
.index-swiper .swiper-slide a {
    height: 1000px !important;
    min-height: 1000px;
}

.index-swiper .swiper-slide img,
.index-swiper .mySwiper img {
    width: 100%;
    height: 1000px !important;
    object-fit: cover;
    opacity: 1 !important;
}

.index-swiper .swiper-pagination,
.index-swiper .swiper-button-next,
.index-swiper .swiper-button-prev {
    display: none;
}

.index-swiper .swiper-wrapper {
    pointer-events: none;
}

.itoi-home-hero .swiper-wrapper {
    pointer-events: auto;
}

.itoi-home-hero {
    height: 43.75vw;
    min-height: 0;
    max-height: 840px;
}

.itoi-home-hero .swiper-container,
.itoi-home-hero .swiper-wrapper,
.itoi-home-hero .swiper-slide,
.itoi-home-hero .swiper-slide a,
.itoi-home-hero .swiper-slide img {
    height: 100% !important;
    min-height: 0;
}

.itoi-home-hero-media {
    position: relative;
    display: block;
}

.itoi-home-hero-copy {
    position: absolute;
    left: 50%;
    bottom: 110px;
    z-index: 2;
    display: flex;
    width: 1200px;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    transform: translateX(-50%);
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}

.itoi-home-hero-copy strong {
    font-size: 38px;
    line-height: 52px;
    font-weight: 700;
}

.itoi-home-hero-copy small {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
}

body.itoi-shop-home-page .aituai {
    min-height: 0;
}

.itoi-home-promo {
    position: relative;
    z-index: 6;
    display: flex;
    width: 100%;
    height: 96px;
    align-items: center;
    justify-content: center;
    background: #0e1113;
}

.itoi-home-promo-inner {
    position: relative;
    width: min(62.5vw, 1200px);
    height: 72px;
}

.itoi-home-promo-content,
.itoi-home-promo-content > p {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.itoi-home-promo-content {
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
}

.itoi-home-promo-content img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill;
}

.itoi-home-promo-close {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 2;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    color: #4a4a4a;
    background: #fff;
    font: 18px/19px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}

.itoi-home-promo-close:hover {
    color: #111;
    border-color: #888;
}

.aituai::after,
.xiaoai::after {
    display: none !important;
}

.xiaoai_center {
    width: min(100%, 1920px);
    margin: 0 auto;
    padding-top: 0;
    background: #fff;
}

.index-floor {
    width: 1200px;
    margin: 0 auto 20px;
}

.itoi-configured-floor .top-img {
    position: relative;
    width: min(100vw, 1920px);
    height: 31.28vw !important;
    min-height: 375px;
    max-height: 600px;
    margin: 10px 0 54px 50%;
    overflow: hidden;
    border-radius: 0 !important;
    background-color: #202428;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}

.itoi-configured-floor .top-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.02));
}

.itoi-section-copy {
    position: relative;
    z-index: 1;
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.itoi-section-copy strong {
    font-size: 34px;
    line-height: 46px;
    font-weight: 700;
}

.itoi-section-copy span {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
}

.itoi-section-copy a {
    min-width: 118px;
    height: 34px;
    margin-top: 24px;
    padding: 0 24px;
    color: #222;
    font-size: 13px;
    line-height: 34px;
    border-radius: 17px;
    background: #fff;
}

.itoi-floor-title {
    height: 50px;
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.itoi-floor-heading {
    min-width: 142px;
}

.itoi-floor-heading span {
    display: block;
    width: 30px;
    height: 4px;
    margin-bottom: 7px;
    background: #f36f21;
}

.itoi-floor-heading small {
    display: block;
    color: #f36f21;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
}

.itoi-floor-heading strong {
    display: block;
    margin-top: 7px;
    color: #111;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
}

.itoi-floor-tabs {
    height: 30px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    background: #f5f6f6;
    overflow: hidden;
}

.itoi-floor-tabs a {
    position: relative;
    padding: 0 24px;
    color: #777;
    font-size: 13px;
    line-height: 30px;
}

.itoi-floor-tabs a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 1px;
    height: 14px;
    background: #ddd;
}

.itoi-floor-more {
    min-width: 92px;
    height: 30px;
    margin-left: auto;
    padding: 0 9px 0 18px;
    color: #333;
    font-size: 13px;
    line-height: 30px;
    border-radius: 15px;
    background: #f7f7f7;
}

.itoi-floor-more::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    vertical-align: -6px;
    border-radius: 50%;
    background: #f36f21;
}

.index-floor .index-goods {
    display: block;
    width: 1200px;
    padding: 0;
    overflow: visible;
}

.index-floor .index-goods > .left {
    display: none !important;
}

.itoi-products-shell {
    position: relative;
    width: 1200px;
}

.itoi-products-viewport {
    width: 1200px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.itoi-products-viewport::-webkit-scrollbar {
    display: none;
}

.index-floor .index-goods .right {
    width: 1200px !important;
    max-width: none !important;
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    margin: 0;
    padding: 0;
}

.index-floor .index-goods .right li,
.index-floor .index-goods .right li:nth-child(4n) {
    position: relative;
    flex: 0 0 calc((100% - 42px) / 4);
    width: calc((100% - 42px) / 4) !important;
    margin: 0;
    list-style: none;
}

.index-floor .index-goods .right li a {
    display: block;
    width: 100%;
    color: #202428;
    text-align: left;
    text-decoration: none;
}

.index-floor .index-goods .right li a img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    padding: 0;
    object-fit: contain;
    background: transparent !important;
    box-sizing: border-box;
}

.index-floor .index-goods .right li a p,
.index-floor .index-goods .right li .itoi-card-name {
    display: block;
    width: calc(100% - 82px);
    height: 24px;
    margin: 14px 0 0;
    color: #202428;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-floor .index-goods .right li .itoi-card-price {
    position: absolute;
    right: 8px;
    top: calc((1200px - 42px) / 4 + 14px);
    color: #ff6b1b;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
}

.index-floor .index-goods .right li a:hover p {
    color: #f36f21;
    text-decoration: none;
}

.index-floor .more {
    display: none !important;
}

.itoi-slider-controls {
    position: relative;
    height: 54px;
    margin-top: 34px;
    border-bottom: 0;
}

.itoi-slider-controls.is-static {
    display: none;
}

.itoi-scroll-track {
    position: absolute;
    left: 0;
    top: 18px;
    width: calc(100% - 92px);
    height: 2px;
    background: #eeeeee;
}

.itoi-scroll-track span {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    background: #f36f21;
}

.itoi-slide-btn {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 30px;
    height: 30px;
    border: 1px solid #cfd3d4;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.itoi-slide-btn::before {
    content: "";
    position: absolute;
    top: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
}

.itoi-slide-prev {
    right: 44px;
}

.itoi-slide-prev::before {
    left: 12px;
    transform: rotate(-45deg);
}

.itoi-slide-next {
    right: 0;
}

.itoi-slide-next::before {
    right: 12px;
    transform: rotate(135deg);
}

.itoi-slide-btn:hover {
    background: #f36f21;
    border-color: #f36f21;
}

.itoi-slide-btn:hover::before {
    border-color: #fff;
}

.itoi-footer {
    margin-top: 78px;
    background: #25272a;
    color: #8f9397;
}

.itoi-footer-inner {
    position: relative;
    width: 1200px;
    min-height: 292px;
    margin: 0 auto;
    padding: 52px 0 0;
    box-sizing: border-box;
}

.itoi-footer-cols {
    display: flex;
    justify-content: flex-start;
    gap: 78px;
    padding-right: 180px;
}

.itoi-footer-cols .item {
    min-width: 76px;
}

.itoi-footer-cols .title {
    padding: 0 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.itoi-footer-cols .title::after {
    display: none !important;
}

.itoi-footer-cols li {
    line-height: 27px;
    text-align: left;
}

.itoi-footer-cols li a {
    color: #8f9397;
    font-size: 12px;
    text-decoration: none;
}

.itoi-footer-code {
    position: absolute;
    right: 2px;
    top: 40px;
    width: 110px;
    color: #8f9397;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}

.itoi-footer-code img {
    display: block;
    width: 108px;
    height: 108px;
    margin: 0 auto 8px;
}

.itoi-footer-code > a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.itoi-footer-owner {
    position: absolute;
    right: 0;
    top: 198px;
    color: #8f9397;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

.itoi-footer-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    column-gap: 32px;
    top: auto;
    box-sizing: border-box;
}

.itoi-footer-bottom p {
    margin: 0 !important;
    color: #8f9397 !important;
    font-size: 12px;
    line-height: 20px !important;
    text-align: left !important;
    white-space: nowrap;
}

.itoi-footer-bottom > p:first-child {
    max-width: 610px;
    overflow: hidden;
}

.itoi-footer-bottom > p:first-child span + span {
    margin-left: 46px;
}

.itoi-footer-bottom .footer-nav {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end;
    white-space: nowrap;
}

.itoi-footer-bottom .footer-nav img {
    display: none !important;
}

.itoi-footer-bottom .footer-nav p {
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    text-align: right !important;
    white-space: nowrap;
}

.itoi-footer-bottom .footer-nav span:last-child {
    display: inline;
}

.itoi-footer-bottom a {
    color: #8f9397 !important;
    font-size: 12px;
}

.side {
    width: 64px;
    right: 40px;
    top: 50% !important;
    margin-top: -128px;
    border: 0;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}

.side ul li {
    width: 64px;
    height: 64px;
    border-color: #edf0f2;
    font-size: 12px;
    line-height: 26px;
}

.itoi-topbar-right {
    gap: 26px;
}

.itoi-topbar-right .strlogin {
    order: 2;
}

.itoi-topbar-right .itoi-cart-link {
    order: 1;
    margin-right: 20px;
}

.itoi-topbar-right .strhello {
    order: 3;
}

.itoi-topbar-right .itoi-welcome {
    order: 4;
}

.itoi-topbar-right.itoi-is-login .strhello {
    order: 1;
}

.itoi-topbar-right.itoi-is-login .itoi-cart-link {
    order: 3;
}

.itoi-topbar-right.itoi-is-login .itoi-welcome {
    order: 4;
}

.itoi-topbar-right .strhello {
    display: none;
}

.itoi-topbar-right .itoi-welcome {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itoi-main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.itoi-menu-item {
    position: relative;
    height: 80px;
    padding: 0 34px;
}

.itoi-menu-link,
.itoi-main-menu > a {
    display: block;
    height: 80px;
    color: #fff;
    font-size: 16px;
    line-height: 80px;
    font-weight: 600;
    text-decoration: none;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
}

.itoi-menu-item.has-panel .itoi-menu-link::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: 2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
}

.itoi-menu-item:hover .itoi-menu-link,
.itoi-menu-item.active .itoi-menu-link {
    color: #fff;
}

.itoi-menu-item:hover .itoi-menu-link::before,
.itoi-menu-item.active .itoi-menu-link::before {
    content: "";
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 12px;
    height: 1px;
    background: #fff;
}

.itoi-nav-panel {
    display: none;
    position: fixed;
    z-index: 180;
    top: 98px;
    left: 50%;
    width: 1200px;
    height: 360px;
    transform: translateX(-50%);
    background: rgba(232, 235, 243, 0.94);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    backdrop-filter: blur(4px);
}

.itoi-menu-item.has-panel:hover .itoi-nav-panel,
.itoi-menu-item.has-panel.panel-open .itoi-nav-panel {
    display: flex;
}

.itoi-nav-side {
    width: 240px;
    padding-top: 40px;
    background: rgba(228, 231, 240, 0.98);
}

.itoi-nav-title {
    padding: 0 0 24px 44px;
    color: #111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.itoi-nav-child {
    display: block;
    height: 44px;
    padding-left: 44px;
    color: #2b2f34;
    font-size: 13px;
    line-height: 44px;
    text-decoration: none;
}

.itoi-nav-child:first-of-type {
    background: rgba(199, 203, 214, 0.86);
    color: #111;
}

.itoi-nav-child:first-of-type::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    vertical-align: 3px;
    border-radius: 50%;
    background: #111;
}

.itoi-nav-detail {
    position: relative;
    flex: 1;
    min-width: 0;
    padding: 92px 0 0 56px;
    color: #111;
    background: linear-gradient(90deg, rgba(236, 239, 246, 0.94) 0%, rgba(236, 239, 246, 0.70) 46%, rgba(236, 239, 246, 0.12) 100%);
}

.itoi-nav-detail h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 28px;
    color: #111;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
}

.itoi-nav-detail dl {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 94px 104px;
    gap: 18px 22px;
    margin: 0;
    color: #111;
    font-size: 13px;
}

.itoi-nav-detail dt,
.itoi-nav-detail dd {
    margin: 0;
    line-height: 18px;
}

.itoi-nav-detail dd {
    font-weight: 600;
}

.itoi-nav-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 570px;
    height: 360px;
    object-fit: cover;
}

.itoi-search-panel {
    display: none;
    position: absolute;
    z-index: 96;
    top: 38px;
    left: 0;
    right: 0;
    height: 230px;
    background: #e8ebf3;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.08);
}

.itoi-search-panel.show {
    display: block;
}

.itoi-search-panel-inner {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.itoi-search-logo {
    position: absolute;
    left: 0;
    top: 25px;
}

.itoi-search-logo img {
    display: block;
    width: 116px;
    height: auto;
    filter: none !important;
}

.itoi-search-panel-form {
    position: absolute;
    left: 350px;
    top: 26px;
    width: 510px;
    height: 46px;
    margin: 0;
    border-bottom: 1px solid #d9dde8;
}

.itoi-search-panel-form span {
    position: absolute;
    left: 0;
    top: 15px;
    width: 14px;
    height: 14px;
    border: 1px solid #111;
    border-radius: 50%;
}

.itoi-search-panel-form span::after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: -4px;
    width: 7px;
    height: 1px;
    background: #111;
    transform: rotate(45deg);
}

.itoi-search-panel-form input {
    width: 420px;
    height: 46px;
    margin-left: 34px;
    border: 0;
    background: transparent;
    color: #111;
    font-size: 14px;
    outline: none;
}

.itoi-search-close {
    position: absolute;
    right: 0;
    top: 8px;
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    color: #111;
    font-size: 24px;
    line-height: 28px;
    cursor: pointer;
}

.itoi-hot-search {
    position: absolute;
    left: 350px;
    top: 94px;
    color: #6f7480;
    font-size: 12px;
    line-height: 20px;
}

.itoi-hot-search strong {
    display: block;
    margin-bottom: 8px;
    color: #777c86;
    font-weight: 400;
}

.itoi-hot-search a {
    display: block;
    margin: 10px 0;
    color: #111;
    font-size: 13px;
    text-decoration: none;
}

.itoi-main-search form,
.itoi-main-search input,
.itoi-main-search button {
    cursor: pointer;
}

.side {
    width: 48px;
    right: 34px;
    margin-top: -126px;
    border-radius: 24px;
    background: #fff;
}

.side ul li {
    width: 48px;
    height: 56px;
    color: #333;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
}

.side ul li i {
    margin: 8px auto 1px;
    transform: scale(0.82);
}

.side ul li:last-child {
    height: 58px;
    color: #333;
    background: #fff;
}

.side ul li:last-child i {
    filter: invert(1);
}

/* Header polish pass */
.itoi-topbar {
    height: 40px !important;
    background: #3b3735;
}

.itoi-topbar-left,
.itoi-topbar-right {
    gap: 24px;
}

.itoi-topbar a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 40px;
    text-decoration: none;
}

.itoi-topbar a::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    opacity: 0.78;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.itoi-topbar-left a:nth-child(1)::before {
    border: 1px solid currentColor;
    border-radius: 50%;
    box-sizing: border-box;
    background:
        linear-gradient(currentColor, currentColor) center 3px / 4px 1px no-repeat,
        linear-gradient(currentColor, currentColor) center 6px / 7px 1px no-repeat;
}

.itoi-topbar-left a:nth-child(2)::before {
    width: 8px;
    height: 12px;
    border: 1px solid currentColor;
    border-radius: 2px;
    box-sizing: border-box;
    background: radial-gradient(currentColor 1px, transparent 1.5px) center 9px / 4px 4px no-repeat;
}

.itoi-topbar-left a:nth-child(3)::before {
    border: 1px solid currentColor;
    border-radius: 2px;
    box-sizing: border-box;
    background:
        linear-gradient(currentColor, currentColor) center 3px / 8px 1px no-repeat,
        linear-gradient(currentColor, currentColor) center 6px / 8px 1px no-repeat;
}

.itoi-topbar-right .itoi-cart-link::before {
    width: 13px;
    height: 11px;
    border: 1px solid currentColor;
    border-top: 0;
    border-radius: 1px 1px 3px 3px;
    box-sizing: border-box;
    background:
        radial-gradient(currentColor 1px, transparent 1.5px) 2px 9px / 4px 4px no-repeat,
        radial-gradient(currentColor 1px, transparent 1.5px) 9px 9px / 4px 4px no-repeat;
}

.itoi-topbar-right .strlogin::before,
.itoi-topbar-right .strhello::before,
.itoi-topbar-right .itoi-welcome::before {
    display: none;
}

.aituai,
.xiaoai {
    min-height: 1000px;
    background-position: center top;
}

.itoi-mainnav {
    top: 0;
    height: 80px;
    background: rgba(255, 255, 255, 0.08);
    background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0));
}

.itoi-mainnav-inner {
    height: 80px;
}

.itoi-main-logo img {
    width: 118px !important;
    max-height: 42px;
}

.itoi-main-menu {
    left: 318px;
    height: 68px;
}

.itoi-menu-item {
    height: 68px;
    padding: 0 26px;
}

.itoi-menu-link,
.itoi-main-menu > a,
.itoi-main-menu a {
    height: 68px;
    color: rgba(255, 255, 255, 0.94);
    font-size: 15px;
    line-height: 68px;
    font-weight: 600;
}

.itoi-menu-item:hover .itoi-menu-link::before,
.itoi-menu-item.active .itoi-menu-link::before {
    left: 26px;
    right: 26px;
    bottom: 8px;
}

.itoi-main-search {
    right: 0;
    top: 16px;
    width: 210px;
    height: 34px;
}

.itoi-main-search .searchbar,
.itoi-main-search form {
    width: 210px;
    height: 34px;
}

.itoi-main-search input {
    width: 210px !important;
    height: 34px !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.88) !important;
}

.itoi-main-search .btn-search {
    width: 46px;
    height: 34px;
}

.itoi-main-search .btn-search::before {
    left: 14px;
    top: 8px;
    width: 12px;
    height: 12px;
}

.itoi-main-search .btn-search::after {
     left: 22px !important;
    top: 17px !important;
}

.itoi-main-search .header_tool_search {
    display: none !important;
}

.itoi-search-panel {
    top: 30px;
}

.itoi-nav-panel {
    top: 98px;
}

.side {
    right: 24px;
    width: 48px;
    margin-top: -138px;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

.side ul li {
    width: 48px;
    height: 58px;
    padding: 0;
    color: #333;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #eef0f2;
    box-sizing: border-box;
    background: #fff;
}

.side ul li a {
    display: block;
    width: 48px;
    height: 58px;
    color: #333 !important;
    text-decoration: none;
}

.side ul li i {
    display: block;
    margin: 7px auto 2px;
    transform: scale(0.74);
    transform-origin: center;
}

.side ul li div {
    line-height: 18px;
}

.side ul li:last-child {
    height: 58px;
    color: #333;
    background: #fff;
}

.side ul li:last-child i {
    filter: none;
}

.aituai .header_nav,
.aituai .header_nav_item,
.aituai .header_tool,
.aituai .header_tool_search,
.aituai .search_box,
.aituai .shop-favorite,
.aituai .m-code,
.aituai .shop-category,
.aituai .shop-basic-info,
.aituai .shop-slogan {
    display: none !important;
}

.itoi-mainnav .header_tool,
.itoi-mainnav .header_tool_search,
.itoi-mainnav .search_box {
    display: none !important;
}

.header_nav,
.header_nav_item,
.header_tool,
.header_tool_search,
.search_box,
.shop-favorite,
.m-code,
.shop-category,
.shop-basic-info,
.shop-slogan {
    display: none !important;
}

.side ul li,
.side ul li a,
.side ul li div {
    overflow: visible;
    white-space: nowrap;
}

.side .sidetop {
    font-size: 11px;
    line-height: 15px;
}

/* Final right rail, matched to the Figma fixed pill */
.side {
    position: fixed !important;
    top: 50% !important;
    right: 38px !important;
    z-index: 150 !important;
    width: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 26px 0 !important;
    border: 0 !important;
    border-radius: 29px !important;
    background: #fff !important;
    box-shadow: 0 16px 42px rgba(22, 30, 36, 0.16) !important;
    transform: translateY(-50%);
    overflow: visible !important;
}

.side ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.side ul li {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 7px 3px 0 !important;
    border: 0 !important;
    color: #222 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    text-align: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

/* .side ul li + li::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 1px;
    background: #edf0f2;
} */

.side ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    width: 58px !important;
    height: 51px !important;
    color: #222 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.side ul li div {
    width: 58px !important;
    color: #222 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.side ul li i {
    display: none !important;
}

.side .shangqiao {
    order: 1;
}

.side .sideetel {
    order: 2;
}

.side .sideewm {
    order: 3;
}

.side .sidetop {
    order: 4;
}

.side ul li::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    order: -1;
}

.side .shangqiao::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12v-2a6 6 0 0 1 12 0v2' stroke='%23222' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M5 11h2.4v4H5.8A1.8 1.8 0 0 1 4 13.2v-.4A1.8 1.8 0 0 1 5.8 11H5Zm12 0h-2.4v4h1.6a1.8 1.8 0 0 0 1.8-1.8v-.4a1.8 1.8 0 0 0-1.8-1.8H17Z' stroke='%23222' stroke-width='1.5'/%3E%3Cpath d='M14.5 16.5c-.8.8-2 1.2-3.5 1.2' stroke='%23222' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.side .sideetel::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 4.2 9 7.7c.3.6.1 1.3-.4 1.7l-1 .8a11 11 0 0 0 4.2 4.2l.8-1c.4-.5 1.1-.7 1.7-.4l3.5 1.8c.6.3.9 1 .7 1.7-.4 1.4-1.6 2.3-3 2.3C8.7 18.8 3.2 13.3 3.2 6.5c0-1.4.9-2.6 2.3-3 .7-.2 1.4.1 1.7.7Z' stroke='%23222' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.side .sideewm::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='5' height='5' rx='1' stroke='%23222' stroke-width='1.5'/%3E%3Crect x='13' y='4' width='5' height='5' rx='1' stroke='%23222' stroke-width='1.5'/%3E%3Crect x='4' y='13' width='5' height='5' rx='1' stroke='%23222' stroke-width='1.5'/%3E%3Cpath d='M13 13h2v2h-2v-2Zm3 0h2v5h-2v-5Zm-3 3h2v2h-2v-2Z' fill='%23222'/%3E%3C/svg%3E");
}

.side .sidetop::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13 11 7l6 6' stroke='%23222' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 8v10' stroke='%23222' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.side .son {
    right: 58px !important;
}

/* Final header alignment */
.itoi-main-logo,
.itoi-main-logo .logo,
.itoi-main-logo a,
.itoi-main-logo img {
    display: block !important;
}

.itoi-main-logo {
    position: absolute;
    left: 0;
    top: 14px;
    width: 166px !important;
    height: 46px;
    flex: none !important;
}

.itoi-main-logo img {
    width: 150px !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.itoi-main-menu {
    left: 328px !important;
    right: 260px !important;
    width: auto !important;
    justify-content: center !important;
}

.itoi-menu-item {
    padding-right: 22px !important;
    padding-left: 22px !important;
}

.itoi-main-search {
    right: 0 !important;
    top: 18px !important;
    width: 220px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form,
.itoi-main-search input {
    width: 220px !important;
}

.itoi-main-search input {
    padding-left: 20px !important;
    padding-right: 48px !important;
}

.side ul li,
.side ul li a,
.side ul li div {
    white-space: nowrap !important;
    word-break: keep-all !important;
}

/* Category/search pages should keep only the shop header, not the home hero. */
body.itoi-shop-search-page .aituai,
body.itoi-shop-search-page .xiaoai {
    min-height: 68px !important;
    height: 68px !important;
    margin-bottom: 0 !important;
    background: #171b1d !important;
    overflow: visible !important;
}

body.itoi-shop-search-page .index-swiper {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
}

body.itoi-shop-search-page .itoi-mainnav {
    position: relative !important;
    top: 0 !important;
    background: #1d2224 !important;
}

body.itoi-shop-search-page .itoi-search-panel {
    top: 30px;
}

/* Home hero indicator and current shop floor layout */
.index-swiper .swiper-pagination {
    display: flex !important;
    left: 50% !important;
    right: auto !important;
    bottom: 38px !important;
    z-index: 20 !important;
    width: auto !important;
    height: 18px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 8px;
    transform: translateX(-50%);
    text-align: center;
}

.index-swiper .swiper-pagination-bullet {
    width: 22px;
    height: 18px;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.96);
    border-radius: 4px;
    background: transparent;
    opacity: 1;
    box-sizing: border-box;
}

.index-swiper .swiper-pagination-bullet-active {
    border-color: #fff;
    background: #fff;
}

.index-swiper .swiper-button-next,
.index-swiper .swiper-button-prev {
    display: none !important;
}

.shoptitle {
    position: relative;
    display: flex !important;
    align-items: flex-start;
    gap: 34px;
    width: 1200px !important;
    min-height: 62px;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}

.shoptitle .itoi-title-main {
    width: 126px;
    min-height: 54px;
}

.shoptitle .itoi-title-line {
    display: block;
    width: 23px;
    height: 3px;
    margin: 0 0 8px;
    background: #ff6b1b;
}

.shoptitle .itoi-title-main small {
    display: block;
    color: #ff6b1b;
    font-size: 10px;
    line-height: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.shoptitle .itoi-title-main strong {
    display: block;
    margin-top: 5px;
    color: #0f1114;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.shoptitle .itoi-title-tabs {
    flex: 0 1 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 28px;
    margin-top: 17px;
    padding: 0 24px;
    border-radius: 15px;
    background: #f1f3f4;
    overflow: hidden;
    white-space: nowrap;
}

.shoptitle .itoi-title-tabs span {
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 44px;
    color: #7b7f84;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    box-sizing: border-box;
}

.shoptitle .itoi-title-tabs span + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 1px;
    height: 12px;
    background: #dfe2e5;
}

.shoptitle .itoi-more {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 30px;
    margin: 15px 0 0 auto;
    padding: 0 7px 0 15px;
    color: #17191c !important;
    font-size: 12px;
    line-height: 30px;
    text-decoration: none !important;
    border-radius: 15px;
    background: #f5f6f7;
    box-sizing: border-box;
    white-space: nowrap;
}

.shoptitle .itoi-more::after {
    content: "";
    flex: none;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    border-radius: 50%;
    background: #ff6b1b url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.5 12.5 11 8 15.5' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 11h9' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist {
    display: flex !important;
    width: 1200px !important;
    margin: 0 auto 76px !important;
    padding: 0 !important;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    list-style: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist::-webkit-scrollbar {
    display: none;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist > li {
    flex: 0 0 300px;
    width: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    background: transparent !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist .item {
    position: relative;
    width: 300px;
    background: transparent !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist .pic,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist .pic a {
    display: block;
    width: 300px !important;
    height: 300px !important;
    background: transparent !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist .pic img {
    display: block;
    width: 300px !important;
    height: 300px !important;
    object-fit: contain;
    background: transparent !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist .name {
    display: block;
    width: 210px;
    color: #111 !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itemslist .price {
    position: absolute;
    right: 8px;
    top: 307px;
    color: #ff6b1b !important;
    font-size: 14px;
    line-height: 24px;
}

.index-floor .itoi-floor-title {
    display: flex !important;
    align-items: flex-start;
    gap: 34px;
    width: 1200px !important;
    min-height: 62px !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
}

.index-floor .itoi-floor-heading {
    width: 126px;
    min-width: 126px;
}

.index-floor .itoi-floor-heading span {
    width: 23px;
    height: 3px;
    margin: 0 0 8px;
    background: #ff6b1b;
}

.index-floor .itoi-floor-heading small {
    color: #ff6b1b;
    font-size: 10px;
    line-height: 13px;
    font-weight: 400;
}

.index-floor .itoi-floor-heading strong {
    margin-top: 5px;
    color: #0f1114;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.index-floor .itoi-floor-tabs {
    flex: 0 1 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 28px;
    margin-top: 17px;
    padding: 0px;
    border-radius: 15px;
    background: #f1f3f4;
    overflow: hidden;
    white-space: nowrap;
}

.index-floor .itoi-floor-tabs a {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 30px;
    color: #7b7f84;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    box-sizing: border-box;
}

.index-floor .itoi-floor-tabs a + a::before {
    top: 8px;
    height: 12px;
    background: #dfe2e5;
}

.index-floor .itoi-floor-more {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 92px;
    width: 92px;
    height: 30px;
    margin: 15px 0 0 auto !important;
    padding: 0 7px 0 15px;
    color: #17191c !important;
    font-size: 12px;
    line-height: 30px;
    text-decoration: none !important;
    border-radius: 15px;
    background: #f5f6f7;
    box-sizing: border-box;
    white-space: nowrap;
}

.index-floor .itoi-floor-more::after {
    flex: none;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    vertical-align: 0;
    border-radius: 50%;
    background: #ff6b1b url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.5 12.5 11 8 15.5' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 11h9' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}

.itoi-main-search {
    right: 22px !important;
    top: 17px !important;
    width: 250px !important;
    height: 34px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form,
.itoi-main-search input {
    width: 250px !important;
    height: 34px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form {
    position: relative;
}

.itoi-main-search input {
    padding: 0 50px 0 26px !important;
    color: rgba(25, 31, 36, 0.72) !important;
    font-size: 12px !important;
    line-height: 34px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
    outline: none !important;
    box-sizing: border-box !important;
}

.itoi-main-search input::placeholder {
    color: rgba(103, 111, 118, 0.62);
}

.itoi-main-search .btn-search {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 50px !important;
    height: 34px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
}

.itoi-main-search .btn-search::before {
    left: 16px !important;
    top: 7px !important;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #20262a !important;
    border-radius: 50% !important;
    background: transparent !important;
}

.itoi-main-search .btn-search::after {
    left: 30px !important;
    top: 22px !important;
    width: 8px !important;
    height: 2px !important;
    background: #20262a !important;
    transform: rotate(45deg);
    transform-origin: left center;
}

.itoi-main-search form::before {
    content: "";
    position: absolute;
    right: 50px;
    top: 8px;
    width: 1px;
    height: 18px;
    background: rgba(190, 197, 205, 0.62);
    pointer-events: none;
}

/* Use exported home icons from the design pack. */
.itoi-topbar a::before {
    border: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transform: none !important;
}

.itoi-topbar-left a:nth-child(1)::before {
    width: 16px !important;
    height: 16px !important;
    background-image: url("home/image1.png") !important;
}

.itoi-topbar-left a:nth-child(2)::before {
    width: 16px !important;
    height: 16px !important;
    background-image: url("home/image2.png") !important;
}

.itoi-topbar-left a:nth-child(3)::before {
    width: 16px !important;
    height: 16px !important;
    background-image: url("home/image3.png") !important;
}

.itoi-topbar-right .itoi-cart-link::before {
    width: 16px !important;
    height: 16px !important;
    background-image: url("home/image4.png") !important;
}

.side ul li::after {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.side .shangqiao::after {
    background-image: url("home/image5.png") !important;
}

.side .sideetel::after {
    background-image: url("home/image6.png") !important;
}

.side .sideewm::after {
    background-image: url("home/image7.png") !important;
}

.side .sidetop::after {
    background-image: url("home/image8.png") !important;
}

.shoptitle .itoi-more::after,
.index-floor .itoi-floor-more::after {
    background: url("home/image9.png") center / contain no-repeat !important;
}

.itoi-mainnav {
    /* background: rgba(40, 44, 46, 0.18) !important;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.20), inset 0 -1px 0 rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(3px); */
}

/* .itoi-mainnav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    height: 28px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0));
} */

.itoi-search-panel {
    top: 38px !important;
    height: 252px !important;
    background: rgba(232, 235, 243, 0.96) !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: blur(4px);
}

.itoi-search-panel-inner {
    width: 1200px !important;
}

.itoi-search-logo {
    left: 0 !important;
    top: 20px !important;
}

.itoi-search-logo img {
    width: 116px !important;
    filter: none !important;
}

.itoi-search-panel-form {
    left: 338px !important;
    top: 22px !important;
    width: 470px !important;
    height: 42px !important;
    border-bottom: 1px solid rgba(193, 198, 211, 0.72) !important;
}

.itoi-search-panel-form span {
    left: 0 !important;
    top: 12px !important;
    width: 13px !important;
    height: 13px !important;
    border: 1.5px solid #333942 !important;
    border-radius: 50% !important;
}

.itoi-search-panel-form span::after {
    right: -5px !important;
    bottom: -4px !important;
    width: 7px !important;
    height: 1.5px !important;
    background: #333942 !important;
}

.itoi-search-panel-form input {
    width: 360px !important;
    height: 42px !important;
    margin-left: 34px !important;
    color: #1e242b !important;
    font-size: 13px !important;
    line-height: 42px !important;
}

.itoi-search-panel-form input::placeholder {
    color: #323841;
}

.itoi-search-close {
    right: -2px !important;
    top: 7px !important;
    width: 28px !important;
    height: 28px !important;
    color: #2f343b !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 200 !important;
}

.itoi-hot-search {
    left: 372px !important;
    top: 86px !important;
    color: #7d828d !important;
    font-size: 12px !important;
    line-height: 22px !important;
}

.itoi-hot-search p,
.itoi-hot-search strong {
    display: block;
    margin: 0 0 10px !important;
    color: #868b95 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.itoi-hot-search a {
    display: block;
    margin: 0 0 11px !important;
    color: #111821 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-decoration: none !important;
}

.itoi-main-search {
    right: 18px !important;
    top: 12px !important;
    width: 270px !important;
    height: 50px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form,
.itoi-main-search input {
    width: 270px !important;
    height: 50px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form {
    position: relative;
}

.itoi-main-search input {
    padding: 0 74px 0 32px !important;
    color: #7f878c !important;
    font-size: 16px !important;
    line-height: 50px !important;
    border: 0 !important;
    border-radius: 25px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

.itoi-main-search input::placeholder {
    color: #8b9399;
}

.itoi-main-search form::before {
    right: 70px !important;
    top: 13px !important;
    width: 1px !important;
    height: 24px !important;
    background: rgba(199, 207, 214, 0.78) !important;
}

.itoi-main-search .btn-search {
    right: 0 !important;
    top: 0 !important;
    width: 70px !important;
    height: 50px !important;
    border: 0 !important;
    background: transparent !important;
}

.itoi-main-search .btn-search::before {
    left: 24px !important;
    top: 12px !important;
    width: 19px !important;
    height: 19px !important;
    border: 2.5px solid #05070a !important;
    border-radius: 50% !important;
}

.itoi-main-search .btn-search::after {
    left: 43px !important;
    top: 32px !important;
    width: 11px !important;
    height: 2.5px !important;
    background: #05070a !important;
    transform: rotate(45deg);
    transform-origin: left center;
}

.side ul li .son {
    z-index: 160 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background-color: #fff !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18) !important;
    overflow: visible !important;
}

.side ul li .son::after {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 5px -5px 12px rgba(0, 0, 0, 0.05);
}

.side ul li.sideewm .ewBox.son {
    left: -158px !important;
    top: -42px !important;
    width: 138px !important;
    height: 164px !important;
    padding: 132px 10px 12px !important;
    color: #24282c !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
    background-color: #fff !important;
    background-image: url("code.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center 14px !important;
    background-size: 112px 112px !important;
    box-sizing: border-box !important;
}

.side ul li.sideewm .ewBox.son::before {
    content: "\626b\7801\8fdb\5165\624b\673a\5546\57ce";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    color: #24282c;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

/* Keep the QR popover clickable without repeating its visible caption. */
.side ul li.sideewm .ewBox.son > a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.side ul li.sideetel .telBox.son {
    left: -196px !important;
    top: -21px !important;
    width: 176px !important;
    height: auto !important;
    min-height: 78px;
    padding: 14px 16px !important;
    color: #222 !important;
    text-align: left !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.side ul li.sideetel .telBox.son::before {
    content: "\8054\7cfb\7535\8bdd";
    display: block;
    margin-bottom: 8px;
    color: #7d858c;
    font-size: 12px;
    line-height: 18px;
}

.side ul li.sideetel .telBox dd {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 600;
    background: transparent !important;
    overflow: visible !important;
}

.side ul li.sideetel .telBox dd + dd {
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid #edf0f2;
}

.side ul li.sideetel .telBox dd span {
    display: inline !important;
    height: auto !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Final floor heading: orange mark + English label on one line, compact title. */
.index-floor .itoi-floor-heading,
.shoptitle .itoi-title-main {
    width: 140px !important;
    min-width: 126px !important;
    min-height: 52px !important;
}

.index-floor .itoi-floor-heading span,
.shoptitle .itoi-title-line {
    display: inline-block !important;
    width: 30px !important;
    height: 4px !important;
    margin: 0 8px 0 0 !important;
    vertical-align: 4px;
    background: #ff6b1b !important;
}

.index-floor .itoi-floor-heading small,
.shoptitle .itoi-title-main small {
    display: inline-block !important;
    color: #868b92 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    vertical-align: top;
}

.index-floor .itoi-floor-heading strong,
.shoptitle .itoi-title-main strong {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #111820 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
}

/* Final right rail icon size. */
.side ul li::after,
.side ul li i,
.side ul li img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    background-size: 24px 24px !important;
}

/* Final top logo size. */
.itoi-main-logo {
    width: 133px !important;
    height: 42px !important;
    flex: 0 0 133px !important;
}

.itoi-main-logo img {
    width: 133px !important;
    height: 42px !important;
    max-width: 133px !important;
    max-height: 42px !important;
    object-fit: contain !important;
}

/* Final header search sizing from the design frame */
/* .itoi-mainnav {
    background: rgba(173, 205, 221, 0.24) !important;
    box-shadow: 0 16px 36px rgba(20, 46, 62, 0.18), inset 0 -1px 0 rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(3px);
}

.itoi-mainnav::after {
    bottom: -30px !important;
    height: 30px !important;
    background: linear-gradient(180deg, rgba(95, 129, 148, 0.22), rgba(95, 129, 148, 0)) !important;
} */

.itoi-main-search {
    right: 18 !important;
    top: -7px !important;
    width: 178px !important;
    height: 34px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form,
.itoi-main-search input {
    width: 178px !important;
    height: 34px !important;
}

.itoi-main-search input {
    padding: 0 42px 0 18px !important;
    color: #7b8388 !important;
    font-size: 12px !important;
    line-height: 34px !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
}

.itoi-main-search input::placeholder {
    color: #9aa1a6 !important;
}

.itoi-main-search form::before {
    right: 39px !important;
    top: 8px !important;
    width: 1px !important;
    height: 18px !important;
    background: rgba(203, 210, 216, 0.86) !important;
}

.itoi-main-search .btn-search {
    width: 42px !important;
    height: 34px !important;
}

.itoi-main-search .btn-search::before {
    left: 12px !important;
    top: 8px !important;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #05070a !important;
}

.itoi-main-search .btn-search::after {
    left: 26px !important;
    top: 22px !important;
    width: 8px !important;
    height: 2px !important;
    background: #05070a !important;
}

/* Final compact search pill, matched to the design frame. */
.itoi-main-search {
    right: 0 !important;
    top: 17px !important;
    width: 176px !important;
    height: 32px !important;
    overflow: visible !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form,
.itoi-main-search input {
    width: 176px !important;
    height: 32px !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form {
    position: relative !important;
    border-radius: 17px !important;
}

.itoi-main-search input {
    display: block !important;
    padding: 0 44px 0 18px !important;
    color: rgba(90, 96, 102, 0.72) !important;
    font-size: 11px !important;
    line-height: 32px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.itoi-main-search input::placeholder {
    color: rgba(142, 149, 156, 0.86) !important;
}

.itoi-main-search form::before {
    content: "" !important;
    position: absolute !important;
    right: 42px !important;
    top: 8px !important;
    width: 1px !important;
    height: 16px !important;
    background: rgba(199, 207, 214, 0.92) !important;
    pointer-events: none !important;
}

.itoi-main-search .btn-search {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 42px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.itoi-main-search .btn-search::before {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    top: 8px !important;
    width: 13px !important;
    height: 13px !important;
    border: 2px solid #05070a !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-main-search .btn-search::after {
    content: "" !important;
    position: absolute !important;
    left: 25px !important;
    top: 20px !important;
    width: 8px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #05070a !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
}

/* Final expanded search panel. */
.itoi-search-panel {
    display: none;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 30px !important;
    z-index: 120 !important;
    width: 100% !important;
    height: 238px !important;
    background: #e7ebf3 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.itoi-search-panel.show {
    display: block !important;
}

.itoi-search-panel-inner {
    position: relative !important;
    width: 1200px !important;
    height: 238px !important;
    margin: 0 auto !important;
}

.itoi-search-logo {
    position: absolute !important;
    left: 72px !important;
    top: 30px !important;
    width: 133px !important;
    height: 42px !important;
}

.itoi-search-logo img {
    display: block !important;
    width: 133px !important;
    height: 42px !important;
    max-width: 133px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    filter: none !important;
}

.itoi-search-logo div {
    margin-top: 10px !important;
    color: #222933 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    text-align: center !important;
}

.itoi-search-panel-form {
    position: absolute !important;
    left: 438px !important;
    top: 24px !important;
    width: 496px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(192, 198, 210, 0.72) !important;
    background: transparent !important;
}

.itoi-search-panel-form span {
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    width: 14px !important;
    height: 14px !important;
    border: 1.5px solid #3f4650 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-search-panel-form span::after {
    content: "" !important;
    position: absolute !important;
     right: -7px !important;
    bottom: -2px !important;
    width: 7px !important;
    height: 1.5px !important;
    border-radius: 2px !important;
    background: #3f4650 !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
}

.itoi-search-panel-form input {
    display: block !important;
    width: 390px !important;
    height: 42px !important;
    margin: 0 40px 0 32px !important;
    padding: 0 !important;
    color: #202832 !important;
    font-size: 13px !important;
    line-height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    outline: none !important;
}

.itoi-search-panel-form input::placeholder {
    color: #333b45 !important;
}

.itoi-search-close {
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
}

.itoi-search-close::before,
.itoi-search-close::after {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 12px !important;
    width: 13px !important;
    height: 1px !important;
    background: #3f4650 !important;
}

.itoi-search-close::before {
    transform: rotate(45deg) !important;
}

.itoi-search-close::after {
    transform: rotate(-45deg) !important;
}

.itoi-hot-search {
    position: absolute !important;
    left: 470px !important;
    top: 84px !important;
    width: 180px !important;
    color: #8a909a !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

.itoi-hot-search p,
.itoi-hot-search strong {
    display: block !important;
    margin: 0 0 10px !important;
    color: #8a909a !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.itoi-hot-search a {
    display: block !important;
    margin: 0 0 9px !important;
    color: #111820 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-decoration: none !important;
}

/* Final category dropdown panel. */
.itoi-nav-panel {
    position: fixed !important;
    left: 50% !important;
    top: 98px !important;
    z-index: 180 !important;
    width: 1060px !important;
    height: 386px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.itoi-menu-item.has-panel:hover .itoi-nav-panel,
.itoi-menu-item.has-panel.panel-open .itoi-nav-panel {
    display: flex !important;
}

.itoi-nav-side {
    position: relative !important;
    z-index: 3 !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    height: 386px !important;
    padding: 38px 0 0 !important;
    background: #e4e7f0 !important;
    box-sizing: border-box !important;
}

.itoi-nav-title {
    height: 44px !important;
    padding: 0 0 0 44px !important;
    color: #111820 !important;
    font-size: 17px !important;
    line-height: 44px !important;
    font-weight: 400 !important;
}

.itoi-nav-child {
    display: block !important;
    height: 32px !important;
    padding: 0 0 0 44px !important;
    color: #555c66 !important;
    font-size: 12px !important;
    line-height: 32px !important;
    text-decoration: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-nav-child:first-of-type {
    height: 48px !important;
    margin: 0 !important;
    padding-left: 42px !important;
    color: #111820 !important;
    line-height: 48px !important;
    background: #c9ccd5 !important;
}

.itoi-nav-child:first-of-type::before {
    width: 4px !important;
    height: 4px !important;
    margin-right: 7px !important;
    vertical-align: 3px !important;
    border-radius: 50% !important;
    background: #111820 !important;
}

.itoi-nav-detail {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 386px !important;
    padding: 96px 0 0 56px !important;
    color: #111820 !important;
    background: #edf0f6 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.itoi-nav-detail::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(237, 240, 246, 0.98) 0%, rgba(237, 240, 246, 0.72) 33%, rgba(237, 240, 246, 0.08) 62%, rgba(237, 240, 246, 0) 100%) !important;
    pointer-events: none !important;
}

.itoi-nav-img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.itoi-nav-detail h3 {
    position: relative !important;
    z-index: 2 !important;
    max-width: 380px !important;
    margin: 0 0 30px !important;
    color: #111820 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dl {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 92px 94px !important;
    gap: 18px 28px !important;
    width: 250px !important;
    margin: 0 !important;
    color: #111820 !important;
    font-size: 13px !important;
}

.itoi-nav-detail dt,
.itoi-nav-detail dd {
    margin: 0 !important;
    line-height: 18px !important;
}

.itoi-nav-detail dt {
    color: #222933 !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dd {
    color: #222933 !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dt,
.itoi-nav-detail dd {
    font-size: 0 !important;
}

.itoi-nav-detail dt::before,
.itoi-nav-detail dd::before {
    display: block !important;
    color: #222933 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dt:nth-of-type(1)::before {
    content: "2026-03-18" !important;
}

.itoi-nav-detail dt:nth-of-type(2)::before {
    content: "\5bbd\677e" !important;
}

.itoi-nav-detail dt:nth-of-type(3)::before {
    content: "\805a\916f\7ea4\7ef4" !important;
}

.itoi-nav-detail dd:nth-of-type(1)::before {
    content: "\8fde\5e3d" !important;
}

.itoi-nav-detail dd:nth-of-type(2)::before {
    content: "\9002\4e2d" !important;
}

.itoi-nav-detail dd:nth-of-type(3)::before {
    content: "0.500kg" !important;
}

.itoi-nav-detail dt:nth-of-type(n+2)::after {
    display: block !important;
    margin-top: 5px !important;
    color: #848b95 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dt:nth-of-type(1)::after {
    content: "\4e0a\67b6\65f6\95f4" !important;
    display: block !important;
    margin-top: 5px !important;
    color: #848b95 !important;
    font-size: 11px !important;
    line-height: 14px !important;
}

.itoi-nav-detail dt:nth-of-type(2)::after {
    content: "\7248\578b" !important;
}

.itoi-nav-detail dt:nth-of-type(3)::after {
    content: "\9762\6599\6210\5206" !important;
}

.itoi-nav-detail dd:nth-of-type(1)::after {
    content: "\9886\578b" !important;
    display: block !important;
    margin-top: 5px !important;
    color: #848b95 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dd:nth-of-type(2)::after {
    content: "\539a\5ea6" !important;
    display: block !important;
    margin-top: 5px !important;
    color: #848b95 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
}

.itoi-nav-detail dd:nth-of-type(3)::after {
    content: "\5546\54c1\91cd\91cf" !important;
    display: block !important;
    margin-top: 5px !important;
    color: #848b95 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
}

/* Final 80px header compatibility. */
.itoi-mainnav {
    height: 80px !important;
    background: #e7ebf3 !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.itoi-mainnav-inner {
    height: 80px !important;
}

.itoi-main-logo {
    top: 19px !important;
}

.itoi-main-logo img {
    filter: none !important;
}

.itoi-main-menu {
    height: 80px !important;
}

.itoi-menu-item,
.itoi-menu-link,
.itoi-main-menu > a,
.itoi-main-menu a {
    height: 50px !important;
    color: #0f1114 !important;
    line-height: 50px !important;
}

.itoi-menu-link:hover,
.itoi-main-menu > a:hover,
.itoi-main-menu a:hover {
    color: #0f1114 !important;
}

body.itoi-shop-search-page .aituai,
body.itoi-shop-subpage .aituai {
    min-height: 80px !important;
    height: 80px !important;
    margin-bottom: 0 !important;
    background: #e7ebf3 !important;
    overflow: visible !important;
}

body.itoi-shop-search-page .itoi-mainnav,
body.itoi-shop-subpage .itoi-mainnav {
    position: relative !important;
    top: 0 !important;
    height: 80px !important;
    background: #e7ebf3 !important;
}

body.itoi-shop-search-page .itoi-mainnav-inner,
body.itoi-shop-subpage .itoi-mainnav-inner {
    height: 80px !important;
}

body.itoi-shop-search-page .itoi-main-menu,
body.itoi-shop-subpage .itoi-main-menu {
    height: 80px !important;
}

body.itoi-shop-search-page .itoi-menu-item,
body.itoi-shop-search-page .itoi-menu-link,
body.itoi-shop-search-page .itoi-main-menu > a,
body.itoi-shop-search-page .itoi-main-menu a,
body.itoi-shop-subpage .itoi-menu-item,
body.itoi-shop-subpage .itoi-menu-link,
body.itoi-shop-subpage .itoi-main-menu > a,
body.itoi-shop-subpage .itoi-main-menu a {
    /* height: 50px !important; */
    color: #0f1114 !important;
    /* line-height: 50px !important; */
}

.itoi-nav-panel {
    top: 110px !important;
}

/* Give category product content a small gap below the 80px header. */
body.itoi-shop-search-page .goods-shop,
body.itoi-shop-search-page .shopcenter-list,
body.itoi-shop-search-page .itemslist {
    margin-top: 18px !important;
}

/* Final rebuild for top logo and compact search control. */
.itoi-main-logo {
    position: absolute !important;
    left: 0 !important;
    top: 19px !important;
    width: 133px !important;
    height: 42px !important;
    overflow: hidden !important;
    flex: none !important;
}

.itoi-main-logo > div:not(.logo) {
    display: none !important;
}

.itoi-main-logo .logo,
.itoi-main-logo .logo a {
    display: block !important;
    float: none !important;
    width: 133px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.itoi-main-logo img {
    display: block !important;
    width: 175px !important;
    height: 91px !important;
    max-width: none !important;
    max-height: none !important;
    margin: -21px 0 0 -23px !important;
    object-fit: fill !important;
    filter: brightness(0) invert(1) !important;
}

body.itoi-shop-search-page .itoi-main-logo img,
body.itoi-shop-subpage .itoi-main-logo img {
    filter: none !important;
}

.itoi-main-search {
    position: absolute !important;
    right: 0 !important;
    top: 24px !important;
    width: 176px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form {
    position: relative !important;
    display: block !important;
    width: 176px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.itoi-main-search input {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 176px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 50px 0 18px !important;
    color: #8d949b !important;
    font-size: 11px !important;
    line-height: 32px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.itoi-main-search input::placeholder {
    color: #969da4 !important;
}

.itoi-main-search form::before {
    content: "" !important;
    position: absolute !important;
    left: auto !important;
    right: 42px !important;
    top: 8px !important;
    z-index: 2 !important;
    width: 1px !important;
    height: 16px !important;
    background: rgba(201, 208, 216, 0.9) !important;
    pointer-events: none !important;
}

.itoi-main-search .btn-search {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 3 !important;
    display: block !important;
    width: 42px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.itoi-main-search .btn-search::before {
    content: "" !important;
    position: absolute !important;
    left: 11px !important;
    top: 7px !important;
    width: 15px !important;
    height: 15px !important;
    border: 2px solid #05070a !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-main-search .btn-search::after {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 18px !important;
    width: 8px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #05070a !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
}

/* Move home main navigation slightly right to match the design. */
body:not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-menu {
    /* left: 390px !important; */
    right: 50px !important;
}

/* Final dropdown-open header and panel spacing. */
.itoi-mainnav:has(.itoi-menu-item.has-panel:hover),
.itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) {
    background: #e7ebf3 !important;
    background-image: none !important;
    box-shadow: none !important;
}

.itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-main-logo img,
.itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-main-logo img {
    filter: none !important;
}

.itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-main-menu a,
.itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-menu-link,
.itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-main-menu a,
.itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-menu-link {
    color: #0f1114 !important;
}

.itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-menu-link::after,
.itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-menu-link::after {
    background: #334055 !important;
}

.itoi-nav-panel {
    top: 110px !important;
    width: 1200px !important;
    height: 490px !important;
}

.itoi-nav-side {
    flex-basis: 260px !important;
    width: 260px !important;
    height: 490px !important;
    padding-top: 56px !important;
}

.itoi-nav-title {
    height: 58px !important;
    padding-left: 50px !important;
    font-size: 18px !important;
    line-height: 58px !important;
}

.itoi-nav-child {
    height: 39px !important;
    padding-left: 50px !important;
    font-size: 12px !important;
    line-height: 39px !important;
}

.itoi-nav-child:first-of-type {
    height: 58px !important;
    padding-left: 48px !important;
    line-height: 58px !important;
}

.itoi-nav-detail {
    height: 490px !important;
    padding: 112px 0 0 62px !important;
}

.itoi-nav-detail h3 {
    margin-bottom: 26px !important;
    font-size: 23px !important;
    line-height: 30px !important;
}

.itoi-nav-detail dl {
    grid-template-columns: 86px 74px !important;
    gap: 22px 18px !important;
    width: 178px !important;
    font-size: 13px !important;
}

.itoi-nav-detail dt,
.itoi-nav-detail dd {
    line-height: 18px !important;
}

/* Shared header/footer/right rail for non-shopcenter pages. */
body.itoi-common-page {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto !important;
    background: #fff !important;
}

body.itoi-common-page #topbar,
body.itoi-common-page #header,
body.itoi-common-page #nav,
body.itoi-common-page .top-banner,
body.itoi-common-page .head-second,
body.itoi-common-page .pub-footer,
body.itoi-common-page #footer {
    display: none !important;
}

body.itoi-common-page .itoi-common-header {
    position: relative !important;
    z-index: 220 !important;
    width: min(100%, 1920px) !important;
    margin: 0 auto !important;
}

body.itoi-common-page .itoi-topbar {
    position: relative !important;
    z-index: 82 !important;
    height: 38px !important;
    background: #3b3836 !important;
}

body.itoi-common-page .itoi-mainnav {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    z-index: 81 !important;
    height: 80px !important;
    background: #e7ebf3 !important;
    /* box-shadow: 0 14px 32px rgba(15, 23, 31, 0.16) !important; */
}

body.itoi-common-page .itoi-mainnav-inner {
    width: 1200px !important;
    height: 80px !important;
}

body.itoi-common-page .itoi-main-logo {
    left: 0 !important;
    top: 19px !important;
    width: 133px !important;
    height: 42px !important;
    background: url("home/image11.png") center / 133px 42px no-repeat !important;
}

body.itoi-common-page .itoi-main-logo::before,
body.itoi-common-page .itoi-main-logo::after {
    display: none !important;
}

body.itoi-common-page .itoi-main-menu {
    left: 300px !important;
    right: 230px !important;
    top: 0 !important;
    height: 80px !important;
    justify-content: center !important;
    gap: 0 !important;
}

body.itoi-common-page .itoi-menu-item {
    height: 80px !important;
    padding: 0 22px !important;
}

body.itoi-common-page .itoi-main-menu a,
body.itoi-common-page .itoi-menu-link {
    height: 80px !important;
    color: #0f1114 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 80px !important;
    text-shadow: none !important;
}

body.itoi-common-page .itoi-menu-item:hover .itoi-menu-link::before,
body.itoi-common-page .itoi-menu-item.active .itoi-menu-link::before {
    left: 22px !important;
    right: 22px !important;
    bottom: 0 !important;
    background: #1d3a5f !important;
}

body.itoi-common-page .itoi-menu-item.has-panel .itoi-menu-link::after {
    border-top-color: #0f1114 !important;
}

body.itoi-common-page .itoi-main-search {
    right: 0 !important;
    top: 24px !important;
    width: 176px !important;
    height: 32px !important;
}

body.itoi-common-page .itoi-main-search form {
    width: 176px !important;
    height: 32px !important;
}

body.itoi-common-page .itoi-search-panel {
    top: 38px !important;
}

/* Unified site header: homepage, shop list, item detail, and common pages. */
.pub-header,
.header-zone {
    display: none !important;
}

.itoi-topbar {
    position: relative !important;
    z-index: 260 !important;
    width: min(100%, 1920px) !important;
    height: 40px !important;
    margin: 0 auto !important;
    background: #3b3836 !important;
}

.itoi-topbar-inner {
    width: 1200px !important;
    height: 40px !important;
    margin: 0 auto !important;
}

.itoi-mainnav,
body.itoi-common-page .itoi-mainnav,
body.itoi-shop-subpage .itoi-mainnav,
body.itoi-shop-search-page .itoi-mainnav {
    z-index: 250 !important;
    width: 100% !important;
    height: 80px !important;
}

.itoi-mainnav-inner,
body.itoi-common-page .itoi-mainnav-inner {
    position: relative !important;
    width: 1200px !important;
    height: 80px !important;
    margin: 0 auto !important;
}

.itoi-main-logo,
body.itoi-common-page .itoi-main-logo {
    position: absolute !important;
    left: 0 !important;
    top: 19px !important;
    width: 133px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 133px 42px !important;
}

.itoi-main-logo *,
.itoi-main-logo img {
    opacity: 0 !important;
    visibility: hidden !important;
}

.itoi-main-menu,
body.itoi-common-page .itoi-main-menu {
    position: absolute !important;
    left: 374px !important;
    right: 226px !important;
    top: 0 !important;
    width: auto !important;
    height: 80px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

.itoi-menu-item,
body.itoi-common-page .itoi-menu-item {
    position: relative !important;
    flex: 0 0 auto !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 0 20px !important;
}

.itoi-menu-link,
.itoi-main-menu > a,
.itoi-main-menu a,
body.itoi-common-page .itoi-menu-link,
body.itoi-common-page .itoi-main-menu a {
    display: block !important;
    height: 80px !important;
    color: #111820 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 80px !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.itoi-menu-item.has-panel .itoi-menu-link::after {
    margin-left: 5px !important;
    border-top-color: currentColor !important;
}

.itoi-menu-item:hover .itoi-menu-link::before,
.itoi-menu-item.active .itoi-menu-link::before {
    left: 20px !important;
    right: 20px !important;
    bottom: 0 !important;
    height: 1px !important;
    background: #1c355d !important;
}

.itoi-main-search,
body.itoi-common-page .itoi-main-search {
    position: absolute !important;
    right: 0 !important;
    top: 24px !important;
    width: 176px !important;
    height: 32px !important;
    margin: 0 !important;
}

.itoi-main-search .searchbar,
.itoi-main-search form,
.itoi-main-search input {
    width: 176px !important;
    height: 32px !important;
}

.itoi-main-search form {
    position: relative !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    overflow: hidden !important;
}

.itoi-main-search input {
    margin: 0 !important;
    padding: 0 50px 0 16px !important;
    color: #777f88 !important;
    font-size: 11px !important;
    line-height: 32px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-main-search form::before {
    right: 43px !important;
    top: 8px !important;
    height: 16px !important;
}

.itoi-main-search .btn-search {
    right: 0 !important;
    top: 0 !important;
    width: 43px !important;
    height: 32px !important;
}

.itoi-main-search .btn-search::before {
    left: 11px !important;
    top: 7px !important;
    width: 13px !important;
    height: 13px !important;
}

.itoi-main-search .btn-search::after {
    left: 22px !important;
    top: 17px !important;
}

body.itoi-common-page .itoi-mainnav,
body.itoi-shop-subpage .itoi-mainnav,
body.itoi-shop-search-page .itoi-mainnav {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    background: #e7ebf3 !important;
    box-shadow: 0 10px 24px rgba(22, 34, 48, 0.08) !important;
}

body.itoi-common-page .itoi-main-logo,
body.itoi-shop-subpage .itoi-main-logo,
body.itoi-shop-search-page .itoi-main-logo {
    background-image: url("home/image11.png") !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    background: linear-gradient(180deg, rgba(12, 22, 29, 0.48), rgba(12, 22, 29, 0)) !important;
    box-shadow: none !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-logo {
    background-image: url("home/image10.png") !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-menu a,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-menu-link {
    color: #fff !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-menu-item:hover .itoi-menu-link::before,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-menu-item.active .itoi-menu-link::before {
    background: #fff !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover) {
    background: #e7ebf3 !important;
    box-shadow: 0 10px 24px rgba(22, 34, 48, 0.12) !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-main-logo {
    background-image: url("home/image11.png") !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-menu-link {
    color: #111820 !important;
}

/* One shared hover panel. It starts below the 40px utility bar and 80px nav. */
.itoi-menu-item.has-panel .itoi-nav-panel {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.itoi-menu-item.has-panel:hover .itoi-nav-panel {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.itoi-nav-panel,
body.itoi-common-page .itoi-nav-panel {
    position: fixed !important;
    left: 50% !important;
    top: 120px !important;
    z-index: 500 !important;
    width: 1200px !important;
    height: 446px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    background: #e7ebf3 !important;
    box-shadow: 0 24px 52px rgba(8, 18, 28, 0.24) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.itoi-nav-side {
    flex: 0 0 260px !important;
    width: 260px !important;
    height: 446px !important;
    padding: 48px 0 0 !important;
    background: #e1e5ef !important;
    box-sizing: border-box !important;
}

.itoi-nav-title {
    height: 58px !important;
    padding-left: 52px !important;
    color: #111820 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 58px !important;
}

.itoi-nav-child {
    position: relative !important;
    display: block !important;
    height: 38px !important;
    padding-left: 52px !important;
    color: #4f5662 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-nav-child:first-of-type {
    height: 48px !important;
    padding-left: 52px !important;
    color: #111820 !important;
    font-weight: 600 !important;
    line-height: 48px !important;
    background: #c8ccd6 !important;
}

.itoi-nav-child:first-of-type::before {
    content: "" !important;
    position: absolute !important;
    left: 42px !important;
    top: 50% !important;
    width: 3px !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #111820 !important;
    transform: translateY(-50%) !important;
}

.itoi-nav-detail {
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 446px !important;
    padding: 92px 0 0 54px !important;
    background: #edf0f6 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.itoi-nav-detail::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(237, 240, 246, 0.98) 0%, rgba(237, 240, 246, 0.82) 34%, rgba(237, 240, 246, 0.18) 63%, rgba(237, 240, 246, 0) 100%) !important;
    pointer-events: none !important;
}

.itoi-nav-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.itoi-nav-detail h3,
.itoi-nav-detail dl {
    position: relative !important;
    z-index: 2 !important;
}

.itoi-nav-detail h3 {
    margin: 0 0 30px !important;
    color: #111820 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}

.itoi-nav-detail dl {
    display: grid !important;
    grid-template-columns: 88px 76px !important;
    gap: 19px 18px !important;
    width: 190px !important;
    margin: 0 !important;
    color: #1b2430 !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

.itoi-nav-detail dt,
.itoi-nav-detail dd {
    min-height: 36px !important;
    margin: 0 !important;
    line-height: 18px !important;
}

.itoi-nav-detail dt::before,
.itoi-nav-detail dt::after,
.itoi-nav-detail dd::before,
.itoi-nav-detail dd::after {
    content: none !important;
    display: none !important;
}

/* One shared expanded-search state. */
.itoi-search-panel,
body.itoi-common-page .itoi-search-panel {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 40px !important;
    z-index: 600 !important;
    width: min(100%, 1920px) !important;
    height: 230px !important;
    margin: 0 auto !important;
    background: #e7ebf3 !important;
    box-shadow: 0 18px 34px rgba(15, 23, 31, 0.10) !important;
    overflow: hidden !important;
}

.itoi-search-panel-inner {
    position: relative !important;
    width: 1200px !important;
    height: 230px !important;
    margin: 0 auto !important;
    background: transparent !important;
}

.itoi-search-panel-inner::before,
.itoi-search-panel-inner::after {
    display: none !important;
}

.itoi-search-logo {
    left: 0 !important;
    top: 18px !important;
    width: 133px !important;
    height: 42px !important;
    background: url("home/image11.png") center / 133px 42px no-repeat !important;
}

.itoi-search-panel-form {
    left: 350px !important;
    top: 16px !important;
    width: 452px !important;
    height: 48px !important;
    border-bottom: 1px solid #cfd5df !important;
    background: transparent !important;
}

.itoi-search-panel-form input {
    height: 48px !important;
    line-height: 48px !important;
}

.itoi-hot-search {
    left: 350px !important;
    top: 64px !important;
    width: 452px !important;
    min-height: 166px !important;
    padding-top: 14px !important;
}

body.itoi-search-active .itoi-mainnav {
    background: #e7ebf3 !important;
    box-shadow: none !important;
}

body.itoi-search-active .itoi-mainnav-inner {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Search overlay final pass: match the design with exposed hero edges. */
body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav {
    background: transparent !important;
    box-shadow: none !important;
}

body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav-inner {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.itoi-search-panel {
    top: 40px !important;
    z-index: 520 !important;
    width: 100% !important;
    max-width: 1920px !important;
    height: 170px !important;
    min-height: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.itoi-search-panel-inner {
    position: relative !important;
    width: 100% !important;
    max-width: 1920px !important;
    height: 170px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    overflow: visible !important;
}

.itoi-search-panel-inner::before {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 48px !important;
    background: #e7ebf3 !important;
}

.itoi-search-panel-inner::after {
    left: 404px !important;
    top: 48px !important;
    width: 452px !important;
    height: 122px !important;
    background: #e7ebf3 !important;
}

.itoi-search-logo {
    left: 72px !important;
    top: 3px !important;
    width: 133px !important;
    height: 42px !important;
    background: url("home/image11.png") center / 133px 42px no-repeat !important;
}

.itoi-search-panel-form {
    left: 404px !important;
    top: 0 !important;
    width: 452px !important;
    height: 48px !important;
    border-bottom: 1px solid rgba(198, 204, 216, 0.76) !important;
    background: #e7ebf3 !important;
}

.itoi-search-panel-form span {
    left: 18px !important;
    top: 15px !important;
    width: 13px !important;
    height: 13px !important;
    border-width: 1.5px !important;
}

.itoi-search-panel-form input {
    width: 340px !important;
    height: 48px !important;
    margin: 0 44px 0 52px !important;
    font-size: 12px !important;
    line-height: 48px !important;
}

.itoi-search-close {
    right: 9px !important;
    top: 11px !important;
}

.itoi-hot-search {
    left: 404px !important;
    top: 48px !important;
    width: 452px !important;
    min-height: 122px !important;
    padding: 13px 0 10px 52px !important;
    background: transparent !important;
}

.itoi-hot-search p,
.itoi-hot-search strong {
    margin-bottom: 7px !important;
    color: #8a909a !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

.itoi-hot-search a {
    margin-bottom: 6px !important;
    color: #111820 !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

/* Final dropdown/header correction: keep the last word after older overrides. */
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav {
    height: 80px !important;
    background: linear-gradient(180deg, rgba(12, 22, 29, 0.42), rgba(12, 22, 29, 0.08) 72%, rgba(12, 22, 29, 0)) !important;
    /* box-shadow: 0 18px 34px rgba(8, 24, 34, 0.18) !important; */
}

body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover),
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) {
    background: #e7ebf3 !important;
    box-shadow: 0 14px 30px rgba(16, 29, 42, 0.18) !important;
}

.itoi-mainnav-inner {
    width: 1200px !important;
    height: 80px !important;
}

.itoi-main-logo {
    left: 0 !important;
    top: 19px !important;
    width: 133px !important;
    height: 42px !important;
    background-position: center !important;
    background-size: 133px 42px !important;
}

.itoi-main-menu {
    top: 0 !important;
    left: 374px !important;
    right: auto !important;
    height: 80px !important;
    gap: 42px !important;
    align-items: center !important;
}

.itoi-menu-item,
.itoi-menu-link,
.itoi-main-menu > a,
.itoi-main-menu a {
    height: 80px !important;
    line-height: 80px !important;
}

.itoi-menu-link::after {
    bottom: 12px !important;
}

.itoi-main-search {
    top: 24px !important;
    right: 0 !important;
}

.itoi-nav-panel {
    position: fixed !important;
    left: 50% !important;
    top: 120px !important;
    z-index: 210 !important;
    display: none !important;
    width: 1200px !important;
    height: 446px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    background: #e7ebf3 !important;
    box-shadow: 0 26px 52px rgba(8, 18, 28, 0.24) !important;
    overflow: hidden !important;
}

.itoi-menu-item.has-panel:hover .itoi-nav-panel,
.itoi-menu-item.has-panel.panel-open .itoi-nav-panel {
    display: flex !important;
}

.itoi-menu-item.has-panel.panel-open:not(:hover) .itoi-nav-panel {
    display: none !important;
}

.itoi-nav-side {
    flex: 0 0 220px !important;
    width: 220px !important;
    height: 446px !important;
    padding: 54px 0 0 !important;
    background: #e1e5ef !important;
    box-sizing: border-box !important;
}

.itoi-nav-title {
    height: 56px !important;
    padding-left: 48px !important;
    color: #111820 !important;
    font-size: 16px !important;
    line-height: 56px !important;
    font-weight: 400 !important;
}

.itoi-nav-child {
    display: block !important;
    height: 38px !important;
    padding-left: 48px !important;
    color: #4f5662 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-nav-child:first-of-type {
    height: 56px !important;
    padding-left: 48px !important;
    color: #111820 !important;
    font-weight: 600 !important;
    line-height: 56px !important;
    background: #c8ccd6 !important;
}

.itoi-nav-child:first-of-type::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    margin-right: 8px !important;
    vertical-align: 3px !important;
    border-radius: 50% !important;
    background: #111820 !important;
}

.itoi-nav-detail {
    position: relative !important;
    flex: 1 1 auto !important;
    width: 980px !important;
    height: 446px !important;
    padding: 92px 0 0 54px !important;
    background: #edf0f6 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.itoi-nav-detail::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(237, 240, 246, 0.98) 0%, rgba(237, 240, 246, 0.82) 34%, rgba(237, 240, 246, 0.2) 62%, rgba(237, 240, 246, 0) 100%) !important;
    pointer-events: none !important;
}

.itoi-nav-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.itoi-nav-detail h3,
.itoi-nav-detail dl {
    position: relative !important;
    z-index: 2 !important;
}

.itoi-nav-detail h3 {
    margin: 0 0 30px !important;
    color: #111820 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}

.itoi-nav-detail dl {
    grid-template-columns: 88px 76px !important;
    gap: 19px 18px !important;
    width: 190px !important;
}

body.itoi-common-page .itoi-nav-panel {
    top: 118px !important;
}

body.itoi-common-page .itoi-footer {
    width: min(100%, 1920px) !important;
    margin: 0px auto 0 !important;
}

body.itoi-common-page .side {
    right: 38px !important;
    top: 50% !important;
}

/* Final compact dropdown panel, matched to the Figma hover state. */
.itoi-menu-item.has-panel .itoi-nav-panel {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.itoi-menu-item.has-panel:hover .itoi-nav-panel {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.itoi-menu-item.has-panel.panel-open:not(:hover) .itoi-nav-panel {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.itoi-nav-panel {
    top: 80px !important;
    width: 1200px !important;
    height: 446px !important;
    background: rgba(229, 233, 243, .94) !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .34) !important;
    overflow: hidden !important;
}

.itoi-nav-side {
    flex: 0 0 260px !important;
    width: 260px !important;
    height: 446px !important;
    padding-top: 50px !important;
    background: rgba(224, 228, 238, .96) !important;
    box-sizing: border-box !important;
}

.itoi-nav-title {
    height: 62px !important;
    padding-left: 56px !important;
    color: #111820 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 62px !important;
}

.itoi-nav-child {
    position: relative !important;
    display: block !important;
    height: 38px !important;
    padding-left: 56px !important;
    color: #5a626f !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.itoi-nav-child:first-of-type {
    height: 48px !important;
    padding-left: 56px !important;
    color: #101720 !important;
    font-weight: 600 !important;
    line-height: 48px !important;
    background: rgba(197, 202, 214, .92) !important;
}

.itoi-nav-child:first-of-type::before {
    content: "" !important;
    position: absolute !important;
    left: 45px !important;
    top: 50% !important;
    width: 3px !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #101720 !important;
    transform: translateY(-50%) !important;
}

.itoi-nav-detail {
    height: 446px !important;
    padding: 92px 0 0 54px !important;
    background: linear-gradient(90deg, rgba(238, 241, 248, .95) 0%, rgba(238, 241, 248, .82) 38%, rgba(238, 241, 248, .16) 67%, rgba(238, 241, 248, 0) 100%) !important;
    box-sizing: border-box !important;
}

.itoi-nav-detail h3 {
    margin: 0 0 34px !important;
    color: #111820 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}

.itoi-nav-detail dl {
    grid-template-columns: 88px 74px !important;
    gap: 19px 16px !important;
    width: 178px !important;
    color: #1b2430 !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

.itoi-nav-detail dt,
.itoi-nav-detail dd {
    min-height: 36px !important;
    line-height: 18px !important;
}

.itoi-nav-detail dt::after,
.itoi-nav-detail dd::after {
    margin-top: 6px !important;
    color: #8a909a !important;
    font-size: 11px !important;
    line-height: 14px !important;
}

.itoi-nav-img {
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
    height: 446px !important;
    object-fit: cover !important;
}

/* Final logo assets: home default uses image10; active/common states use image11. */
.itoi-main-logo {
    width: 133px !important;
    height: 42px !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 133px 42px !important;
}

.itoi-main-logo,
.itoi-main-logo .logo,
.itoi-main-logo .logo a,
.itoi-main-logo > a {
    display: block !important;
}

.itoi-main-logo *,
.itoi-main-logo img {
    opacity: 0 !important;
    visibility: hidden !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-logo {
    background-image: url("home/image10.png") !important;
}

body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-logo,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-main-logo,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-main-logo,
body.itoi-shop-subpage .itoi-main-logo,
body.itoi-shop-search-page .itoi-main-logo {
    background-image: url("home/image11.png") !important;
}

.itoi-search-logo,
body.itoi-search-active .itoi-search-logo {
    width: 133px !important;
    height: 42px !important;
    background-image: url("home/image11.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 133px 42px !important;
}

body.itoi-common-page .side ul li:last-child {
    color: #333 !important;
    background: #fff !important;
}

/* Home header state: default shadow overlay; light only while search/dropdown is active. */
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav {
    height: 80px !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)) !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -26px !important;
    height: 26px !important;
    pointer-events: none !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-menu a,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-menu-link {
    color: #fff !important;
}

body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-search form,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-search input {
    background: rgba(255, 255, 255, 0.88) !important;
}

body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover),
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) {
    background: #e7ebf3 !important;
    background-image: none !important;
    box-shadow: 0 14px 32px rgba(15, 23, 31, 0.16) !important;
    backdrop-filter: none !important;
}

body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav::after,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover)::after,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open)::after {
    display: none !important;
}

body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-main-menu a,
body.itoi-search-active:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-menu-link,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-main-menu a,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel:hover) .itoi-menu-link,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-main-menu a,
body:not(.itoi-common-page):not(.itoi-shop-subpage):not(.itoi-shop-search-page) .itoi-mainnav:has(.itoi-menu-item.has-panel.panel-open) .itoi-menu-link {
    color: #0f1114 !important;
}

.itoi-nav-detail.itoi-nav-detail-links {
    padding: 78px 64px !important;
}

.itoi-nav-detail.itoi-nav-detail-links::before {
    display: none !important;
}

.itoi-nav-link-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 28px;
}

.itoi-nav-link-grid a {
    display: block;
    overflow: hidden;
    color: #4f5662 !important;
    font-size: 13px;
    line-height: 26px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itoi-nav-link-grid a:hover {
    color: #f36f21 !important;
}