/* June 17: mobile-only layout. Existing desktop rules are preserved. */
@media(max-width:767px){
:root{--header-h:60px;--header-height:60px;--section-py:30px;--section-py-sm:24px;--section-pad:30px;--section-gap:30px;--section-gap-mobile:30px}
body{font-size:14px}.container{width:100%;max-width:100%;padding-left:20px;padding-right:20px}.container>*,.page-layout>*,.about-grid>*,.contact-grid>*{min-width:0}.header{height:60px}.header__inner{height:60px;padding:0 20px}.header__logo{min-width:0;max-width:calc(100% - 50px)}.header__logo-text{min-width:0}.header__logo-name{font-size:17px}.header__logo-sub{font-size:10px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__logo-icon{width:36px;height:36px;font-size:20px;flex-shrink:0}.hamburger{flex-shrink:0;position:relative;z-index:1400}.inner-banner{margin-top:76px!important;height:164px;min-height:164px}.inner-banner__title{font-size:25px;line-height:1.3}.inner-banner__subtitle{font-size:13px}.inner-banner__content{padding:18px 20px}.breadcrumb{font-size:12px;flex-wrap:wrap}.section{padding-top:30px;padding-bottom:30px}.section-header{margin-bottom:20px}.section-title{font-size:23px;line-height:1.35;margin-bottom:12px}.section-subtitle{font-size:13px;line-height:1.7}.page-home .section-tag,.page-home .section-subtitle{display:none}.page-home .container>[style*="margin-bottom:4"]{margin-bottom:20px!important}.page-home .container>[style*="margin-top:3"]{margin-top:20px!important}
.page-home .hero{height:430px;min-height:430px;max-height:none}.hero__title{font-size:28px;line-height:1.35}.hero__subtitle{font-size:14px;line-height:1.7;margin-top:14px;margin-bottom:22px}.hero__actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%;max-width:370px}.hero__actions .btn{flex:1;min-width:0;width:auto;justify-content:center;padding:12px 10px!important;font-size:14px!important}.hero__scroll,.hero__scroll-indicator{display:none}.btn{font-size:14px;padding:11px 16px;white-space:normal;text-align:center}.card,.equipment-card,.case-card{min-width:0}.card__image,.equipment-card__image{width:100%;height:145px;aspect-ratio:auto!important}.card__image img,.equipment-card__image img{width:100%;height:100%;object-fit:contain}.card__body,.equipment-card__body{padding:12px}.card__title,.equipment-card__title{font-size:15px;line-height:1.5;white-space:normal;display:block;-webkit-line-clamp:unset;overflow:visible}.card__desc,.equipment-card__desc{font-size:12px}.page-home .card__desc,.page-home .equipment-card__desc{display:none}.card__meta{font-size:11px;flex-wrap:wrap;gap:6px;overflow-wrap:anywhere}.card__tag,.equipment-card__capacity{font-size:10px;padding:4px 7px}.case-card{width:100%;height:170px;aspect-ratio:auto}.case-card__overlay,.case-card__info{padding:12px}.case-card__title{font-size:15px;line-height:1.4;white-space:normal}.case-card__tag,.case-card__scale,.case-card__subtitle{font-size:11px}.case-card__desc{font-size:12px}.about-grid{grid-template-columns:minmax(0,1fr);gap:20px}.about-image,.about__image{max-height:210px;min-width:0}.about-image img,.about__image>img{width:100%;height:210px;object-fit:contain}.about-text p{font-size:13px;line-height:1.8}.page-layout,.contact-grid,.product-detail{grid-template-columns:minmax(0,1fr);gap:22px}.page-inner .section{padding-top:26px}.stats,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-item{padding:12px 8px}.stat-item__number{font-size:30px}.stat-item__label{font-size:12px}.stats-section{padding:24px 0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail__params{grid-template-columns:minmax(0,1fr)}.detail__pager{gap:12px;overflow-wrap:anywhere}.detail__content,.article-content,.detail-content{overflow-wrap:anywhere}.detail__content img,.article-content img,.detail-content img{max-width:100%!important;height:auto!important}.detail__content table,.article-content table,.detail-content table{display:block;max-width:100%;overflow-x:auto}.contact-form-card,.inquiry-form,.form-card{padding:20px 16px}form [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}input,select,textarea{min-width:0;max-width:100%}.search-form>*,.search-input-wrap{min-width:0}.filter-bar{max-width:100%}
.footer{padding:30px 0 16px}.footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.footer__grid>div:first-child{grid-column:1/-1}.footer__grid>*{min-width:0}.footer__brand-desc{font-size:12px;line-height:1.8;margin:10px 0}.footer__col-title{font-size:14px;margin-bottom:10px}.footer__links{display:flex;flex-wrap:wrap;gap:7px 12px}.footer__links li{margin:0}.footer__links a,.footer__contact-item{font-size:12px}.footer__contact-item{overflow-wrap:anywhere;margin-bottom:8px}.footer__qrcode img{width:76px;height:76px}.footer__bottom{margin-top:20px;padding-top:16px;font-size:11px}.footer__bottom-inner{gap:8px}.friend-links{font-size:11px;gap:8px;padding:14px 0}.cta-section{padding:28px 20px!important}.cta-section__title{font-size:23px;line-height:1.4}.cta-section__desc{font-size:13px;margin-bottom:16px}.back-top{right:12px;bottom:16px;width:38px;height:38px}[data-aos]{transform:none!important;opacity:1!important}
}
@media(max-width:767px){.header__nav{max-width:88vw;height:100dvh;padding-top:76px}.hero__content{bottom:50px;padding:0}.hero__content .container{padding:0 20px}.card-grid--2,.card-grid--3,.card-grid--4,.features--4,.certs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-card{padding:18px 12px}.cat-card__icon{font-size:27px;margin-bottom:10px}.cat-card__title{font-size:15px}.cat-card__desc{font-size:12px}.feature-card{padding:16px 12px}.feature-card__icon{font-size:26px;margin-bottom:8px}.feature-card__title{font-size:15px}.feature-card__desc{font-size:12px}.news-item{grid-template-columns:86px minmax(0,1fr);gap:12px;padding:12px;margin-bottom:12px}.news-item__image{height:85px;aspect-ratio:auto}.news-item__title{font-size:15px}.news-item__desc{display:none}.news-item__date{font-size:11px}.about__image-badge{font-size:14px;padding:10px 14px}.about__certs{gap:8px;flex-wrap:wrap}.about__cert{padding:8px;font-size:12px}.online-service__btn{width:40px;height:40px}}

/* Keep the company image, experience caption and introduction in normal flow. */
@media (max-width: 767px) {
  .about-grid .about__image {
    width: 100%;
    max-height: none;
    aspect-ratio: auto;
  }
  .about-grid .about__image > img {
    display: block;
    width: 100%;
    height: clamp(180px, 54vw, 210px);
    object-fit: contain;
  }
  .about-grid .about__image-badge {
    position: static;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
  }
  .page-home .about-grid .section-subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 16px !important;
  }
}