@media (max-width: 768px) {body.xjm-site .xjm-header-inner{
        height: 80px;
        width: 92%;
        gap: 12px;
    }body.xjm-site .xjm-brand-logo{
        max-width: 180px;
        max-height: 46px;
    }body.xjm-site .xjm-brand-tagline, body.xjm-site .xjm-nav-wrap, body.xjm-site .xjm-hotline{
        display: none;
    }body.xjm-site .xjm-nav-toggle{
        display: inline-flex;
        width: 60px;
        height: 60px;
        align-items: center;
        justify-content: center;
        padding: 0;
    }body.xjm-site .xjm-nav-toggle-line{
        width: 21px;
        height: 2px;
        margin: 2px 0;
    }body.xjm-site .xjm-header-tools{
        gap: 10px;
    }body.xjm-site .xjm-mobile-panel{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        overflow-y: auto;
        border-top: 1px solid #eee;
        max-height: 0;
        opacity: 0;
        transform: translateY(-6px);
        transition: max-height 0.35s ease, opacity 0.2s ease, transform 0.2s ease;
    }body.xjm-site .xjm-mobile-panel.is-open{
        opacity: 1;
        transform: translateY(0);
    }body.xjm-site .xjm-mobile-panel .xjm-container{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }body.xjm-site .xjm-mobile-nav{
        padding: 0;
        margin: 0;
        gap: 0;
    }body.xjm-site .xjm-mobile-nav > li{
        border-top: 1px solid #eee;
        padding: 15px 20px;
    }body.xjm-site .xjm-mobile-nav a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        font-size: 16px;
        line-height: 1.4;
        color: #333;
    }body.xjm-site .xjm-mobile-nav ul{
        padding-left: 12px;
        margin-top: 8px;
        gap: 8px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }body.xjm-site .xjm-mobile-nav ul a{
        justify-content: flex-start;
    }body.xjm-site .xjm-mobile-nav .menu-item-has-children > a::after{
        content: "+";
        font-weight: 700;
        margin-left: auto;
        transition: transform 0.2s ease;
    }body.xjm-site .xjm-mobile-nav .menu-item-has-children.is-open > a::after{
        transform: rotate(45deg);
    }body.xjm-site .xjm-section, body.xjm-site .xjm-page-section{
        padding: 60px 0;
    }body.xjm-site .xjm-pro-swiper{
        justify-content: center;
        flex-wrap: wrap;
        height: auto;
    }body.xjm-site .xjm-pro-left{
        width: 100%;
        padding: 20px;
        margin: 0 0 8% 0;
    }body.xjm-site .xjm-pro-middle{
        width: 90vw;
        height: 90vw;
    }body.xjm-site .xjm-pro-right{
        width: 100%;
        padding: 10px;
        height: auto;
    }body.xjm-site .xjm-pro-right::after{
        width: 100%;
        height: auto;
        border: none;
        border-bottom: 1px #fff dashed;
        left: 50%;
        top: auto;
        bottom: 20px;
        transform: translate(-50%, 0);
    }body.xjm-site .xjm-pro-thumbs{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 12px;
        padding-bottom: 20px;
    }body.xjm-site .xjm-pro-thumb{
        flex: 0 0 auto;
        min-width: 220px;
        position: relative;
    }body.xjm-site .xjm-pro-thumb::before{
        content: "";
        display: block;
        width: 0;
        height: 2px;
        border-radius: 5px;
        background: #f60;
        transition: all 5s;
        position: absolute;
        left: 0;
        bottom: -16px;
    }body.xjm-site .xjm-pro-thumb.is-active::before{
        width: 100%;
    }body.xjm-site .xjm-hero{
        min-height: 60vh;
    }body.xjm-site .xjm-hero-content{
        padding: 100px 0 80px;
        width: 92%;
    }body.xjm-site .xjm-hero-controls{
        right: 16px;
        bottom: 16px;
    }body.xjm-site .xjm-hero-dots{
        left: 16px;
        bottom: 16px;
    }body.xjm-site .xjm-hero-nav{
        width: 36px;
        height: 36px;
        font-size: 18px;
    }body.xjm-site .xjm-product-controls{
        gap: 10px;
        margin-top: 24px;
        flex-wrap: wrap;
    }body.xjm-site .xjm-product-scrollbar{
        width: 80px;
    }body.xjm-site .xjm-product-pagination{
        font-size: 14px;
    }body.xjm-site .xjm-related-card{
        flex: 0 0 100%;
    }body.xjm-site .xjm-related-media img{
        height: 180px;
    }body.xjm-site .xjm-spec-row{
        grid-template-columns: 1fr;
    }body.xjm-site .xjm-product-topcats-wrap{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        padding-top: 16px;
    }body.xjm-site .xjm-product-topcat{
        width: auto;
    }body.xjm-site .xjm-product-topcat img{
        width: min(100%, 96px);
    }body.xjm-site .xjm-about-stat-number{
        font-size: 36px;
    }body.xjm-site .xjm-article-section-title{
        font-size: 22px;
    }
}