/* Mobile layouts — June 21 batch. Desktop rules remain in style.css. */
@media(max-width:1024px){
:root{--header-h:60px;--nav-height:60px}
.header{height:60px;z-index:1300}.header__inner{padding:0 18px;gap:12px;height:60px}.header__logo{min-width:0;flex:1 1 auto;margin-right:auto}.header__logo-text{min-width:0}.header__logo-name{font-size:16px;overflow-wrap:anywhere}.header__logo-sub{font-size:9px}.header__logo-icon{flex-shrink:0}.header__nav,.header__actions{display:none}.hamburger{display:flex;flex-shrink:0;min-width:40px;min-height:44px}
.mobile-nav{z-index:1250;padding:80px 20px 24px;max-width:88vw;height:100dvh;overflow-y:auto}.mobile-nav-overlay{z-index:1200}.mobile-nav__inner{padding:0}.mobile-nav__link{min-height:44px}
.page-inner .inner-banner{margin-top:76px;height:auto;min-height:170px}.page-inner .inner-banner__content{padding:28px 20px}.inner-banner__title{font-size:26px;overflow-wrap:anywhere}.inner-banner__subtitle{font-size:13px}
.container{padding-left:20px;padding-right:20px}.list-layout,.product-detail-layout,.product-detail,.contact-grid{grid-template-columns:minmax(0,1fr)}
.list-sidebar{position:static}.detail__body{overflow-wrap:anywhere;min-width:0}.detail__body img{max-width:100%;height:auto}.detail__body table{display:block;max-width:100%;overflow-x:auto}.detail__body pre{max-width:100%;overflow:auto}.detail__body iframe{max-width:100%}
.detail-tabs,.detail__tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.detail-tab,.detail-tab-btn,.detail__tab{flex-shrink:0}.detail__title,.product-detail__name{overflow-wrap:anywhere}
[data-aos="fade-left"],[data-aos="fade-right"]{transform:none!important}
}
@media(max-width:767px){
:root{--section-py:36px}section.section,.section{padding-top:36px;padding-bottom:36px}.section-header{margin-bottom:22px}.section-title,.section__title{font-size:23px;line-height:1.35}.section-subtitle,.section__subtitle{font-size:13px;line-height:1.65}
.hero{height:480px;min-height:480px;max-height:600px}.hero__content{padding:82px 20px 46px}.hero__title{font-size:28px;line-height:1.3}.hero__subtitle{font-size:14px;line-height:1.65;margin-bottom:22px}.hero__actions{flex-direction:row;flex-wrap:wrap;gap:10px}.hero__actions .btn{padding:11px 15px;font-size:13px}.hero__scroll{display:none}
.card__body,.featured-card__body{padding:14px}.card__title,.featured-card__title{font-size:16px;line-height:1.45}.card__desc{font-size:13px}.card__specs{gap:5px}.card__spec,.card__spec-item{font-size:11px;min-width:0;overflow-wrap:anywhere}
.stats-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.stat-item{padding:20px 10px}.stat-card__number,.stat-item__number{font-size:28px}
.footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;padding:36px 20px}.footer__grid> :first-child{grid-column:1/-1}.footer__grid>*{min-width:0;overflow-wrap:anywhere}.footer__brand-desc{font-size:13px;line-height:1.7;margin-bottom:16px}.footer__links{gap:8px}.footer__links a,.footer__contact-item{font-size:12px}.footer__qrcode img{max-width:100px}.footer__bottom-inner{padding:18px 20px;gap:10px;flex-wrap:wrap;font-size:11px}
form input:not([type=checkbox]):not([type=radio]),form select,form textarea{font-size:16px;max-width:100%;min-width:0}form [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}.page-inner [style*="grid-template-columns: repeat(3"],.page-inner [style*="grid-template-columns:repeat(3"]{grid-template-columns:minmax(0,1fr)!important}
.detail__title,.product-detail__name{font-size:24px}.detail__body{font-size:15px;line-height:1.85}.detail__params,.product-detail__spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail__param,.product-detail__spec-item{min-width:0;padding:14px 10px;overflow-wrap:anywhere}.detail__pager{gap:12px;flex-wrap:wrap}.oem-cta,.oem-banner,.oem-card,.cta-block,.cta-section{padding:28px 20px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .integration-grid{gap:12px}.integration-step{padding:20px 18px 20px 78px;text-align:left;position:relative}.integration-step__icon{position:absolute;left:18px;top:24px;width:42px;height:42px;font-size:24px;margin:0}.integration-step__num{position:absolute;right:14px;top:10px;font-size:32px;margin:0}.integration-step__title{font-size:18px;margin-bottom:8px}.integration-step__desc{font-size:13px;margin-bottom:10px}.integration-step__data{font-size:12px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step{padding:20px 12px}.process-step:last-child:nth-child(odd){grid-column:1/-1}.list-grid,.list-grid--4,.rd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:20px 12px}.rd-card{padding:20px 12px}.rd-card h3{font-size:16px}.rd-card p{font-size:12px}.metrics-grid{gap:12px}.metric-item{padding:20px 10px}.news-item{flex-direction:row;gap:14px}.news-item__thumb{flex:0 0 90px;width:90px;height:84px}.news-item__info{min-width:0}
}

@media(max-width:767px){.search-form-row{display:flex;flex-direction:column;gap:12px}.search-input-wrap{width:100%;min-width:0}.search-form-row .btn{align-self:flex-start}}

/* Refinements after direct-domain visual review. */
@media(max-width:767px){ .card--product .card__title{white-space:normal;text-overflow:clip;overflow:visible;display:block;-webkit-line-clamp:unset;overflow-wrap:anywhere;font-size:15px;line-height:1.5}.list-grid>.card--product:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:38% minmax(0,1fr)}.list-grid>.card--product:last-child:nth-child(odd) .card__image{height:100%;aspect-ratio:auto}.case-grid{grid-template-columns:minmax(0,1fr);gap:12px}.case-item{display:grid;grid-template-columns:100px minmax(0,1fr);aspect-ratio:auto;min-height:126px}.case-item>img{height:100%;min-height:126px}.case-item__info{position:static;padding:16px 14px;background:none;min-width:0}.case-item__title{font-size:15px;line-height:1.5}.case-item__sub{color:#a9a6a1;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__desc{color:#aaa7a1}
}

/* Compact phone homepage; inner pages and desktop retain their layouts. */
@media(max-width:767px){
.page-home .section{padding-top:24px;padding-bottom:24px}.page-home .container{padding-left:16px;padding-right:16px}
.page-home .hero{height:390px;min-height:390px}.page-home .hero__content{padding:78px 18px 34px}.page-home .hero__title{font-size:25px;line-height:1.3}.page-home .hero__subtitle{font-size:13px;line-height:1.6;margin-bottom:18px}.page-home .hero__actions .btn{padding:10px 13px;min-height:42px}
.page-home .section-tag,.page-home .section-subtitle{display:none}.page-home .section-title{font-size:21px;line-height:1.4;margin:0}.page-home .section-header{margin-bottom:18px}.page-home .container>div:has(>.section-title),.page-home .container>div:has(>div>.section-title){margin-bottom:18px!important;gap:10px!important}.page-home .container>div:has(>div>.section-title)>.btn{padding:7px 10px;font-size:12px;min-height:36px}
.page-home .card__body,.page-home .featured-card__body{padding:12px}.page-home .card__desc{display:none}.page-home .card__title{font-size:15px}.page-home .card__image{aspect-ratio:16/10}.page-home .card__specs{margin-bottom:0}.page-home .card__meta{font-size:11px}
.page-home .stat-item,.page-home .stat-card,.page-home .metric-item{padding:14px 10px}.page-home .stat-item__icon{display:none}.page-home .stat-item__number,.page-home .stat-card__number,.page-home .metric-item__num{font-size:25px;line-height:1.3}.page-home .stat-item__label,.page-home .stat-card__label{font-size:12px;margin-top:5px}
.page-home .oem-cta,.page-home .oem-banner,.page-home .oem-card,.page-home .cta-block{padding:20px 16px}.page-home .oem-cta__title,.page-home .oem-banner h2,.page-home .oem-card h2,.page-home .cta-block__title{font-size:20px;line-height:1.45;margin-bottom:12px}.page-home .oem-cta__desc,.page-home .cta-block__desc{font-size:13px;line-height:1.7;margin-bottom:16px}.page-home .home-final-cta{display:none}
.page-home .footer__grid{padding:28px 16px;gap:20px 16px}.page-home .footer__brand-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0}.page-home .footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.page-home .footer__links a{font-size:12px;line-height:1.6}.page-home .footer__col-title{font-size:14px;margin-bottom:12px}.page-home .footer__contact-item{margin-bottom:8px}.page-home .footer__bottom-inner{padding:14px 16px}
.page-home .news-mini-grid,.page-home .news-list{gap:10px}.page-home .news-mini,.page-home .news-item{padding:10px;gap:12px}.page-home .news-mini__thumb,.page-home .news-item__thumb,.page-home .news-item__img{flex:0 0 76px;width:76px;height:66px}.page-home .news-mini__title,.page-home .news-item__title{font-size:14px;line-height:1.5}.page-home .news-item__desc{display:none}.page-home .news-mini:nth-child(n+3),.page-home .news-item:nth-child(n+3){display:none}
 .page-home .integration-step{padding:14px 14px 14px 62px}.page-home .integration-step__icon{left:14px;top:17px;width:34px;height:34px;font-size:20px}.page-home .integration-step__title{font-size:16px;margin-bottom:5px}.page-home .integration-step__desc{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.page-home .integration-step__data{font-size:11px}.page-home .category-card{padding:14px 10px}.page-home .card--product .card__image{height:100px;aspect-ratio:auto}.page-home .list-grid>.card--product:last-child:nth-child(odd) .card__image{height:100%}.page-home .card--product .card__spec{padding:3px 5px;font-size:10px}.page-home .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-home .process-step{padding:14px 6px}.page-home .process-step:last-child:nth-child(odd){grid-column:span 2}.page-home .process-step__icon{font-size:23px;margin-bottom:8px}.page-home .process-step__title{font-size:13px}.page-home .process-step__num{font-size:20px}.page-home .process-step__precision{font-size:10px}.page-home .case-item{grid-template-columns:84px minmax(0,1fr);min-height:100px}.page-home .case-item>img{min-height:100px}.page-home .case-item__info{padding:12px}.page-home .case-item__title{font-size:14px}.page-home .case-item__sub{-webkit-line-clamp:1}.page-home .rd-card{padding:14px 12px}.page-home .rd-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}
}