@media (max-width:1680px){
    .nav-container{
        max-width:calc(100% - 100px)
    }
}
@media (max-width:1520px){
    .nav-container{
        max-width:calc(100% - 50px)
    }
    .index .hero-content{
        left: 10%;
    }
    .index .hero-content .hero-title, .index .hero-content h1{
        font-size: clamp(40px,4.8vw,50px);
    }
}
@media (max-width:1440px){
    .nav-container{
        max-width:calc(100% - 30px)
    }
    .nav-menu{
        gap: 20px;
    }
    .auto-container,.bd-page .container{
         max-width: 96%;
        margin: auto;
    }
    .about-page__cert-swiper{
        max-width:90%
    }
    .about-page .exhibition-nav.prev{
        left:0px
    }
    .about-page .exhibition-nav.next{
        right:0px
    }
}
@media (max-width:1400px){
.logo-tagline{
        max-width:280px;
        font-size:14px
    }
     .nav-menu{
        gap:22px
    }
     .nav-link{
        font-size:14px
    }
     .nav-actions{
        gap:12px;
        margin-left:16px
    }
     .nav-contact-link{
        font-size:15px
    }
     .nav-quote-btn{
        min-height:44px;
        padding:0 22px;
        font-size:14px
    }

.index .exhibition-nav.prev{
        left:-30px
    }
     .index .exhibition-nav.next{
        right:-30px
    }
}

@media (max-width:1399px){
.list-products-page__grid{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .list-blog-page__cards{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media (max-width:1280px){
.nav-menu{
        gap:15px
    }
     .nav-link{
        letter-spacing:normal
    }
     .nav-quote-btn{
        min-height:30px;
        padding:0 10px;
        font-size:12px
    }
     .search-toggle{
        width:30px;
        height:30px;
        font-size:15px
    }
     .container{
        padding: 0;
    }
     .case-page__video-swiper{
        padding-bottom:40px
    }
     .about-page__hero.list-products-page__hero .container,.applications-page__hero.list-products-page__hero .container,.case-page__hero.list-products-page__hero .container,.contact-page__hero.list-products-page__hero .container,.list-blog-page__hero.list-products-page__hero .container,.product-detail-page__hero.list-products-page__hero .container,.services-page__hero.list-products-page__hero .container{
        min-height:150px
    }
}

@media (max-width:1200px){
.index .exhibition-nav.prev{
        left:10px
    }
     .index .exhibition-nav.next{
        right:10px
    }
}

@media (max-width:1199px){
.about-page__hero.list-products-page__hero,.applications-page__hero.list-products-page__hero,.case-page__hero.list-products-page__hero,.contact-page__hero.list-products-page__hero,.list-blog-page__hero.list-products-page__hero,.product-detail-page__hero.list-products-page__hero,.services-page__hero.list-products-page__hero{
        padding:140px 0 88px
    }
     .list-products-page__title{
        font-size:46px
    }
     .list-products-page__catalog .container{
        padding:28px 34px 34px
    }
     .list-products-page__grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .list-products-page__editorial-card--feature,.list-products-page__editorial-grid{
        grid-template-columns:1fr
    }
     .list-products-page__capability-grid,.list-products-page__editorial-stats{
        grid-template-columns:1fr
    }
     .list-blog-page__title{
        font-size:44px
    }
     .list-blog .blog-card.list-blog-page__card{
        grid-template-columns:minmax(240px,36%) minmax(0,1fr)
    }
     .applications-page__hero-title{
        font-size:48px
    }
     .applications-page__title{
        font-size:46px
    }
     .applications-page__card{
        grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);
        gap:28px;
        padding:28px
    }
     .applications-page__card-title{
        font-size:28px
    }
     .case-page__hero-title{
        font-size:46px
    }
     .case-page__section-title{
        font-size:34px
    }
     .case-page__visit-grid{
        grid-template-columns:1fr 1fr;
        grid-template-areas:none
    }
     .case-page__visit-extra-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .case-page__visit-card,.case-page__visit-card--tall,.case-page__visit-card--wide,.case-page__visit-card:first-child,.case-page__visit-card:nth-child(2),.case-page__visit-card:nth-child(3),.case-page__visit-card:nth-child(4),.case-page__visit-card:nth-child(5){
        aspect-ratio:1.45/1
    }
     .case-page__video-swiper{
        padding-bottom:40px
    }
     .case-page .exhibition-nav.prev{
        left:10px
    }
     .case-page .exhibition-nav.next{
        right:10px
    }
     .case-page__video-shell{
        grid-template-columns:50px minmax(0,1fr) 50px
    }
     .case-page__after-thumb img{
        height:104px
    }
     .about-page__hero-title{
        font-size:46px
    }
     .about-page__panel-title,.about-page__section-title{
        font-size:34px
    }
     .about-page__stats-grid,.about-page__strength-grid,.about-page__timeline-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .about-page__manufacturing-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .about-page__media-card--large{
        grid-column:1/-1
    }
     .about-page__video-caption{
        left:48px
    }
     .about-page__video-caption strong{
        font-size:44px
    }
     .about-page__history-chip-date{
        font-size:17px
    }
     .about-page__history-panel-copy h3{
        font-size:22px
    }
     .about-page__gallery-mosaic{
        grid-template-rows:220px 190px
    }
     .about-page__cert-frame img{
        max-width:165px
    }
     .services-page__hero-title{
        font-size:46px
    }
     .services-page__assurance-grid,.services-page__cards-grid,.services-page__process-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .services-page__inquiry-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .services-page__inquiry-shell{
        min-height:520px;
        padding:52px 28px
    }
     .services-page__inquiry-card{
        padding:38px 32px 32px
    }
     .services-page__inquiry-head h2{
        font-size:34px
    }
     .services-page__inquiry-footer{
        flex-direction:column;
        align-items:stretch
    }
     .services-page__inquiry-submit{
        width:100%
    }
     .contact-page__hero-title{
        font-size:46px
    }
     .contact-page__section-title{
        font-size:34px
    }
     .contact-page__channels-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .contact-page__faq-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .contact-page__connect-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .contact-page__split-head{
        grid-template-columns:1fr;
        gap:18px
    }
     .product-detail-hero h1,.products-page-hero h1{
        font-size:38px
    }
     .products-list-card{
        grid-template-columns:320px 1fr
    }
     .related-products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .product-gallery-thumbs .swiper{
        overflow:hidden
    }
     .product-detail-facts__grid{
        grid-template-columns:1fr
    }
     .product-detail-top__grid{
        grid-template-columns:1fr
    }
     .product-summary-card{
        position:static
    }
}

@media (max-width:1080px){
.bd-layout{
        grid-template-columns:1fr
    }
     .bd-sidebar{
        position:static
    }
}

@media (max-width:1024px){
.index .about-container{
        grid-template-columns:1fr;
        gap:50px
    }
     .index .advantages-grid,.index .systems-grid{
        grid-template-columns:1fr
    }
     .index .advantage-services-grid .swiper-wrapper{
        grid-template-columns:repeat(2,1fr)
    }
     .index .atoz-services{
        grid-template-columns:1fr;
        gap:0
    }
     .index .atoz-service-block{
        border-right:none!important;
        border-bottom:1px solid rgba(255,255,255,.1);
        padding:35px 25px
    }
     .index .atoz-block-number{
        font-size:48px
    }
     .index .atoz-block-content .atoz-block-icon,.index .atoz-block-content i{
        font-size:36px
    }
     .index .atoz-block-content .atoz-block-icon{
        width:36px;
        height:36px
    }
     .index .atoz-block-content h3{
        font-size:16px
    }
     .index .atoz-block-content p{
        font-size:12px
    }
     .index .system-card{
        grid-template-columns:1fr
    }
     .index .system-icon-area{
        padding:30px
    }
     .index .service-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .index .cert-nav.prev{
        left:-15px
    }
     .index .cert-nav.next{
        right:-15px
    }
     .footer-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .index .blog-swiper{
        padding:0 50px
    }
     .index .blog-nav.prev{
        left:-15px
    }
     .index .blog-nav.next{
        right:-15px
    }
     .index .category-list{
        flex:0 0 220px
    }
     .index .category-item{
        padding:16px;
        gap:12px
    }
     .index .category-item-number{
        font-size:18px;
        min-width:25px
    }
     .index .category-item-info .category-item-icon,.index .category-item-info i{
        font-size:18px;
        width:20px
    }
     .index .category-item-info .category-item-icon{
        height:20px
    }
     .index .category-item-name{
        font-size:13px
    }
     .index .category-display{
        min-height:450px
    }
     .index .category-display-title{
        font-size:30px
    }
}

@media (max-width:992px){
.index .atoz-services .swiper-wrapper{
        grid-template-columns:repeat(2,1fr)
    }
     .index .atoz-services .swiper-slide:nth-child(2n){
        border-right:none
    }
     .index .atoz-services .swiper-slide:nth-child(n+3){
        border-top:1px solid rgba(255,255,255,.1)
    }
     .index .exhibition-item{
        grid-template-columns:1fr;
        gap:25px;
        padding:30px
    }
     .index .exhibition-image{
        aspect-ratio:21/9
    }
     .index .exhibition-info{
        gap:16px
    }
     .index .exhibition-title{
        font-size:22px
    }
}

@media (max-width:991px){
.list-products-page__hero{
        padding:130px 0 80px
    }
     .list-products-page__section-head h2{
        font-size:32px
    }
     .list-products-page__category-bar-wrap{
        min-height:96px
    }
     .list-products-page__category-bar.is-floating{
        top:84px;
        width:calc(100vw - 16px);
        max-width:calc(100vw - 16px);
        padding:12px 14px
    }
     .list-products-page__editorial-richtext--feature{
        padding:30px
    }
     .list-products-page__editorial-richtext-image{
        width:min(44%,360px);
        margin-left:22px
    }
     .list-products-page__editorial-card--feature h3{
        font-size:30px
    }
     .list-products-page__inquiry{
        padding:72px 0
    }
     .list-products-page__inquiry .inquiry-form-title{
        font-size:38px
    }
     .list-products-page__banner-grid--primary,.list-products-page__banner-grid--secondary{
        grid-template-columns:1fr
    }
     .list-products-page__banner-grid{
        gap:20px
    }
     .list-products-page__banner-grid--message,.list-products-page__banner-grid--secondary{
        margin-top:20px
    }
     .list-blog-page__hero{
        padding:132px 0 78px
    }
     .list-blog-page__section-head h2{
        font-size:32px
    }
     .applications-page__hero{
        padding:140px 0 76px
    }
     .applications-page__hero-inner{
        grid-template-columns:1fr;
        align-items:stretch
    }
     .applications-page__hero-title{
        font-size:42px
    }
     .applications-page__intro{
        padding:56px 0 36px
    }
     .applications-page__title{
        font-size:38px
    }
     .applications-page__listing{
        padding-bottom:80px
    }
     .applications-page__card{
        grid-template-columns:1fr
    }
     .applications-page__card-media{
        min-height:300px;
        aspect-ratio:auto
    }
     .case-page__hero{
        padding:140px 0 76px
    }
     .case-page__hero-inner{
        grid-template-columns:1fr
    }
     .case-page__hero-title{
        font-size:40px
    }
     .case-page__section{
        padding:72px 0
    }
     .case-page__section-title{
        font-size:30px
    }
     .case-page .exhibition-item{
        grid-template-columns:1fr;
        gap:25px;
        padding:30px;
        background:unset
    }
     .case-page .exhibition-image{
        aspect-ratio:21/9
    }
     .case-page .exhibition-info{
        gap:16px
    }
     .case-page .exhibition-title{
        font-size:22px
    }
     .case-page__video-shell{
        grid-template-columns:1fr
    }
     .case-page__video-next,.case-page__video-prev{
        display:none
    }
     .about-page__hero{
        padding:140px 0 86px
    }
     .about-page__cta-box,.about-page__hero-inner,.about-page__who-grid{
        grid-template-columns:1fr;
        display:grid
    }
     .about-page__hero-title{
        font-size:40px
    }
     .about-page__cta,.about-page__intro,.about-page__manufacturing,.about-page__stats,.about-page__strength,.about-page__timeline,.about-page__who{
        padding-bottom:72px
    }
     .about-page__cta,.about-page__intro,.about-page__manufacturing,.about-page__strength,.about-page__timeline{
        padding-top:72px
    }
     .about-page__panel-title,.about-page__section-title{
        font-size:30px
    }
     .about-page__certificates,.about-page__company,.about-page__factory-team,.about-page__history{
        padding:72px 0
    }
     .about-page__section-head--compact{
        margin-bottom:28px
    }
     .about-page__video-caption{
        left:36px
    }
     .about-page__video-caption span{
        font-size:16px
    }
     .about-page__video-caption strong{
        max-width:300px;
        font-size:36px
    }
     .about-page__history-timeline{
        grid-template-columns:48px minmax(0,1fr) 48px;
        gap:16px;
        margin-bottom:28px
    }
     .about-page__history-timeline::before{
        left:64px;
        right:64px
    }
     .about-page__history-panel-copy{
        padding:22px 22px 24px
    }
     .about-page__history-panel-copy h3{
        font-size:22px
    }
     .about-page__gallery-mosaic{
        grid-template-rows:190px 165px
    }
     .about-page__cert-slider-shell{
        grid-template-columns:48px minmax(0,1fr) 48px;
        gap:14px
    }
     .services-page__hero{
        padding:140px 0 82px
    }
     .services-page__cta-box,.services-page__hero-inner,.services-page__support-grid{
        grid-template-columns:1fr;
        display:grid
    }
     .services-page__hero-title{
        font-size:40px
    }
     .services-page__assurance,.services-page__cards,.services-page__cta,.services-page__intro,.services-page__process,.services-page__support{
        padding:72px 0
    }
     .services-page__support-row{
        grid-template-columns:1fr;
        gap:8px
    }
     .contact-page__hero{
        padding:140px 0 82px
    }
     .contact-page__contact-grid,.contact-page__hero-inner,.contact-page__support-grid{
        grid-template-columns:1fr
    }
     .contact-page__hero-title{
        font-size:40px
    }
     .contact-page__contact,.contact-page__faq,.contact-page__intro,.contact-page__support{
        padding:72px 0
    }
     .contact-page__section-title{
        font-size:30px
    }
     .contact-page__form-footer{
        flex-direction:column;
        align-items:flex-start
    }
     .about-page__hero-actions,.applications-page__hero-actions,.case-page__hero-actions,.contact-page__hero-actions,.services-page__hero-actions{
        width:100%
    }
     .about-page__hero-btn,.applications-page__hero-btn,.case-page__hero-btn,.contact-page__hero-btn,.services-page__hero-btn{
        flex:1 1 calc(50% - 6px)
    }
     .product-detail-hero,.products-page-hero{
        padding:120px 0 64px
    }
     .product-detail-grid,.product-detail-hero__inner,.products-list-card,.products-page-hero__inner{
        grid-template-columns:1fr;
        display:flex
    }
     .products-list-card__media{
        max-height:360px
    }
     .product-detail-main--full{
        display:block;
        width:100%
    }
     .product-detail-page__hero .list-products-page__hero-inner{
        min-height:440px;
        align-items:center
    }
     .product-summary-card h2{
        font-size:30px
    }
     .product-detail-editorial__content .product-detail-editorial__image-grid,.product-detail-editorial__content .product-detail-editorial__media-block,.product-detail-editorial__content .product-detail-editorial__media-block--reverse{
        grid-template-columns:1fr
    }
}

@media (max-width:768px){
.product-detail-editorial__content{
        padding:0
    }
     .product-detail-editorial__content h2{
        font-size:26px
    }
     .product-detail-editorial__content figcaption,.product-detail-editorial__content li,.product-detail-editorial__content p,.product-detail-editorial__content td,.product-detail-editorial__content th{
        font-size:15px;
        line-height:1.65
    }
     .product-detail-editorial__content .product-detail-editorial__table td,.product-detail-editorial__content .product-detail-editorial__table th{
        padding:10px
    }
     .product-detail-editorial__content .product-detail-editorial__table th{
        width:auto
    }
     .product-detail-editorial__content .product-detail-editorial__image-grid{
        grid-template-columns:1fr;
        gap:20px;
        margin:0
    }
.single-page-content{
        padding:56px 0 72px
    }
     .single-page-content .container{
        max-width:min(100% - 32px,1120px)
    }
     .single-page-article{
        padding:28px 20px;
        border-radius:8px
    }
     .single-page-title{
        margin-bottom:22px;
        padding-bottom:18px;
        font-size:30px
    }
     .single-page-article h2{
        font-size:24px
    }
     .single-page-article h3{
        font-size:21px
    }
     .single-page-article h4{
        font-size:18px
    }
     .single-page-article p{
        font-size:15px;
        line-height:1.82
    }
     .single-page-article p:first-child{
        font-size:16px
    }
     .single-page-article p:has(br){
        padding:16px
    }
     .bd-hero{
        padding:52px 0 10px
    }
     .bd-hero-grid{
        max-width:100%
    }
     .bd-hero-copy h1{
        font-size:24px;
        line-height:1.28
    }
     .bd-meta{
        gap:12px 16px;
        margin-top:18px;
        font-size:14px
    }
     .bd-meta-item svg{
        width:18px;
        height:18px
    }
     .bd-content{
        padding:22px 0 0
    }
     .bd-body{
        padding:0;
        border:0;
        border-radius:0;
        background:0 0;
        box-shadow:none
    }
     .bd-body p{
        font-size:15px;
        line-height:1.82
    }
     .bd-body h2{
        margin:36px 0 16px;
        font-size:25px
    }
     .bd-body h3{
        font-size:22px
    }
     .bd-body img{
        border-radius:8px;
        box-shadow:0 14px 30px rgba(26,37,51,.1)
    }
     .bd-post-nav{
        padding:0 0 70px
    }
     .bd-post-nav-grid{
        grid-template-columns:1fr
    }
     .bd-post-nav-next{
        text-align:left
    }
     #page_blog_detail .bd-toc-fab{
        position:fixed;
        right:10px;
        top:320px;
        z-index:10015;
        display:flex;
        align-items:center;
        justify-content:center;
        width:42px;
        height:42px;
        border:0;
        border-radius:8px;
        background:var(--primary-dark);
        color:#fff;
        box-shadow:0 14px 30px rgba(26,37,51,.24);
        cursor:pointer
    }
     #page_blog_detail .bd-toc-fab svg{
        width:21px;
        height:21px;
        stroke:currentColor;
        stroke-width:2;
        stroke-linecap:round
    }
     #page_blog_detail .bd-toc-mask{
        position:fixed;
        inset:0;
        z-index:10000;
        display:block;
        background:rgba(26,37,51,.44);
        opacity:0;
        visibility:hidden;
        transition:opacity .22s ease,visibility .22s ease
    }
     #page_blog_detail .bd-toc-mask.show{
        opacity:1;
        visibility:visible
    }
     #page_blog_detail .bd-sidebar .bd-toc-card.sidebar-widget{
        position:fixed;
        top:0;
        right:0;
        z-index:10030;
        width:min(86vw,340px);
        height:100vh;
        margin:0;
        padding:16px 14px 24px;
        border-radius:0;
        border-top:0;
        border-right:0;
        border-bottom:0;
        border-left:1px solid rgba(29,112,197,.14);
        background:#fff;
        box-shadow:-14px 0 34px rgba(26,37,51,.18);
        overflow:auto;
        transform:translateX(105%);
        transition:transform .24s ease
    }
     #page_blog_detail .bd-sidebar .bd-toc-card.sidebar-widget.open{
        transform:translateX(0)
    }
     #page_blog_detail .bd-toc-card .sidebar-widget-title{
        position:sticky;
        top:0;
        z-index:1;
        margin:0 0 10px;
        padding:6px 2px 12px;
        border-bottom:1px solid rgba(29,112,197,.12);
        background:#fff;
        font-size:18px
    }
     #page_blog_detail .bd-side-list.sidebar-category-list{
        display:grid;
        gap:8px;
        margin:0;
        padding:0;
        list-style:none
    }
     #page_blog_detail .bd-side-list.sidebar-category-list li{
        border-bottom:0
    }
     #page_blog_detail .bd-side-list.sidebar-category-list li a{
        display:block;
        padding:10px 12px;
        border:1px solid rgba(29,112,197,.12);
        border-radius:8px;
        background:var(--off-white);
        color:#344054;
        font-size:14px;
        line-height:1.45
    }
     #page_blog_detail .bd-side-list.sidebar-category-list li a:hover,#page_blog_detail .bd-side-list.sidebar-category-list li.active>a,#page_blog_detail .bd-side-list.sidebar-category-list li>a.active{
        padding-left:12px;
        color:var(--primary-blue);
        background:#eef6fc
    }
     body.bd-toc-open #page_blog_detail .bd-sidebar{
        z-index:10025;
        pointer-events:auto
    }
     body.bd-toc-open #page_blog_detail .bd-toc-fab,body.bd-toc-open .back-to-top,body.bd-toc-open .side-contact-bar{
        opacity:0;
        visibility:hidden;
        pointer-events:none
    }

.logo-tagline{
        display:none
    }
     .logo-img{
        height:45px
    }
     .nav-actions{
        display:none
    }
     .mobile-toggle{
        display:block;
        font-size:25px
    }
     .mobile-nav-wrapper{
        display:flex
    }
     .search-toggle{
        width:30px;
        height:30px;
        font-size:16px
    }
     .nav-link--contact-mobile{
        display:block
    }
     .index .hero-content{
        left:0;
        right:0;
        bottom:0;
        top:0;
        max-width:90%;
        margin:auto;
        height:max-content;
        text-align:center
    }
     .index .hero{
        min-height:clamp(360px,60vh,520px)
    }
     .index .hero-content .hero-title,.index .hero-content h1{
        font-size:clamp(32px,8vw,46px)
    }
     .index .hero-subtitle{
        font-size:15px;
        line-height:1.7
    }
     .index .hero-nav{
        inset:auto 16px 88px;
        transform:none
    }
     .index .hero-nav-btn{
        width:44px;
        height:44px
    }
     .index .hero-pagination{
        bottom:24px!important
    }
     .nav-menu-shell{
        position:fixed;
        inset:0;
        margin-left:0;
        background:rgba(0,0,0,.5);
        z-index:1002;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .3s ease,visibility .3s ease
    }
     .nav-menu-shell.active{
        opacity:1;
        visibility:visible;
        pointer-events:auto
    }
     .nav-menu-panel{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        width:280px;
        max-width:82%;
        background:var(--white);
        display:flex;
        flex-direction:column;
        align-items:stretch;
        transform:translateX(100%);
        transition:transform .3s cubic-bezier(.4, 0, .2, 1);
        box-shadow:-5px 0 30px rgba(0,0,0,.15)
    }
     .nav-menu-shell.active .nav-menu-panel{
        transform:translateX(0)
    }
     .nav-menu-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:10px;
        border-bottom:1px solid #e8eef2
    }
     .nav-menu{
        display:block;
        padding:10px 0 20px;
        background:#fff
    }
     .nav-menu .nav-link{
        display:block;
        padding:8px 10px;
        font-size:15px;
        border-left:3px solid transparent
    }
     .nav-menu .nav-link::after{
        display:none
    }
     .nav-menu .nav-link.active,.nav-menu .nav-link:hover{
        background:rgba(29,112,197,.05);
        color:var(--primary-blue);
        border-left-color:var(--primary-blue);
        padding-left:22px
    }
     .nav-menu .nav-item-has-children{
        position:relative
    }
     .nav-menu .nav-item-has-children>.nav-link{
        padding-right:54px
    }
     .nav-menu .nav-item-has-children>.nav-submenu-toggle{
        position:absolute;
        right:10px;
        top:8px;
        width:32px;
        height:32px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:0 0;
        border:none;
        color:var(--text-gray);
        cursor:pointer;
        border-radius:6px
    }
     .nav-menu .nav-submenu-toggle i{
        font-size:12px;
        transition:transform .3s ease
    }
     .nav-menu .nav-submenu-toggle.active i{
        transform:rotate(180deg)
    }
     .nav-menu .nav-submenu{
        position:static;
        left:auto;
        top:auto;
        min-width:0;
        transform:none;
        opacity:1;
        visibility:visible;
        display:none;
        background:rgba(29,112,197,.03);
        box-shadow:none;
        border-radius:0;
        padding:0
    }
     .nav-menu .nav-submenu.active{
        display:block;
        transform:unset
    }
     .nav-menu .nav-submenu-link{
        display:block;
        padding:8px 15px 8px 25px;
        font-size:15px;
        border-left:3px solid transparent
    }
     .nav-menu .nav-submenu-link.active,.nav-menu .nav-submenu-link:hover{
        background:rgba(29,112,197,.08);
        color:var(--primary-blue);
        border-left-color:var(--primary-blue);
        padding-left:38px
    }
     .index .hero{
        padding-top:72px
    }
     .index .blog-swiper{
        padding:0
    }
     .index .blog-nav{
        display:none
    }
     .index .blog-pagination,.index .certificates-pagination,.index .products-pagination,.index .solutions-pagination{
        margin:20px auto 0!important
    }
     .index .service-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .index .cert-nav,.index .exhibition-nav{
        display:none
    }
     .index .form-grid{
        grid-template-columns:1fr
    }
     .index .about-highlights{
        grid-template-columns:1fr
    }
     .index .section{
        padding:60px 0
    }
     .index .exhibitions,.index .industries,.index .video-section{
        padding:60px 0
    }
    .index .industries{
    padding-bottom: 0;
}
     .index .exhibitions{
        padding-bottom:0
    }
     .index .section-header{
        margin-bottom:36px
    }
    .index .product-text-box{
    padding: 20px 0;
}
     .index .section-subtitle{
        font-size:15px;
        max-width: 100%;
    }
     .index .applications-swiper{
        overflow:hidden
    }
     .index .applications-swiper .swiper-wrapper{
        display:flex;
        gap:0
    }
     .index .applications-swiper .swiper-slide{
        grid-column:auto!important;
        grid-row:auto!important;
        width:100%!important
    }
     .index .applications-pagination{
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        gap:12px!important;
        width:auto!important;
        margin:20px auto 0!important;
        position:relative!important;
        bottom:auto!important
    }
     .index .applications-pagination .swiper-pagination-bullet{
        width:12px!important;
        height:12px!important;
        background:rgba(29,112,197,.3)!important;
        border-radius:50%!important;
        opacity:1!important;
        transition:all .3s ease;
        margin:0!important
    }
     .index .applications-pagination .swiper-pagination-bullet:hover{
        background:rgba(29,112,197,.6)!important
    }
     .index .applications-pagination .swiper-pagination-bullet-active{
        background:var(--primary-blue)!important;
        width:36px!important;
        border-radius:6px!important
    }
     .index .category-split-layout{
        display:block
    }
     .index .category-list{
        display:none
    }
     .index .category-display{
        min-height:0;
        border-radius:18px
    }
     .index .category-display .swiper-wrapper{
        display:flex;
        min-height:0
    }
     .index .category-display-slide{
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        height:auto;
        min-height:500px;
        opacity:1;
        visibility:visible
    }
     .index .category-display-image{
        position:absolute;
        inset:0
    }
     .index .category-display-content{
        left:22px;
        right:22px;
        bottom:22px
    }
     .index .category-display-icon{
        width:54px;
        height:54px;
        font-size:20px;
        margin-bottom:12px
    }
     .index .category-display-icon-img{
        width:28px;
        height:28px
    }
     .index .category-display-title{
        font-size: 22px;
        line-height:1.25;
        margin-bottom: 10px;
    }
     .index .category-display-desc{
        font-size: 15px;
        line-height: 1.5;
        margin-bottom:16px
    }
     .index .category-display-features{
        justify-content:flex-start;
        gap:8px;
        display:none
    }
     .index .category-display-features li{
        font-size:12px;
        padding:7px 12px;
        background:rgba(255,255,255,.12);
        border:1px solid rgba(255,255,255,.22);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px)
    }
     .index .category-display-btn{
        padding:8px 20px
    }
     .index .category-pagination{
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        gap:12px!important;
        width:auto!important;
        margin:20px auto 0!important;
        position:relative!important;
        bottom:auto!important
    }
     .index .category-pagination .swiper-pagination-bullet{
        width:12px!important;
        height:12px!important;
        background:rgba(29,112,197,.3)!important;
        border-radius:50%!important;
        opacity:1!important;
        transition:all .3s ease;
        margin:0!important
    }
     .index .category-pagination .swiper-pagination-bullet:hover{
        background:rgba(29,112,197,.6)!important
    }
     .index .category-pagination .swiper-pagination-bullet-active{
        background:var(--primary-blue)!important;
        width:36px!important;
        border-radius:6px!important
    }
     .index .showcase-card,.index .showcase-card-featured{
        min-height:280px
    }
     .index .project-gallery{
        display:none
    }
    .index .project-cta h2{
    font-size: 24px;
}
    .index .project-cta-buttons{
    /* display: flex; */
    /* flex-wrap: nowrap; */
}
     .index .project-swiper-mobile{
        display:block
    }
     .index .about-container{
        gap:32px
    }
     .index .about-stats{
        grid-template-columns:repeat(2,1fr);
        gap: 10px;
        margin-top: 30px;
    }
     .index .about-stat-card{
        /* padding: 20px; */
    }
    .index .about-stat-label{
    letter-spacing: unset;
    text-transform: unset;
}
     .index .about-stat-card .stat-number{
        font-size: 30px;
    }
     .index .about .btn-primary,.index .project-cta .btn-outline-blue,.index .project-cta .btn-primary{
        width: max-content;
        justify-content:center
    }
     .index .about-image img{
        aspect-ratio:4/3
    }
     .index .about-badge{
        bottom:-15px;
        right:15px;
        padding:20px
    }
     .index .about-badge .years{
        font-size:36px
    }
     .index .about-content p{
        font-size: 16px;
    }
     .index .atoz-services{
        padding: 0;
        margin-top:36px
    }
     .index .atoz-services .swiper-wrapper{
        display:flex;
        transition:transform .4s ease
    }
     .index .atoz-services .swiper-slide.swiper-slide-active{
        opacity:1;
        transform:scale(1)
    }
     .index .atoz-services .swiper-slide.swiper-slide-next,.index .atoz-services .swiper-slide.swiper-slide-prev{
        opacity:.7;
        transform:scale(.95)
    }
     .index .atoz-services .atoz-service-block{
        padding:40px 20px;
        min-height:280px;
        height:280px;
        background:rgba(255,255,255,.08)
    }
     .index .atoz-services .atoz-service-block::before{
        opacity:1
    }
     .index .atoz-services .atoz-block-number{
        font-size:56px;
        color:var(--accent-orange);
        transform:scale(1.15);
        margin-bottom:5px
    }
     .index .atoz-services .atoz-block-content{
        display:flex;
        flex-direction:column;
        align-items:center
    }
     .index .atoz-services .atoz-block-content .atoz-block-icon,.index .atoz-services .atoz-block-content i{
        font-size:30px;
        transform:translateY(-8px) scale(1.1);
        color:#fff;
        filter:drop-shadow(0 0 10px rgba(255,102,0,.5));
        margin-top:20px;
        margin-bottom:25px
    }
     .index .atoz-services .atoz-block-content .atoz-block-icon{
        width:30px;
        height:30px;
        object-fit:contain
    }
     .index .atoz-services .atoz-block-content h3{
        font-size: 20px;
        transform:translateY(-2px);
        margin:0 0 8px
    }
     .index .atoz-services .atoz-block-content p{
        font-size: 16px;
        color:rgba(255,255,255,.95);
        margin:0
    }
     .index .atoz-services .swiper{
        padding-bottom:50px
    }
     .index .atoz-swiper-pagination{
        display:flex;
        margin-top:40px;
        justify-content:center
    }
     .index .atoz-swiper-pagination .swiper-pagination-bullet{
        width:10px;
        height:10px;
        background:rgba(255,255,255,.3);
        opacity:1;
        border-radius:50%;
        transition:all .3s ease
    }
     .index .atoz-swiper-pagination .swiper-pagination-bullet-active{
        width:30px;
        border-radius:5px;
        background:var(--accent-orange)
    }
     .index .atoz-cta{
        margin-top:30px
    }
     .index .advantage-services-grid .swiper{
        overflow:hidden;
        padding-bottom:50px
    }
     .index .advantage-services-grid .swiper-wrapper{
        display:flex!important
    }
     .index .advantage-services-grid .swiper-slide{
        opacity:.5;
        transition:opacity .3s ease
    }
     .index .advantage-services-grid .swiper-slide.swiper-slide-active{
        opacity:1
    }
    .index .service-icon{
    width: 60px;
    height: 60px;
    /* margin: 0 auto; */
}
     .index .advantage-services-grid .swiper-slide.swiper-slide-next,.index .advantage-services-grid .swiper-slide.swiper-slide-prev{
        opacity:.75
    }
    .index .video-caption h3{
    font-size: 20px;
}
     .index .advantage-swiper-pagination{
        display:flex;
        margin-top:30px;
        justify-content:center;
        gap:10px
    }
     .index .advantage-swiper-pagination .swiper-pagination-bullet{
        width:10px;
        height:10px;
        background:var(--light-gray);
        opacity:1;
        border-radius:50%;
        transition:all .3s ease
    }
     .index .advantage-swiper-pagination .swiper-pagination-bullet-active{
        width:30px;
        border-radius:5px;
        background:var(--primary-blue)
    }
     .index .showcase-card{
        min-height:180px
    }
     .index .showcase-card img{
        min-height:400px
    }
     .index .card-title{
        font-size: 18px;
    }
     .index .showcase-card-featured .card-title{
        font-size:20px
    }
     .index .card-desc{
        font-size: 15px;
        opacity:1;
        margin-top:4px;
        margin-bottom:10px
    }
     .index .card-link{
        font-size:13px;
        opacity:1;
        margin-top:8px;
        display:inline-flex;
        transform:none
    }
     .index .card-overlay{
        bottom:0
    }
     .index .service-card{
        padding:25px 20px
    }
     .index .advantage-content h3,.index .blog-content h3,.index .industry-card h3,.index .product-card h3,.index .service-card h3,.index .solution-card h3,.index .system-card h3{
        font-size:16px
    }
     .index .advantage-content p,.index .blog-content p,.index .industry-card p,.index .product-card p,.index .service-card p,.index .solution-card p,.index .system-card p{
        font-size:14px
    }
     .index .service-card p{
        font-size:13px
    }
     .index .advantage-number{
        font-size:42px
    }
     .index .video-section .play-button{
        width:65px;
        height:65px
    }
     .index .play-button::before{
        border-left:15px solid var(--primary-blue);
        border-top:10px solid transparent;
        border-bottom:10px solid transparent
    }
     .index .video-wrapper{
        height:240px;
        max-width:100%;
        border-radius:16px
    }
     .index .btn-outline-blue,.index .btn-primary{
        padding: 10px 20px;
        font-size:14px
    }
     .nav-container{
        padding: 12px 0;
    }
     .index .section-tag{
        font-size:12px;
        padding:6px 14px
    }
     .index .section-title{
        font-size: 22px;
        line-height: 1.5;
    }
     .index .system-tag{
        font-size:11px
    }
     .index .blog-card img{
        min-height:200px
    }
     .index .blog-content{
        padding:20px 18px
    }
     .footer-grid{
        grid-template-columns:1fr
    }
     .footer-grid .footer-column:nth-child(2),.footer-grid .footer-column:nth-child(3){
        display:none
    }
     .footer-bottom{
        gap:20px;
        /* text-align:center; */
        /* display: flex; */
        /* align-content: flex-start; */
        flex-wrap: wrap;
    }
     .footer-title{
        font-size:18px
    }
    .footer-bottom p,.footer-bottom-links a{
    font-size: 15px;
}
    .footer-bottom-links{
    gap: 10px;
    flex-wrap: wrap;
}
     .footer-about p,.footer-links li a{
        font-size: 15px;
    }
     .index .inquiry-container{
        grid-template-columns:1fr;
        gap:40px
    }
     .index .inquiry-form-wrapper{
        padding:30px 25px
    }
     .index .inquiry-info{
        order:-1;
        text-align:center
    }
     .index .inquiry-info h3{
        font-size:22px
    }
     .index .contact-info-item{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:10px;
    }
     .index .contact-info-item i{
        margin-top:0;
        font-size:24px
    }
     .index .exhibition-item{
        padding:20px;
        gap:20px
    }
     .index .exhibition-image{
        aspect-ratio:16/9
    }
     .index .exhibition-image-placeholder i{
        font-size:36px
    }
     .index .exhibition-image-placeholder span{
        font-size:12px
    }
     .index .exhibition-title{
        font-size:20px
    }
     .index .exhibition-detail{
        font-size:14px;
        gap:10px
    }
     .index .blog-card:hover,.index .industry-card:hover,.index .product-card:hover,.index .solution-card:hover{
        transform:none;
        box-shadow:0 2px 10px rgba(0,0,0,.08)
    }
     .index .product-category-module{
        padding:60px 0;
        /* padding-bottom:0; */
    }
     .index .product-category-module::before{
        top:18px;
        left:-54px;
        width:180px;
        height:180px;
        opacity:.12
    }
     .index .product-category-module::after{
        right:-58px;
        bottom:10px;
        width:190px;
        height:190px;
        opacity:.12
    }
}

@media (max-width:767px){
.about-page__hero.list-products-page__hero,.applications-page__hero.list-products-page__hero,.case-page__hero.list-products-page__hero,.contact-page__hero.list-products-page__hero,.list-blog-page__hero.list-products-page__hero,.product-detail-page__hero.list-products-page__hero,.services-page__hero.list-products-page__hero{
        padding:115px 0 70px
    }
     .about-page__hero.list-products-page__hero .container,.applications-page__hero.list-products-page__hero .container,.case-page__hero.list-products-page__hero .container,.contact-page__hero.list-products-page__hero .container,.list-blog-page__hero.list-products-page__hero .container,.product-detail-page__hero.list-products-page__hero .container,.services-page__hero.list-products-page__hero .container{
        min-height:auto
    }
     .list-blog .list-blog-page__category-bar-wrap{
        margin-top:0;
        padding-top:0
    }
     .list-products-page__hero{
        padding:115px 0 70px
    }
     .list-products-page__hero .container{
        min-height:auto
    }
     .list-products-page__title{
        font-size:28px
    }
     .list-products-page__catalog,.list-products-page__editorial{
        padding: 40px 0;
    }
     .list-products-page__catalog .container{
        padding: 0;
        border-radius: 8px;
    }
     .list-products-page__category-bar-wrap{
        padding-top:4px;
        min-height:110px
    }
     .list-products-page__category-bar{
        justify-content:flex-start;
        padding: 0;
        margin-top: 0;
        gap:10px
    }
     .list-products-page__category-bar.is-floating{
        top:69px;
        width:100%;
        max-width:100%;
        padding:10px;
        border-radius:unset
    }
     .list-products-page__breadcrumb-wrap{
        padding:18px 0 4px
    }
     .list-products-page__breadcrumb{
        width:100%;
        min-height:50px;
        padding:10px 0;
        border-radius:0;
        font-size:14px
    }
     .list-products-page__capability-grid,.list-products-page__grid{
        grid-template-columns: 1fr;
        /* gap: 10px; */
    }
    .list_products .product-card{
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* flex-direction: row; */
}
    .list_products .product-img-box,.list_products .product-text-box{
    /* flex: 0 0 calc((100% - 1 * 10px) / 2); */
}
     .list-products-page__category-pill,.list-products-page__details-link,.list-products-page__pagination .inside-pagination ul{
        gap:10px;
        justify-content:flex-start
    }
     .list-products-page__pagination .inside-pagination a{
        width:100%
    }
     .list-products-page__editorial-card--content,.list-products-page__editorial-richtext--feature{
        padding:0
    }
     .list-products-page__editorial-richtext-image{
        float:none;
        width:100%;
        margin:8px 0 18px
    }
     .list_products .product-text-box{
        padding:20px
    }
     .list-products-page__editorial-card--content h3,.list-products-page__editorial-card--feature h3,.list-products-page__section-head h2{
        font-size:28px
    }
     .list_products .product-image{
        height:100%;
        padding: 10px;
        aspect-ratio: auto;
    }
     .list-products-page__inquiry{
        padding:56px 0
    }
     .list-products-page__inquiry .inquiry-form-header.list-products-page__inquiry-header{
        margin-bottom:32px
    }
     .list-products-page__inquiry .inquiry-form-title{
        font-size:28px;
        line-height:1.18
    }
     .list-products-page__inquiry .inquiry-form-subtitle{
        font-size:14px;
        line-height:1.75
    }
     .list-products-page__banner-grid{
        gap:16px
    }
     .list-products-page__banner-grid--message,.list-products-page__banner-grid--secondary{
        margin-top:16px
    }
     .list-products-page__inquiry .form-label{
        margin-bottom:8px;
        font-size:14px
    }
     .list-products-page__inquiry .form-input{
        height:46px;
        font-size:14px;
        padding-top:4px;
        padding-bottom:8px
    }
     .list-products-page__inquiry .form-textarea{
        min-height:112px;
        font-size:14px;
        padding-top:10px;
        padding-bottom:10px
    }
     .list-products-page__banner-actions{
        margin-top:20px;
        flex-direction:column;
        align-items:stretch;
        gap:16px
    }
     .list-products-page__banner-note{
        text-align:center
    }
     .list-products-page__inquiry .form-submit.list-products-page__banner-submit{
        width:100%;
        min-height:48px;
        padding:12px 22px;
        font-size:14px
    }
     .list-blog-page__hero{
        padding:116px 0 70px
    }
     .list-blog-page__title{
        font-size:34px
    }
     .list-blog-page__desc{
        font-size:15px
    }
     .list-blog-page__category-bar{
        justify-content:flex-start
    }
     .list-blog-page__listing{
        padding:46px 0 70px
    }
     .list-blog-page__cards{
        grid-template-columns:1fr
    }
     .list-blog .blog-card.list-blog-page__card{
        grid-template-columns:1fr
    }
     .list-blog-page__card-media{
        aspect-ratio:16/9
    }
     .list-blog .blog-card .blog-content.list-blog-page__card-body{
        padding:20px
    }
     .list-blog-page__card-title{
        font-size:18px
    }
     .list-blog-page__card-excerpt{
        font-size:14px
    }
     .list-blog-page__section-head h2{
        font-size:28px
    }
     .applications-page__hero{
        padding:124px 0 64px
    }
     .applications-page__hero-title{
        font-size:32px
    }
     .applications-page__hero-desc{
        font-size:15px
    }
     .applications-page__hero-actions{
        gap:12px;
        margin-top:24px
    }
     .applications-page__hero-btn{
        min-height:46px;
        padding:0 18px;
        font-size:13px
    }
     .applications-page__metric-card{
        padding:18px
    }
     .applications-page__metric-card strong{
        font-size:24px
    }
     .applications-page__intro{
        padding:44px 0 30px
    }
     .applications-page__title{
        font-size:30px
    }
     .applications-page__desc{
        font-size:15px
    }
     .applications-page__card{
        gap:22px;
        padding:20px
    }
     .applications-page__card-title{
        font-size:24px
    }
     .applications-page__card-desc{
        font-size:15px;
        line-height:1.8
    }
     .applications-page__meta{
        font-size:13px
    }
     .case-page__hero{
        padding:124px 0 64px
    }
     .case-page__hero-title{
        font-size:32px
    }
     .case-page__after-caption p,.case-page__hero-desc,.case-page__section-desc{
        font-size:14px
    }
     .case-page__hero-actions{
        gap:12px;
        margin-top:24px
    }
     .case-page__hero-btn{
        min-height:44px;
        padding:0 16px;
        font-size:13px
    }
     .case-page__summary-card{
        padding:18px
    }
     .case-page__section{
        padding:40px 0
    }
     .case-page__section-title{
        font-size:26px
    }
     .case-page__visit-extra-grid,.case-page__visit-grid{
        display:none
    }
     .case-page .exhibition-nav{
        display:none
    }
     .case-page__visit-mobile{
        display:block
    }
     .case-page__visit-mobile-swiper{
        overflow:hidden
    }
     .case-page__visit-mobile-swiper .swiper-slide{
        height:auto
    }
     .case-page__visit-card--tall,.case-page__visit-card--wide,.case-page__visit-mobile .case-page__visit-card{
        aspect-ratio:1.3/1
    }
     .case-page__visit-mobile .case-page__visit-card{
        border-radius:8px
    }
     .case-page__visit-mobile .case-page__visit-card img{
        min-height:0
    }
     .case-page__visit-mobile-pagination{
        position:static;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:8px;
        margin-top:18px
    }
     .case-page__visit-mobile-pagination .swiper-pagination-bullet{
        width:10px;
        height:10px;
        margin:0!important;
        background:rgba(5,86,166,.2);
        opacity:1
    }
     .case-page__visit-mobile-pagination .swiper-pagination-bullet-active{
        width:28px;
        border-radius:999px;
        background:var(--primary-blue)
    }
     .case-page__video-content{
        padding:18px 18px 20px
    }
     .case-page__after-caption strong,.case-page__video-title{
        font-size:20px
    }
     .case-page .exhibition-item{
        padding:0;
        gap:20px
    }
     .case-page .exhibition-image{
        aspect-ratio:16/9
    }
     .case-page .exhibition-title{
        font-size:20px
    }
     .case-page .exhibition-detail{
        gap:10px;
        font-size:14px
    }
     .case-page__video-author,.case-page__video-meta{
        font-size:14px
    }
     .case-page__after-thumb img{
        height:96px
    }
     .case-page__after-caption{
        padding:16px 18px 18px
    }
     .case-page__after-arrow{
        width:44px;
        height:44px
    }
     .case-page__after-arrow--prev{
        left:12px
    }
     .case-page__after-arrow--next{
        right:12px
    }
     .about-page__hero{
        padding:124px 0 72px
    }
     .about-page__hero-title{
        font-size:32px
    }
     .about-page__hero-desc,.about-page__media-copy p,.about-page__panel-text,.about-page__section-desc,.about-page__strength-card p,.about-page__timeline-card p{
        font-size:14px
    }
     .about-page__hero-actions{
        margin-top:24px;
        gap:12px
    }
     .about-page__hero-btn{
        min-height:44px;
        padding:0 18px;
        font-size:13px
    }
     .about-page__panel-title,.about-page__section-title{
        font-size:26px
    }
     .about-page__who-panel{
        padding:30px 24px
    }
     .about-page__manufacturing-grid,.about-page__stats-grid,.about-page__strength-grid,.about-page__timeline-grid{
        grid-template-columns:1fr
    }
     .about-page__cta-box,.about-page__media-copy,.about-page__stat-item,.about-page__strength-card,.about-page__timeline-card{
        padding:22px 20px
    }
     .about-page__media-copy h3,.about-page__strength-card h3,.about-page__timeline-card strong{
        font-size:20px
    }
     .about-page__certificates,.about-page__company,.about-page__factory-team,.about-page__history{
        padding:40px 0
    }
     .about-page__company{
        padding-top:20px;
        padding-bottom:0
    }
     .about-page__history{
        padding-bottom:0
    }
     .about-page__section-head--compact{
        margin-bottom:20px
    }
     .about-page__section-intro{
        font-size:14px;
        line-height:1.75
    }
     .about-page .video-wrapper{
        aspect-ratio:16/10.5
    }
     .about-page__video-caption{
        left:24px
    }
     .about-page__video-caption span{
        margin-bottom:6px;
        font-size:13px
    }
     .about-page__video-caption strong{
        max-width:200px;
        font-size:28px
    }
     .about-page .play-button{
        width:68px;
        height:68px
    }
     .about-page .play-button::before{
        margin-left:4px;
        border-left-width:20px;
        border-top-width:12px;
        border-bottom-width:12px
    }
     .about-page__history-timeline{
        grid-template-columns:42px minmax(0,1fr) 42px;
        gap:12px;
        margin-bottom:22px
    }
     .about-page__history-timeline::before{
        top:45px;
        left:54px;
        right:54px
    }
     .about-page__history-arrow{
        width:40px;
        height:40px
    }
     .about-page__history-chip{
        gap:12px
    }
     .about-page__history-chip-date{
        min-height:auto;
        font-size:14px
    }
     .about-page__history-chip-marker{
        width:34px;
        height:34px;
        font-size:12px
    }
     .about-page__history-panel-copy{
        padding:18px 18px 22px
    }
     .about-page__history-panel-copy h3{
        margin-bottom:12px;
        font-size:20px
    }
     .about-page__history-panel-copy p{
        font-size:14px;
        line-height:1.75
    }
     .about-page__history-panel-meta{
        padding-top:14px;
        font-size:11px
    }
     .about-page__gallery-tabs{
        display:flex;
        width:100%
    }
     .about-page__gallery-tab{
        min-height:45px
    }
     .about-page__gallery-pagination,.about-page__gallery-shell--desktop{
        display:none
    }
     .about-page__gallery-mobile-pagination,.about-page__gallery-shell--mobile{
        display:block
    }
     .about-page__gallery-card{
        border-radius:14px
    }
     .about-page__gallery-controls{
        gap:12px;
        margin-top:16px
    }
     .about-page .exhibition-nav,.about-page__cert-next,.about-page__cert-prev{
        display:none
    }
     .about-page__cert-swiper{
        padding-bottom:30px
    }
     .about-page__cert-frame{
        padding:0 10px 6px
    }
     .about-page__cert-frame img{
        max-width:180px
    }
     .services-page__hero{
        padding:124px 0 72px
    }
     .services-page__hero-title{
        font-size:32px
    }
     .services-page__assurance-card p,.services-page__card p,.services-page__hero-desc,.services-page__hero-panel p,.services-page__hero-points li,.services-page__step p,.services-page__support-row span{
        font-size:14px
    }
     .services-page__hero-actions{
        margin-top:24px;
        gap:12px
    }
     .services-page__hero-btn{
        min-height:44px;
        padding:0 18px;
        font-size:13px
    }
     .services-page__assurance-grid,.services-page__cards-grid,.services-page__process-grid{
        grid-template-columns:1fr
    }
     .services-page__assurance-card,.services-page__card,.services-page__cta-box,.services-page__hero-panel,.services-page__step,.services-page__support-row{
        padding:22px 20px
    }
     .services-page__assurance-card h3,.services-page__card h3,.services-page__step h3{
        font-size:20px
    }
     .services-page__inquiry{
        padding:64px 0
    }
     .services-page__inquiry-grid{
        grid-template-columns:1fr;
        gap:22px
    }
     .services-page__workflow-number{
        font-size:32px
    }
     .services-page__inquiry-shell{
        min-height:auto;
        padding:36px 16px
    }
     .services-page__inquiry-card{
        padding:28px 20px 24px;
        border-radius:18px
    }
     .services-page__inquiry-head{
        margin-bottom:24px
    }
     .services-page__inquiry-head h2{
        font-size:28px
    }
     .services-page__inquiry-footer p,.services-page__inquiry-head p{
        font-size:14px
    }
     .services-page__inquiry-input{
        min-height:52px
    }
     .services-page__inquiry-textarea{
        min-height:132px
    }
     .services-page__inquiry-footer{
        gap:14px
    }
     .contact-page__hero{
        padding:124px 0 72px
    }
     .contact-page__hero-title{
        font-size:32px
    }
     .contact-page__channel-card span:last-child,.contact-page__details-card p,.contact-page__faq-card p,.contact-page__form-desc,.contact-page__form-footer p,.contact-page__hero-desc,.contact-page__hero-panel p,.contact-page__hero-points li,.contact-page__section-desc,.contact-page__support-card li,.contact-page__support-card p{
        font-size:14px
    }
     .contact-page__hero-actions{
        margin-top:24px;
        gap:12px
    }
     .contact-page__hero-btn{
        min-height:44px;
        padding:0 18px;
        font-size:13px
    }
     .contact-page__channels{
        margin-top:-28px
    }
     .contact-page__channels-grid,.contact-page__faq-grid,.contact-page__form-grid{
        grid-template-columns:1fr
    }
     .contact-page__section-title{
        font-size:26px
    }
     .contact-page__channel-card,.contact-page__details-card,.contact-page__faq-card,.contact-page__form-card,.contact-page__hero-panel,.contact-page__support-card,.contact-page__support-story{
        padding:22px 20px
    }
     .contact-page__details-card h2,.contact-page__hero-panel strong{
        font-size:26px
    }
     .contact-page__details-card h3,.contact-page__faq-card h3,.contact-page__support-card h3{
        font-size:20px
    }
     .contact-page__form-title{
        font-size:28px
    }
     .quotation-page .contact-shell{
        width:min(100% - 32px,1400px);
        padding:46px 0 68px
    }
     .quotation-intro{
        margin-bottom:28px
    }
     .quotation-intro h1{
        font-size:30px
    }
     .quotation-intro p{
        font-size:15px
    }
     .quotation-layout{
        grid-template-columns:1fr;
        gap:22px
    }
     .quotation-page .form-card,.quote-selection-card{
        padding:22px 20px
    }
     .quote-card-head{
        flex-direction:column;
        align-items:stretch
    }
     .quote-list-actions{
        align-items:stretch
    }
     .quote-list-actions button{
        flex:1 1 140px
    }
     .quotation-page .form-grid{
        grid-template-columns:1fr
    }
     .quotation-submit{
        align-items:stretch;
        flex-direction:column
    }
     .quotation-page .btn-continue,.quotation-page .btn-submit{
        width:100%
    }
     .quote-product-item{
        grid-template-columns:68px minmax(0,1fr)
    }
     .quote-product-img,.quote-product-media{
        width:68px;
        height:68px
    }
     .contact-page__connect,.contact-page__form-section,.contact-page__map-section{
        padding:64px 0
    }
     .contact-page__split-head{
        margin-bottom:26px
    }
     .contact-page__connect-card{
        padding:22px 20px 24px;
        border-radius:22px
    }
     .contact-page__connect-card h3{
        font-size:18px
    }
     .contact-page__connect-value{
        font-size:16px
    }
     .contact-page__connect-grid{
        grid-template-columns:1fr
    }
     .contact-page__map-shell{
        border-radius:22px
    }
     .contact-page__map-shell iframe{
        height:340px
    }
     .contact-page__form-shell{
        margin-top:32px
    }
     .contact-page .inquiry-form-wrapper{
        padding:28px 20px;
        border-radius:22px
    }
     .contact-page .inquiry-form-title{
        font-size:28px
    }
     .contact-page .form-grid{
        grid-template-columns:1fr
    }
     .floating-contact-sidebar{
        right: 10px;
        /* bottom: 10%; */
        gap:8px
    }
     .floating-contact-sidebar__item{
        width: 44px;
        height:44px;
        border-radius:9px
    }
    .floating-contact-sidebar__item svg{
    width: 21px;
    height: 21px;
}
     .floating-contact-sidebar__item i{
        font-size:17px
    }
     .list-products-page__breadcrumb-wrap{
        padding:0;
        background:#fff
    }
     .list-products-page__breadcrumb{
        justify-content:flex-start;
        gap:8px;
        overflow-x:auto;
        white-space:nowrap;
        padding-bottom:4px;
        scrollbar-width:none
    }
     .about-page__gallery-tabs::-webkit-scrollbar,.list-blog-page__category-bar::-webkit-scrollbar,.list-products-page__breadcrumb::-webkit-scrollbar,.list-products-page__category-bar::-webkit-scrollbar{
        display:none
    }
     .about-page__gallery-tabs,.list-blog-page__category-bar,.list-products-page__category-bar{
        flex-wrap:nowrap;
        justify-content:flex-start;
        overflow-x:auto;
        /* padding-bottom:4px; */
        scrollbar-width:none
    }
     .about-page__gallery-tab,.list-blog-page__category-pill,.list-products-page__category-pill{
        flex:0 0 auto;
        white-space:nowrap
    }
     .about-page__hero-title,.applications-page__hero-title,.case-page__hero-title,.contact-page__hero-title,.list-blog-page__title,.list-products-page__title,.services-page__hero-title{
        line-height:1.14
    }
     .about-page__hero-actions,.applications-page__hero-actions,.case-page__hero-actions,.contact-page__hero-actions,.services-page__hero-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%
    }
     .about-page__hero-btn,.applications-page__hero-btn,.case-page__hero-btn,.contact-page__hero-btn,.services-page__hero-btn{
        width:100%
    }
     .applications-page__listing,.list-blog-page__listing{
        padding-bottom:56px
    }
     .applications-page__stack,.list-blog-page__cards{
        gap:18px;
        display:flex;
        flex-wrap:wrap
    }
     .applications-page__card{
        gap:18px;
        padding:15px;
        display:flex;
        flex-direction:column-reverse
    }
     .applications-page__card-title{
        margin:14px 0 12px;
        font-size:22px;
        min-height:calc(22px * 1.34 * 2)
    }
     .applications-page__card-desc{
        font-size:14px;
        line-height:1.75;
        min-height:calc(14px * 1.75 * 3)
    }
     .applications-page__meta{
        gap:8px 14px;
        margin-top:18px
    }
     .applications-page__card-link{
        margin-top:14px
    }
     .list-blog .blog-card .blog-content.list-blog-page__card-body{
        padding:18px
    }
     .list-blog-page__card-title{
        font-size:17px;
        line-height:1.45
    }
     .list-blog-page__card-excerpt{
        line-height:1.75
    }
     .case-page__visit-extra-grid,.case-page__visit-grid{
        gap:16px
    }
     .about-page__section-head--compact{
        margin-bottom:24px
    }
     .about-page__section-head--compact .about-page__section-title{
        font-size:30px;
        line-height:1.22
    }
     .about-page__section-intro{
        max-width:100%
    }
     .about-page__history-nav-swiper{
        overflow:hidden;
        max-width:57%
    }
     .about-page__history-panel{
        border-radius:0
    }
     .about-page__gallery-shell{
        max-width:100%
    }
     .services-page__inquiry{
        padding:40px 0
    }
     .services-page__workflow-number{
        font-size:28px
    }
     .services-page__inquiry-shell{
        padding-inline:14px
    }
     .services-page__inquiry-card{
        padding:24px 18px 20px
    }
     .contact-page__connect,.contact-page__form-section,.contact-page__map-section{
        padding:40px 0
    }
     .contact-page__split-head{
        gap:14px
    }
     .contact-page__connect-grid{
        gap:14px
    }
     .contact-page__connect-card{
        gap:10px;
        padding:18px 18px 20px
    }
     .contact-page__connect-value{
        line-height:1.7;
        word-break:break-word
    }
     .contact-page__map-shell iframe{
        height:300px
    }
     .contact-page__form-shell{
        margin-top:28px
    }
     .product-detail-hero h1,.products-page-hero h1{
        font-size:30px
    }
     .products-section-heading h2{
        font-size:28px
    }
     .products-list-card__title,.related-product-card__body h3{
        font-size:22px
    }
     .product-detail-section,.products-list-section,.related-products-section{
        padding:60px 0
    }
     .product-detail-section{
        background:#fff;
        padding-top:0
    }
     .product-content-card,.product-gallery-card,.product-side-card,.products-list-card__body,.products-stat-card,.related-product-card__body{
        padding:0;
        background:unset
    }
     .product-gallery__thumbs,.related-products-grid{
        grid-template-columns:1fr
    }
     .product-detail-hero__meta,.products-list-card__meta{
        flex-direction:column;
        align-items:flex-start
    }
     .related-products-carousel{
        padding:0
    }
     .product-summary-card__actions{
        flex-direction:column
    }
     .product-summary-card__contact-list{
        grid-auto-flow:row
    }
     .product-detail-facts{
        margin-top:-20px
    }
     .product-detail-fact-card{
        padding:22px
    }
     .product-detail-richtext h2{
        font-size:28px
    }
     .product-detail-richtext h3{
        font-size:20px
    }
     .product-detail-top{
        padding:60px 0
    }
     .product-summary-card__attrs{
        grid-template-columns:1fr
    }
     .product-summary-card h2{
        font-size:20px
    }
     .product-summary-card__price strong{
        /* font-size: 18px; */
    }
     .product-lightbox{
        padding:16px
    }
     .product-detail-editorial__tabs{
        top:78px;
        margin-bottom:22px;
        padding:12px
    }
     .product-detail-editorial__tabs-next{
        display:none
    }
     .product-detail-editorial__tab{
        width:100%
    }
     .product-detail-editorial__content h2{
        font-size:28px
    }
     .product-detail-editorial__content h3{
        font-size:22px
    }
     .product-detail-editorial__content .product-detail-editorial__section-title{
        font-size:30px
    }
     .product-detail-editorial__content .product-detail-editorial__table td,.product-detail-editorial__content .product-detail-editorial__table th{
        display:block;
        width:100%;
        padding:14px 12px
    }
     .product-detail-top__grid{
        gap:18px;
        display:block
    }
     .product-gallery-panel,.product-summary-card{
        margin-bottom:15px
    }
     .product-gallery-main__zoom{
        right:12px;
        bottom:12px;
        width:42px;
        height:42px
    }
     .product-gallery-thumbs{
        margin-top:12px
    }
     .product-summary-card{
        padding:0;
        margin-bottom:0
    }
     .product-summary-card h1{
        font-size: 20px;
    }
     .product-summary-card__attrs{
        gap:10px
    }
     .product-summary-card__attr{
        gap:10px
    }
     .product-summary-card__attr span,.product-summary-card__attr strong{
        /* font-size:13px; */
        /* line-height:1.5; */
    }
     .product-summary-card__actions{
        gap:10px
    }
     .product-summary-card__actions .primary-btn,.product-summary-card__actions .secondary-btn{
        width:100%;
        min-height:46px;
        font-size:14px
    }
     .product-detail-editorial__tabs{
        position:fixed;
        top:50%;
        right: 10px;
        left:auto;
        transform:translateY(-50%);
        z-index:80;
        margin:0;
        padding:0;
        background:0 0;
        border:0;
        width:auto;
        overflow:visible;
        box-shadow:none
    }
     .product-detail-editorial__tabs::-webkit-scrollbar{
        display:none
    }
     .product-detail-editorial__tabs-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:50px;
        height:50px;
        border:0;
        border-radius:50%;
        background:var(--primary-blue);
        color:#fff
    }
     .product-detail-editorial__tabs-toggle i{
        font-size:18px
    }
     .product-detail-editorial__tabs-next{
        display:none
    }
     .product-detail-editorial__tabs-scrollbar{
        display:none
    }
     .product-detail-editorial__tabs-panel{
        position:absolute;
        top:50%;
        right:62px;
        width:max-content;
        max-width:calc(100vw - 140px);
        border:1px solid #d7e4f2;
        border-radius:10px;
        background:rgba(255,255,255,.98);
        transform:translate(12px,-50%);
        opacity:0;
        pointer-events:none;
        transition:opacity .25s ease,transform .25s ease;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        overflow:visible
    }
     .product-detail-editorial__tabs.is-open .product-detail-editorial__tabs-panel{
        transform:translate(0,-50%);
        opacity:1;
        pointer-events:auto
    }
     .product-detail-editorial__tab{
        width:100%;
        flex:0 0 auto;
        justify-content:flex-start;
        padding:10px;
        white-space:nowrap;
        border:0;
        border-radius:0;
        font-weight:600
    }
     .product-detail-editorial__content h2{
        margin-bottom:14px;
        font-size:24px
    }
     .product-detail-editorial__content h3{
        margin-top:26px;
        font-size:20px
    }
     .product-detail-editorial__content .product-detail-editorial__section-title{
        margin-bottom:14px;
        font-size:26px
    }
     .product-detail-editorial__content figcaption,.product-detail-editorial__content li,.product-detail-editorial__content p,.product-detail-editorial__content td,.product-detail-editorial__content th{
        font-size:14px;
        line-height:1.8
    }
     .product-detail-editorial__content .product-detail-editorial__table{
        border-radius:16px
    }
     .related-products-section{
        padding-top:56px;
        padding-bottom:56px
    }
     .related-products-carousel .swiper{
        padding-top:0
    }
        .index .products-pagination .swiper-pagination-bullet,.index .certificates-pagination .swiper-pagination-bullet,.index .project-pagination .swiper-pagination-bullet,.index .blog-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
}
    .index .products-pagination .swiper-pagination-bullet-active,.index .certificates-pagination .swiper-pagination-bullet-active,.index .project-pagination .swiper-pagination-bullet-active,.index .blog-pagination .swiper-pagination-bullet-active{
    width: 20px;
}

}