@media screen and (min-width: 768px) {
    .header-fix {height: 70px; background: rgba(0,0,0,0.7)}
    .header-fix .topbar{ display: none; }
    .header-fix .logo{ line-height: 60px; height: 60px; padding: 5px 0;}
    .header-fix .nav li a{ line-height: 70px; }
    .header-fix .nav li.active a{background-color:rgba(0,102,203,0.7) }
}
@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 60px;padding-bottom: 50px;}
    .container,.containers{width: auto; }

    #message .m-content .m-message{width:90%;padding:20px;}
  
    .kf {display: none;}
    .footer-fix {display: block;}
    .topbar {display: none;}

    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .header .logo {height: 40px;line-height: 40px;float: none;padding: 0;}
    .header .alibaba{ display: none; }
    .header .search-btn{ display: none; }
    .header .nav {margin: 10px -15px -10px;display: none;float: none;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;float: none;}
    .header .nav li a {line-height: 40px;padding: 0 15px; background: none; width: auto;  text-align: left;}
    .header .nav li .arr {display: block;position: relative;z-index: 1;}
    .header .nav li.open .arr:after {border-color: #0066cb;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .menu-btn {display: block;}

    .yunu-showcase {margin-bottom: 30px;}
    .pc-slide {float: none;width: auto;}
    .view .swiper-slide .img-center {height: 260px;line-height: 260px;}
    .yunu-showcase-info {margin: 20px 0 0;}
    .yunu-showcase-info h1 {margin-bottom: 20px;font-size: 18px;}
    .yunu-showcase-info p {margin-top: 10px;min-height: auto;}
    .yunu-showcase-info .tel {font-size: 14px;}
    .yunu-showcase-info .tel strong {font-size: 18px;}

    .banner{ display: none; }
    .m-banner{ display: block; }

    .yunu-sou {padding: 0;}
    .yunu-sou .container {padding: 0;}
    .yunu-sou .hot {display: none;}
    .yunu-sou .hform{float:none; width: 100%;}

    .section{padding:30px 0}
    .section-title{margin-bottom:20px;}
    .section-title strong{ font-size: 20px; }

    .in-about{position: relative;min-height: auto; overflow: hidden; }
    .in-about .text{ float: none; width: auto; padding: 0; }
    .in-about .text h2{ font-size: 20px;}
    .in-about .pic{ position: relative; left:0; margin-top: 15px;}
    .in-about .pic img{ max-width: 100%; }

    .in-pro-left{ display: none; }
    .in-pro-right{ float: none; width: auto; }
    .in-pro-right ul{ margin:0 0 0 -10px; }
    .in-pro-right li{ width: 50%; }
    .in-pro-right li:last-child{ display: none; }
    .in-pro-right li a{ margin: 0 0 10px 10px; }
    .in-pro-right li .img-cover{ border-width: 1px; }
    .in-pro-right li .text{ line-height: 30px; } 

    .in-case{ padding:20px 0 20px;  }
    .in-case:before{display: none;}
    .in-case-menu li{  margin: 0 10px;}
    .in-case-menu li i{ width:50px;height:50px;font-size:20px; line-height: 40px;  }
    .in-case-menu li span{ font-size: 12px; margin-top: -10px; padding: 5px 0; }

    .in-case-con ul{ margin: 0 0 0 -10px; }
    .in-case-con li{ width: 50% }
    .in-case-con li a{ margin: 0 0 10px 10px;  border-radius: 10px;  font-size: 14px;}
    .in-case-con li .img-cover{ padding-top: 73%; }
    .in-case-con li .text{ line-height: 35px; }


    .in-news-left{ float: none; width: auto; }
    .in-news-right{ float: none; width: auto; padding-top: 20px; }
    .in-news-menu li a{ font-size: 20px;  line-height: 35px; padding: 0 15px;  }
    .in-news-con ul{ min-height: auto;padding-bottom: 15px;}
    .in-news-con li a{ padding: 5px 0; }

    .footer-feedback ul{ float: none; width: auto;}
    .footer-feedback li{ flex:50%; margin-right: 0; }
    .footer-feedback li i{font-size:24px; width:50px;height:50px; line-height: 50px; margin-right: 8px;}
    .footer-feedback li .text{ flex:1; }
    .footer-feedback form .label{ flex-wrap: wrap; height: auto; }
    .footer-feedback form .label input{ flex:100%; margin-bottom: 8px; margin-right: 0; }
    .footer-feedback form .label button{ flex:100%;  }
    .footer{ padding: 20px 0;}
    .footer .flogo{ display: none; }
    .footer .fnav{display: none;}
    .footer .contact{ float: none; width: auto; }
    .footer .ewm{ float: none; width: auto; padding: 30px 40px 0;}



   
   


    .banner-sub {height: 130px;}

    .section-sub {padding: 30px 0;}

    .sub-tit {padding-bottom: 10px;margin-bottom: 15px;}
    .curmbs {display: none;}

    .ct2-sd {display: none;}
    .ct2-mn {float: none !important;width: auto;}

    .list-3 {margin: -10px 0 0 -10px;}
    .list-3 li {float: left;width: 50%;}
    .list-3 li a {margin: 10px 0 0 10px;}
    .list-3 li .text {line-height: 34px;font-size: 12px;}
    .list-3 li .text p span{ height: 34px; }
    .list-3 li .btn a{ font-size: 12px; padding: 0px 10px; }

    .list-4 li{ float: none; width: auto; }
    .list-4 li span{ right: 0px;}

    .list-5 li {padding-bottom: 15px;border-bottom: 1px solid #eee;}
    .list-5 li a {padding: 0;border: 0;}
    .list-5 li .img-center {float: none;width: auto;display: none;}
    .list-5 li .text {margin: 0;}
    .list-5 li .text .more {display: none;}
    .list-5 li .text h4 {line-height: 20px;font-size: 16px;}
    .list-5 li .text p {margin: 10px 0 0;}

    .list-6 li{width: 50%;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .yunu-infocontent-title h1 {font-size: 18px;}
    .yunu-infocontent-desc {padding: 10px;}
    .yunu-infocontent-epx li {line-height: 24px;}
    .yunu-infocontent-epx li span {font-size: 12px;padding: 0 5px;margin-right: 5px;}
    .yunu-infocontent-epx li em {display: none;}
    .yunu-infocontent-return .more {display: none;}
    .yunu-infocontent-return {font-size: 12px;line-height: 22px;padding-top: 5px;}
    .yunu-infocontent-rem h4 {font-size: 18px;line-height: 34px;margin-bottom: 5px;}

    .prod-menu {margin-bottom: 15px;}
    .prod-menu li {margin-right: 5px;}
    .prod-menu li a {font-size: 14px;line-height: 34px;padding: 0 15px;}

    .m-message{width:auto;margin:18px auto 0}
    .m-message label input.inp,.m-message label textarea{width:67%;}
    .m-message label.code input{}
}

@media screen and (max-width: 767px) {
    body {
        min-width: 320px;
        padding-top: 62px;
        padding-bottom: 52px;
    }

    .container {
        width: auto;
        padding: 0 16px;
    }

    .header {
        background: #fff;
        color: #20242a;
        padding: 0;
    }

    .nav-wrap {
        height: 62px;
        background: #fff;
    }

    .header .logo {
        width: 230px!important;
        height: 62px;
        line-height: 62px;
        float: left;
    }

    .header .logo img {
        max-width: 210px;
        max-height: 48px;
    }

    .header-cta {
        display: none;
    }

    .menu-btn {
        margin-top: 10px;
    }

    .menu-btn:before,
    .menu-btn:after,
    .menu-btn span {
        background-color: #20242a;
    }

    .header .nav {
        margin: 0 -16px;
        background: #fff;
        border-top: 1px solid #e5e8ee;
        box-shadow: 0 12px 24px rgba(7,21,45,.12);
    }

    .header .nav li a {
        color: #20242a;
        line-height: 44px;
    }

    .header .nav li.active>a,
    .header .nav li.open>a,
    .header .nav li>a:hover {
        color: #ed1c2e;
        background: #f7f8fb;
    }

    .banner.js-hero {
        display: block;
        margin-top: 0;
        height: 440px;
    }

    .banner.js-hero .swiper-slide {
        height: 440px;
    }

    .hero-mask {
        background: linear-gradient(180deg,rgba(7,21,45,.72),rgba(7,21,45,.88));
    }

    .hero-copy {
        width: auto;
        left: 16px;
        right: 16px;
        top: 50%;
        transform: translateY(-45%);
    }

    .hero-copy h1 {
        width: auto;
        font-size: 30px;
        line-height: 1.25;
    }

    .hero-copy p {
        width: auto;
        font-size: 14px;
        line-height: 1.75;
    }

    .hero-actions a {
        height: 40px;
        line-height: 40px;
        padding: 0 16px;
    }

    .m-banner {
        display: none;
    }

    .entry-grid {
        margin-left: 0;
    }

    .entry-grid li {
        float: none;
        width: auto;
        margin-bottom: 14px;
    }

    .entry-grid li a {
        margin-left: 0;
        min-height: 0;
    }

    .entry-img {
        height: 190px;
    }

    .fact-band {
        padding: 18px 0;
    }

    .fact-band li {
        width: 50%;
        padding: 14px 0;
        border-left: 0;
        border-top: 1px solid #dfe3ea;
    }

    .fact-band li:nth-child(1),
    .fact-band li:nth-child(2) {
        border-top: 0;
    }

    .fact-band strong {
        font-size: 26px;
    }

    .section {
        padding: 36px 0;
    }

    .section-title strong {
        font-size: 24px;
    }

    .about-copy,
    .about-media {
        float: none;
        width: auto;
    }

    .about-media {
        margin-top: 24px;
        min-height: 0;
    }

    .about-media img {
        height: 230px;
        border-width: 5px;
    }

    .media-card {
        left: 12px;
        bottom: 12px;
        width: 150px;
        padding: 16px;
    }

    .media-card strong {
        font-size: 26px;
    }

    .product-show .in-pro-right {
        width: auto;
    }

    .process-grid {
        margin-left: 0;
    }

    .process-grid li {
        float: none;
        width: auto;
        padding-left: 0;
        margin-bottom: 24px;
    }

    .process-grid li:last-child {
        margin-bottom: 0;
    }

    .process-grid li span {
        font-size: 32px;
    }

    .contact-panel {
        float: none;
        width: auto;
        min-height: 0;
        padding: 26px 22px;
        margin-top: 18px;
    }

    .contact-panel h3 {
        font-size: 24px;
    }

    .client-tags {
        display: block;
    }

    .client-tags li {
        min-width: 0;
        margin-bottom: 10px;
    }

    .footer-consult {
        display: block;
    }

    .consult-copy strong {
        font-size: 18px;
        line-height: 1.5;
    }

    .footer-feedback form {
        margin-top: 16px;
    }

    .footer-feedback input,
    .footer-feedback button {
        width: 100%;
        box-sizing: border-box;
    }

    .footer .contact strong {
        font-size: 24px;
    }

    .banner-sub {
        margin-top: 0;
        height: 160px;
    }
}
@media screen and (max-width: 1200px){
    .trade-home .header .nav{margin-left:20px}
    .trade-home .header .nav li{margin:0 10px}
    .trade-machine{width:360px;height:220px}
    .trade-part-a{left:0}
    .trade-product-grid li{width:33.333%;margin-bottom:14px}
    .trade-product-grid a{height:182px}
}

@media screen and (max-width: 992px){
    .trade-home .header .nav-wrap{height:64px}
    .trade-home .header .logo{height:64px;line-height:64px;width:180px}
    .trade-home .header .nav{display:none}
    .trade-home .header-cta{display:none}
    .trade-home .menu-btn{display:block;float:right}
    .trade-hero,.trade-hero-inner{min-height:auto}
    .trade-hero-copy{float:none;width:auto;padding:46px 0 22px}
    .trade-hero-copy h1{font-size:34px}
    .trade-hero-copy h2{font-size:24px}
    .trade-hero-copy p{font-size:15px;line-height:1.7}
    .trade-hero-visual{float:none;width:auto;height:260px}
    .trade-machine{right:4%;top:18px;width:58%;height:190px}
    .trade-part-a{left:4%;bottom:44px;width:26%;height:92px}
    .trade-part-b{left:25%;bottom:20px;width:24%;height:82px}
    .trade-orbit{right:-30px;bottom:28px;width:92%;height:130px}
    .trade-feature-bar{margin-top:0;padding-top:12px}
    .trade-feature-bar ul{padding:14px}
    .trade-feature-bar li{width:50%;padding:10px 12px;border-left:0}
    .trade-product-row,.trade-info-row{display:block}
    .trade-category{width:auto;margin-bottom:12px}
    .trade-category li{float:left;width:50%}
    .trade-hot,.trade-market,.trade-reviews{margin-bottom:12px}
    .trade-market{width:auto}
}

@media screen and (max-width: 767px){
    body.trade-home{padding-top:0;padding-bottom:50px}
    .trade-home .header{position:relative;top:auto}
    .trade-home .header .logo img{max-width:150px}
    .trade-hero-copy{padding-top:32px}
    .trade-hero-copy h1{font-size:29px}
    .trade-hero-copy h2{font-size:20px}
    .trade-hero-points li{margin-right:14px;font-size:13px}
    .trade-btn{min-width:132px;height:42px;line-height:42px;margin:0 8px 10px 0;font-size:14px}
    .trade-hero-visual{height:220px}
    .trade-machine{width:66%;height:158px}
    .trade-part-a{width:31%;height:76px}
    .trade-part-b{left:28%;width:29%;height:72px}
    .trade-feature-bar li{width:100%;min-height:48px}
    .trade-feature-bar i{width:40px;height:40px;line-height:36px}
    .trade-product-grid li{width:50%}
    .trade-product-grid a{height:168px}
    .trade-product-img{height:88px;line-height:88px}
    .trade-market-body{display:block}
    .trade-market-stats{width:auto}
    .trade-market-stats strong,.trade-market-stats span{display:inline-block;margin-right:8px}
    .trade-world{height:132px;margin-top:10px}
    .trade-review-grid li{width:100%;margin-bottom:10px}
}

@media screen and (max-width: 420px){
    .trade-category li{width:100%}
    .trade-product-grid li{width:100%}
    .trade-product-grid a{height:auto}
    .trade-product-img{height:112px;line-height:112px}
}

@media screen and (max-width: 1200px){
    .commerce-top{gap:14px}
    .commerce-brand{width:270px}
    .commerce-actions{gap:14px}
    .commerce-nav-row{gap:24px}
    .commerce-nav ul{gap:28px}
    .commerce-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .commerce-hero-copy{width:58%}
    .commerce-ai-card{width:230px}
}

@media screen and (max-width: 992px){
    .commerce-top{
        height:auto;
        min-height:72px;
        flex-wrap:wrap;
        padding-top:12px;
        padding-bottom:12px;
    }
    .commerce-brand{width:auto;flex:1 1 0;min-width:0}
    .commerce-search{order:3;flex:0 0 100%}
    .commerce-actions{display:none}
    .commerce-contact-top{display:none}
    .commerce-menu{display:block;float:none;margin:0}
    .commerce-nav-line{height:auto}
    .commerce-nav-row{
        height:auto;
        min-height:58px;
        gap:18px;
        overflow-x:auto;
        padding-top:8px;
        padding-bottom:8px;
    }
    .commerce-shop{flex:0 0 220px}
    .commerce-nav{flex:0 0 auto}
    .commerce-nav ul{gap:28px}
    .commerce-header .commerce-nav li>a{height:42px;line-height:42px}
    .commerce-lang{margin-left:auto}
    .commerce-hero{
        min-height:330px;
        margin-top:14px;
    }
    .commerce-hero-bg{
        background:linear-gradient(90deg,rgba(227,243,255,.98) 0%,rgba(218,237,255,.92) 56%,rgba(232,243,255,.55) 100%),url(../images/js-factory.jpg) right center/auto 100% no-repeat;
    }
    .commerce-hero-copy{width:72%;padding:32px 26px}
    .commerce-hero h1{font-size:30px}
    .commerce-ai-card{display:none}
    .commerce-capabilities{grid-template-columns:repeat(2,1fr)}
    .commerce-trade-row{grid-template-columns:1fr}
    .commerce-trade-card{border-left:0;border-top:1px solid #d9e6fb}
    .commerce-trade-card:first-child{border-top:0}
    .commerce-solution-strip{grid-template-columns:repeat(2,1fr)}
    .commerce-solution-strip article:nth-child(3){border-left:0;border-top:1px solid var(--commerce-line)}
    .commerce-solution-strip article:nth-child(4){border-top:1px solid var(--commerce-line)}
    .commerce-cta{padding:18px 26px}
}

@media screen and (max-width: 767px){
    body.commerce-home{padding-top:0;padding-bottom:50px}
    .commerce-header.header,
    .commerce-header.header-fix{
        position:relative;
        padding:0;
        top:auto;
        box-shadow:0 6px 18px rgba(9,54,125,.1);
    }
    .commerce-top{
        width:auto;
        margin:0 14px;
        padding:14px 0 10px;
        gap:10px;
    }
    .commerce-brand{min-width:0}
    .commerce-logo-mark{
        width:54px;
        height:40px;
        flex-basis:54px;
        margin-right:8px;
    }
    .commerce-logo-mark img{height:40px}
    .commerce-logo-name strong{font-size:16px}
    .commerce-logo-name em{font-size:11px}
    .commerce-cloud{
        width:52px;
        height:32px;
        flex-basis:52px;
        margin-right:9px;
    }
    .commerce-cloud:before{width:34px;height:22px;border-width:6px}
    .commerce-cloud:after{width:29px;height:29px;border-width:6px;box-shadow:-18px -7px 0 -6px #fff,-18px -7px 0 0 var(--commerce-blue)}
    .commerce-brand-text strong{
        font-size:18px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .commerce-brand-text em{font-size:12px}
    .commerce-menu{
        width:30px;
        height:30px;
        display:block;
        flex:0 0 30px;
        margin:0;
        border:0;
        position:relative;
    }
    .commerce-menu span,
    .commerce-menu:before,
    .commerce-menu:after{
        background:#111827;
    }
    .commerce-search{
        height:46px;
        border-radius:7px;
    }
    .commerce-search label{display:none}
    .commerce-search input{height:44px;padding:0 14px;font-size:13px}
    .commerce-search button{height:46px;width:88px}
    .commerce-nav-line{border-top:0}
    .commerce-nav-row{
        width:auto;
        margin:0 14px;
        padding:8px 0;
        gap:16px;
        overflow:hidden;
    }
    .commerce-shop{
        width:auto;
        flex:0 0 174px;
        height:39px;
        padding:0 14px;
        font-size:13px;
    }
    .commerce-shop i{width:16px}
    .commerce-nav ul{gap:24px}
    .commerce-header .commerce-nav li:nth-child(n+4){display:none}
    .commerce-header .commerce-nav li>a{
        height:39px;
        line-height:39px;
        font-size:13px;
        white-space:nowrap;
    }
    .commerce-lang{
        display:none;
    }
    .commerce-main{padding:16px 0 18px}
    .commerce-hero{
        width:auto;
        min-height:255px;
        margin:0 14px;
    }
    .commerce-hero-bg{
        background:linear-gradient(90deg,rgba(209,231,255,.98) 0%,rgba(216,235,255,.93) 64%,rgba(232,243,255,.6) 100%),url(../images/js-factory.jpg) right center/auto 100% no-repeat;
    }
    .commerce-hero-copy{
        width:76%;
        padding:26px 18px;
    }
    .commerce-hero h1{
        max-width:360px;
        font-size:28px;
        line-height:1.22;
    }
    .commerce-hero-copy p{
        max-width:310px;
        margin-top:14px;
        font-size:16px;
        line-height:1.55;
    }
    .commerce-hero-actions{
        gap:10px;
        margin-top:24px;
    }
    .commerce-btn{
        min-width:116px;
        height:41px;
        font-size:14px;
    }
    .commerce-capabilities{
        width:auto;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
        margin:20px 14px 0;
    }
    .commerce-capabilities article{
        min-height:78px;
        padding:14px 8px 10px;
        text-align:left;
        min-width:0;
        overflow:hidden;
    }
    .commerce-capabilities .cap{
        position:relative;
        left:auto;
        top:auto;
        display:block;
        width:30px;
        height:30px;
        margin-bottom:8px;
        border-width:2px;
    }
    .commerce-capabilities strong{
        font-size:10px;
        line-height:1.25;
    }
    .commerce-capabilities span{
        margin-top:5px;
        font-size:9px;
        line-height:1.35;
    }
    .commerce-capabilities .cap:before,
    .commerce-capabilities .cap:after{transform-origin:center}
    .commerce-hot-wrap{
        width:auto;
        margin:18px 14px 0;
    }
    .commerce-section-title h2{font-size:18px}
    .commerce-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }
    .commerce-product-card:nth-child(n+5){display:none}
    .commerce-product-card{padding:12px 14px}
    .commerce-product-img{height:120px}
    .commerce-product-card h3{
        height:36px;
        font-size:12px;
    }
    .commerce-detail-btn{height:32px;line-height:30px}
    .commerce-ai-mobile{
        position:relative;
        display:block;
        width:auto;
        min-height:184px;
        margin:22px 14px 0;
        padding:18px;
        border:1px solid #9fc0ff;
        border-radius:8px;
        background:linear-gradient(135deg,#fff,#eef7ff);
        overflow:hidden;
    }
    .commerce-ai-mobile-head{
        display:flex;
        justify-content:space-between;
        align-items:center;
        color:#0d42b1;
    }
    .commerce-ai-mobile h3{
        margin:22px 0 8px;
        color:#101d42;
        font-size:16px;
    }
    .commerce-ai-mobile p{
        margin:0;
        color:#23334c;
        font-size:14px;
    }
    .commerce-ai-mobile a{
        display:block;
        width:190px;
        height:40px;
        line-height:40px;
        margin-top:18px;
        border-radius:7px;
        background:linear-gradient(135deg,var(--commerce-blue),var(--commerce-blue-2));
        color:#fff;
        text-align:center;
        font-size:14px;
        font-weight:800;
    }
    .commerce-ai-mobile b{
        position:absolute;
        right:28px;
        bottom:26px;
        width:92px;
        height:64px;
        border-radius:20px;
        background:linear-gradient(135deg,#0b66ff,#2178ff);
        box-shadow:0 32px 0 -10px rgba(9,91,255,.18);
    }
    .commerce-ai-mobile b:before{
        content:"";
        position:absolute;
        left:23px;
        top:28px;
        width:9px;
        height:9px;
        border-radius:50%;
        background:#fff;
        box-shadow:24px 0 0 #fff,48px 0 0 #fff;
    }
    .commerce-ai-mobile b:after{
        content:"";
        position:absolute;
        left:36px;
        bottom:-13px;
        border-width:14px 12px 0 0;
        border-style:solid;
        border-color:#1570ff transparent transparent transparent;
    }
    .commerce-rec-mobile{
        display:block;
        width:auto;
        margin:22px 14px 0;
    }
    .commerce-rec-mobile .commerce-section-title h2{color:var(--commerce-blue)}
    .commerce-rec-list{
        margin-top:10px;
        border:1px solid var(--commerce-line);
        border-radius:8px;
        background:#fff;
        overflow:hidden;
    }
    .commerce-rec-list article{
        display:grid;
        grid-template-columns:84px 1fr 110px;
        align-items:center;
        gap:10px;
        min-height:86px;
        padding:10px 14px;
        border-top:1px solid var(--commerce-line);
    }
    .commerce-rec-list article:first-child{border-top:0}
    .commerce-rec-img{
        height:64px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .commerce-rec-img img{max-width:100%;max-height:100%;object-fit:contain}
    .commerce-rec-list h3{
        margin:0 0 8px;
        color:#172033;
        font-size:13px;
        line-height:1.35;
    }
    .commerce-rec-list article>a:last-child{
        height:38px;
        line-height:36px;
        border:1px solid #8fb2ff;
        border-radius:7px;
        color:var(--commerce-blue);
        text-align:center;
        font-weight:800;
        font-size:13px;
    }
    .commerce-trade-row{
        width:auto;
        display:block;
        margin:22px 14px 0;
        border:0;
        background:transparent;
    }
    .commerce-trade-card{
        min-height:0;
        padding:0;
        border:0;
        background:transparent;
    }
    .commerce-trade-card h2{
        font-size:20px;
    }
    .commerce-stats p,
    .commerce-score,
    .commerce-solution-strip,
    .commerce-cta{
        display:none;
    }
    .commerce-stats ul{
        grid-template-columns:repeat(4,1fr);
        margin-top:20px;
        text-align:center;
    }
    .commerce-stats li{
        padding:0 8px;
    }
    .commerce-stats li:first-child{padding-left:8px}
    .commerce-stats strong{font-size:20px}
    .commerce-stats span{font-size:12px;line-height:1.25}
    .commerce-trust{
        display:flex;
        align-items:center;
        gap:14px;
        margin-top:22px;
        padding:12px 16px;
        border:1px solid var(--commerce-line);
        border-radius:8px;
        background:#fff;
    }
    .commerce-trust h2{
        flex:1;
        font-size:15px;
        line-height:1.35;
        order:2;
    }
    .commerce-trust p{display:none}
    .commerce-avatars{
        flex:0 0 auto;
        margin:0;
        order:1;
    }
    .commerce-avatars span,
    .commerce-avatars em{
        width:28px;
        height:28px;
        border-width:2px;
        font-size:10px;
    }
}

@media screen and (max-width: 420px){
    .commerce-brand-text strong{font-size:16px}
    .commerce-brand-text em{font-size:11px}
    .commerce-shop{flex-basis:174px;font-size:13px}
    .commerce-nav ul{gap:18px}
    .commerce-hero-copy{width:82%}
    .commerce-hero h1{font-size:26px}
    .commerce-capabilities{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .commerce-capabilities article{min-height:92px}
    .commerce-product-img{height:104px}
    .commerce-rec-list article{
        grid-template-columns:70px 1fr 92px;
        padding:9px 10px;
    }
}

@media screen and (max-width: 767px){
    body{padding-top:0}
    body.commerce-home{overflow-x:hidden}
    body.commerce-home .commerce-main>.container{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        margin-left:14px!important;
        margin-right:14px!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    body.commerce-home .commerce-top,
    body.commerce-home .commerce-nav-row{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        margin-left:14px!important;
        margin-right:14px!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    body.commerce-home .commerce-capabilities{
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        gap:8px 12px;
    }
    body.commerce-home .commerce-product-grid{
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        gap:12px;
        width:100%!important;
        overflow:hidden;
    }
    body.commerce-home .commerce-product-card,
    body.commerce-home .commerce-capabilities article{
        min-width:0!important;
        width:calc(50% - 6px)!important;
        max-width:170px!important;
    }
    body.commerce-home .commerce-product-img,
    body.commerce-home .commerce-product-card img,
    body.commerce-home .commerce-detail-btn,
    body.commerce-home .commerce-product-card h3{
        max-width:100%!important;
        min-width:0!important;
    }
    body.commerce-home .commerce-product-card h3{
        word-break:break-all;
    }
}