/*
 * Yongjian responsive system v1.0
 * Loaded after all page and typography styles.
 * Breakpoints: 1180 desktop-nav, 1024 tablet landscape, 900 tablet portrait,
 * 720 phone, 480 compact phone.
 */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-width:320px;
  overflow-wrap:break-word;
}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
img,video,iframe{max-width:100%}
iframe{border:0}

/* Prevent fixed controls from covering the final page content. */
main{min-width:0}
.site-footer{position:relative;z-index:2}
.floating-contacts{transition:opacity .2s ease,transform .2s ease}
.menu-open .floating-contacts,
.language-popup-open .floating-contacts,
.case-filter-open .floating-contacts,
.category-panel-open .floating-contacts,
.filters-open .floating-contacts{opacity:0;pointer-events:none}

/* Horizontal content that cannot be collapsed must remain usable. */
.article-content table,
.product-specs,
.specification-table,
.table-scroll{
  max-width:100%;
}
.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- Compact desktop / tablet landscape ---------- */
@media (max-width:1180px){
  .container{width:min(var(--container),calc(100% - 48px))!important}
  .header-actions{gap:8px}
  .language-popup-trigger,.hamburger{flex:0 0 auto}
  .header-cta{display:none!important}
  .language-popup-trigger{display:inline-flex!important}
  .hamburger{display:flex!important;margin-left:0!important}

  .hero-grid{gap:30px!important}
  .hero-products{gap:12px}
  .hero-card{min-height:220px;padding:15px}
  .hero-card img{height:112px}
  .value-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .value-item{min-height:58px;padding:8px 12px!important;font-size:12px!important}

  .cap-grid,.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:1.25fr repeat(2,minmax(0,1fr))!important;gap:34px!important}
  .footer-grid>.footer-col:last-of-type{grid-column:auto}

  .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .case-grid-simple,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .article-shell{grid-template-columns:minmax(0,1fr) 270px;gap:38px}

  .about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)!important;gap:38px!important}
  .overview-grid,.quality-grid{gap:44px!important}
  .industries-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .contact-hero-grid,.contact-layout{gap:36px!important}
  .contact-map-wrap{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important}

  .detail-hero-grid{gap:32px!important}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .category-hero-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important}
  .category-summary div{min-height:96px;padding:16px}
  .simple-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- Tablet landscape / small laptop ---------- */
@media (max-width:1024px){
  :root{--section-space:80px}
  .container{width:calc(100% - 40px)!important}

  .site-header,.header-inner{height:68px!important}
  :root{--header:68px!important}
  .brand img,.site-header.scrolled .brand img{width:42px!important;height:42px!important}
  .language-popup-trigger,.hamburger{width:44px;min-width:44px;height:44px;padding:0!important}
  .language-popup-trigger span{display:none}

  .section,.about-section,.subpage-section{padding-top:80px!important;padding-bottom:80px!important}
  .subpage-section.compact{padding-top:60px!important;padding-bottom:60px!important}

  .hero{padding-top:48px!important;padding-bottom:34px!important}
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;gap:26px!important}
  .hero h1{font-size:clamp(40px,5.2vw,48px)!important}
  .hero-products{gap:10px}
  .hero-card{min-height:205px}
  .hero-card img{height:100px}
  .hero-card p{font-size:12px!important;line-height:1.5!important}

  .solution-banner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
  .solution-copy{padding:32px!important}
  .solution-visual{min-height:300px}
  .global-grid,.team-grid,.cert-grid{gap:42px!important}
  .globe-stage{min-height:370px!important}
  .team-photo img{height:360px!important}

  .subpage-hero.has-image-hero{min-height:310px!important}
  .subpage-head{gap:22px}
  .subpage-card-body{padding:20px!important}
  .featured-story{min-height:340px}
  .featured-story .subpage-card-body{padding:32px!important}
  .article-shell{grid-template-columns:1fr!important;gap:34px!important}
  .article-aside{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .about-hero-grid,.overview-grid,.quality-grid,.market-panel{grid-template-columns:1fr 1fr!important;gap:34px!important}
  .about-hero-media img{height:380px!important}
  .overview-media img,.quality-media img{height:390px!important}
  .facility-layout{grid-template-rows:repeat(2,210px)!important}
  .facility-row .facility-shot{height:210px!important}
  .market-visual{min-height:360px!important}

  .contact-hero-grid,.contact-layout,.contact-map-wrap{grid-template-columns:1fr!important}
  .contact-quick,.contact-side{max-width:none!important}
  .contact-map-copy{order:-1;padding:30px!important}
  .contact-map{min-height:340px!important}
  .contact-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .detail-hero-grid{grid-template-columns:1fr 1fr!important}
  .overview-grid,.applications-grid,.quote-grid{gap:34px!important}
  .faq-layout{grid-template-columns:1fr!important}
  .faq-layout>div:first-child{max-width:760px}

  .category-hero-grid{grid-template-columns:1fr!important}
  .category-summary{max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-summary div{min-height:88px}
  .directory-top{align-items:flex-start!important}
  .product-search{width:min(360px,50vw)!important}
  .category-cta-box{padding:30px!important}
}

/* ---------- Tablet portrait ---------- */
@media (max-width:900px){
  :root{--section-space:72px}
  .container{width:calc(100% - 36px)!important}

  .mobile-panel{
    width:min(390px,88vw)!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom));
  }
  .mobile-menu>a,.mobile-menu button{min-height:50px!important}
  .mobile-contact{margin-top:18px!important}

  .language-popup{padding:20px!important}
  .language-popup-dialog{width:min(600px,100%)!important;max-height:calc(100dvh - 40px)!important}
  .language-popup-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .language-choice{min-height:68px}

  .hero{padding-top:52px!important;background-position:center!important}
  .hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  .hero-copy-block{padding-left:0!important}
  .hero-copy-block::before{display:none!important}
  .hero-copy,.hero h1{max-width:720px!important}
  .hero-actions{max-width:520px}
  .hero-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}
  .hero-card{min-height:220px}
  .hero-card img{height:115px}
  .value-row{margin-top:32px!important}

  .solution-banner{grid-template-columns:1fr!important}
  .solution-visual{order:1!important;min-height:280px!important;margin:10px 10px 0!important}
  .solution-copy{order:2!important;padding:32px 28px 36px!important}
  .global-grid,.team-grid,.cert-grid,.inquiry-grid{grid-template-columns:1fr!important}
  .global-grid,.team-grid,.cert-grid{gap:36px!important}
  .globe-stage{min-height:340px!important}
  .team-photo{order:-1!important;max-width:none!important}
  .team-photo img{height:360px!important}
  .cert-gallery,.cert-copy{max-width:none!important}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inquiry-grid{gap:32px!important}

  .footer-main{padding-top:58px!important}
  .footer-grid{grid-template-columns:1.2fr 1fr!important;gap:34px!important}

  .subpage-hero.has-image-hero{min-height:290px!important;padding:44px 0 40px!important}
  .subpage-head{display:block!important;margin-bottom:28px!important}
  .subpage-head p{margin-top:12px!important}
  .subpage-cta{align-items:flex-start!important;flex-direction:column!important;padding:30px!important}
  .subpage-cta-actions{width:100%}
  .featured-story{grid-template-columns:1fr!important;min-height:0}
  .featured-story .subpage-card-image{height:auto!important;aspect-ratio:16/9!important}
  .featured-story .subpage-card-body{padding:28px!important}
  .article-aside{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .steps-row{grid-template-columns:1fr!important}
  .step-item{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .step-item:last-child{border-bottom:0!important}

  .about-hero-grid,.overview-grid,.quality-grid,.market-panel{grid-template-columns:1fr!important}
  .about-hero-grid{gap:32px!important}
  .about-hero-media{max-width:760px}
  .about-hero-media img{height:360px!important}
  .about-section-head{display:block!important;margin-bottom:30px!important}
  .about-section-head .about-lead{margin-top:14px!important}
  .overview-media,.quality-media{order:-1}
  .overview-media img,.quality-media img{height:360px!important}
  .reliability-grid{grid-template-columns:1fr 1fr!important}
  .industries-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .market-visual{min-height:340px!important}

  .contact-hero{padding:44px 0 50px!important}
  .contact-hero-grid,.contact-layout,.contact-map-wrap{gap:30px!important}
  .contact-form-head{display:block!important}
  .contact-form-head p{margin-top:10px!important}
  .contact-form-card{padding:26px!important}
  .contact-map{min-height:330px!important}
  .contact-steps-head{display:block!important}
  .contact-steps-head p{margin-top:12px!important}
  .contact-step-grid{grid-template-columns:1fr!important}
  .contact-step{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .contact-step:last-child{border-bottom:0!important}

  .detail-hero{padding-top:38px!important;padding-bottom:64px!important}
  .detail-hero-grid,.overview-grid,.applications-grid,.quote-grid{grid-template-columns:1fr!important}
  .detail-media,.overview-panel,.application-image{max-width:none!important}
  .application-image{order:-1!important}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .category-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:620px!important}
  .category-summary div{min-height:92px}
  .directory-top{display:block!important}
  .directory-tools{width:100%;margin-top:16px}
  .product-search{width:100%!important}
  .mobile-category-toggle{flex:0 0 auto}
  .category-cta-box{align-items:center!important;flex-direction:column!important;text-align:center!important}
  .category-cta-actions{justify-content:center!important}
}

/* ---------- Phones ---------- */
@media (max-width:720px){
  :root{
    --header:64px!important;
    --section-space:60px;
  }
  body{padding-bottom:0}
  .container{width:calc(100% - 32px)!important}

  .site-header,.header-inner{height:64px!important}
  .header-inner{gap:8px!important}
  .brand img,.site-header.scrolled .brand img{width:39px!important;height:39px!important}
  .language-popup-trigger,.hamburger{width:42px!important;min-width:42px!important;height:42px!important;border-radius:8px!important}
  .header-actions{gap:7px!important}
  .hamburger span,.hamburger::before,.hamburger::after{width:19px!important}

  .mobile-panel{width:min(360px,92vw)!important}
  .mobile-head{height:64px!important;padding:0 16px!important}
  .mobile-menu{padding:8px 16px calc(24px + env(safe-area-inset-bottom))!important}
  .mobile-menu>a,.mobile-menu button{min-height:49px!important;font-size:14px!important}
  .mobile-sub a{min-height:40px;display:flex!important;align-items:center}
  .mobile-contact{padding:16px!important}

  .language-popup{padding:0!important;align-items:end!important}
  .language-popup-dialog{
    width:100%!important;
    max-height:min(86dvh,760px)!important;
    padding:20px 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:18px 18px 0 0!important;
  }
  .language-popup-head{margin-bottom:14px!important;padding-bottom:14px!important}
  .language-popup-options{grid-template-columns:1fr!important;gap:8px!important}
  .language-choice{min-height:62px!important;padding:10px!important}
  .language-popup-note{margin-top:12px!important}

  .section,.about-section,.subpage-section{padding-top:60px!important;padding-bottom:60px!important}
  .subpage-section.compact{padding-top:48px!important;padding-bottom:48px!important}

  .hero{padding:40px 0 28px!important}
  .hero-grid{gap:28px!important}
  .hero-copy{margin-top:16px!important;margin-bottom:22px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;max-width:none}
  .hero-actions .btn{width:100%;padding-inline:12px!important}
  /* Mobile product highlights become compact horizontal cards. */
  .hero-products{grid-template-columns:1fr!important;gap:10px!important}
  .hero-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr!important;
    column-gap:14px!important;
    min-height:0!important;
    padding:12px!important;
  }
  .hero-card::after{display:none!important}
  .hero-card img{grid-row:1/3;width:92px!important;height:92px!important;padding:4px;align-self:center}
  .hero-card h2{margin:4px 0 5px!important;font-size:16px!important}
  .hero-card p{font-size:12px!important;line-height:1.45!important}
  .value-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important;margin-top:26px!important}
  .value-item{justify-content:flex-start!important;min-height:66px!important;padding:10px!important;font-size:12px!important}

  .cap-grid,.challenge-grid,.case-grid{grid-template-columns:1fr!important;gap:16px!important}
  .cap-card,.challenge-card,.case-card{border-radius:12px!important}
  .cap-card img{height:auto!important;aspect-ratio:4/3!important}
  .challenge-card img,.case-image{height:auto!important;aspect-ratio:16/10!important}
  .solution-banner{margin-top:34px!important}
  .solution-visual{min-height:220px!important;margin:8px 8px 0!important}
  .solution-copy{padding:26px 20px 30px!important}
  .globe-stage{min-height:260px!important}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .team-photo img{height:280px!important}
  .cert-main{height:auto!important;min-height:360px;padding:12px!important}
  .cert-thumbs{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important;scroll-snap-type:x mandatory}
  .cert-thumb{flex:0 0 78px!important;width:78px!important;height:100px!important;scroll-snap-align:start}
  .inquiry{padding:56px 0!important}
  .inquiry-form{padding:20px 16px!important}
  .form-heading{display:block!important}
  .form-heading p{margin-top:8px!important;max-width:none!important}
  .form-grid{grid-template-columns:1fr!important}
  .form-span-2{grid-column:auto!important}
  .form-actions{align-items:stretch!important;flex-direction:column!important}
  .form-actions .btn{width:100%!important}

  .footer-stats .container{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-stat{min-height:76px!important;padding:16px 10px!important;font-size:12px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>.footer-col{display:none!important}
  .footer-main{padding:50px 0 34px!important}
  .mobile-footer-accordion{display:block!important;margin-top:28px!important}
  .mobile-footer-accordion summary{min-height:52px;display:flex;align-items:center;padding:12px 0!important}
  .footer-bottom{padding-inline:18px!important}

  .floating-contacts{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;gap:7px!important}
  .float-contact{width:42px!important;height:42px!important}

  .subpage-hero.has-image-hero{min-height:260px!important;padding:36px 0 34px!important;background-position:center!important}
  .subpage-breadcrumb,.about-breadcrumb,.contact-breadcrumb,.category-breadcrumb,.detail-breadcrumb{
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
    padding:4px 0;
  }
  .subpage-breadcrumb::-webkit-scrollbar,.about-breadcrumb::-webkit-scrollbar,.contact-breadcrumb::-webkit-scrollbar,.category-breadcrumb::-webkit-scrollbar,.detail-breadcrumb::-webkit-scrollbar{display:none}
  .subpage-head{margin-bottom:24px!important}
  .subpage-grid,.case-grid-simple,.news-grid,.catalog-grid,.resource-grid{grid-template-columns:1fr!important;gap:16px!important}
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .subpage-card-body{padding:18px!important}
  .document-card .subpage-card-body{padding:12px!important}
  .featured-story .subpage-card-body{padding:22px!important}
  .catalog-card{grid-template-columns:1fr!important;min-height:0!important}
  .catalog-card .subpage-card-image{height:auto!important;aspect-ratio:1/1!important}
  .article-gallery{grid-template-columns:1fr!important}
  .article-aside{grid-template-columns:1fr!important}
  .aside-box{padding:18px!important}
  .subpage-cta{padding:24px 20px!important;gap:22px!important}
  .subpage-cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .subpage-cta-actions .btn{width:100%!important}
  .faq-question{gap:14px!important}
  .faq-answer p{padding-right:0!important}

  .about-hero{padding:38px 0 50px!important}
  .about-hero-grid{gap:28px!important}
  .about-hero-actions,.overview-actions,.about-cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .about-hero-actions .btn,.overview-actions .btn,.about-cta-actions .btn{width:100%!important}
  .about-hero-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important}
  .about-hero-media{padding:8px 8px 0 0!important}
  .about-hero-media img{height:270px!important}
  .about-hero-label{position:relative!important;left:auto!important;bottom:auto!important;width:calc(100% - 18px);margin:-28px 9px 0!important}
  .overview-media img,.quality-media img{height:280px!important}
  .overview-points{grid-template-columns:1fr!important}
  .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .strength-item{padding:14px 12px!important}
  .facility-layout,.facility-row{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  .facility-layout .facility-shot,.facility-row .facility-shot{height:220px!important}
  .reliability-grid{grid-template-columns:1fr!important}
  .reliability-item{grid-template-columns:42px minmax(0,1fr)!important;padding:20px 16px!important}
  .process-list{grid-template-columns:1fr!important}
  .industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .industry-item:nth-child(even){border-right:0!important}
  .market-data{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-visual{min-height:290px!important}
  .about-cta-inner{padding:26px 20px!important}

  .contact-hero{padding:36px 0 44px!important}
  .contact-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .contact-hero-actions .btn{width:100%!important}
  .contact-quick{padding:20px 18px!important}
  .contact-main{padding:52px 0 60px!important}
  .contact-form-card,.contact-info-panel,.inquiry-guide{padding:20px 18px!important}
  .contact-form-grid{grid-template-columns:1fr!important}
  .contact-field-wide{grid-column:auto!important}
  .contact-form-actions{align-items:stretch!important;flex-direction:column!important}
  .contact-form-actions .btn{width:100%!important}
  .contact-map-section{padding-bottom:60px!important}
  .contact-map-copy{padding:24px 20px!important}
  .contact-map{min-height:300px!important}
  .contact-steps{padding:56px 0!important}
  .contact-step{padding:22px 18px!important}
  .contact-step h3{margin-top:18px!important}

  .detail-breadcrumb-section{padding:12px 0!important}
  .detail-hero{padding-top:32px!important;padding-bottom:54px!important}
  .detail-facts>div{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important}
  .detail-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .detail-actions .btn{width:100%!important;padding-inline:10px!important}
  .overview-panel{padding:20px!important}
  .spec-table>div{grid-template-columns:1fr!important;gap:4px!important}
  .spec-table strong{text-align:left!important}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .feature-item{padding:18px 14px!important}
  .process-grid{grid-template-columns:1fr!important}
  .process-item{border-right:0!important;border-bottom:1px solid var(--border)!important;min-height:0!important}
  .process-item:last-child{border-bottom:0!important}
  .detail-form{padding:20px 16px!important}
  .detail-form-grid{grid-template-columns:1fr!important}
  .detail-form-wide{grid-column:auto!important}
  .detail-form .btn{width:100%!important}

  .category-hero{padding:34px 0 40px!important}
  .category-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-summary div{min-height:88px!important;padding:14px!important}
  .product-directory{padding:48px 0 58px!important}
  .directory-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .product-search{min-width:0!important}
  .mobile-category-toggle{height:44px!important;min-width:44px;padding:0 13px!important}
  .directory-sidebar{width:min(380px,92vw)!important;padding-bottom:env(safe-area-inset-bottom)}
  .simple-product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .simple-product-card{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:stretch}
  .simple-product-image{aspect-ratio:1/1!important;height:100%}
  .simple-product-body{padding:16px!important}
  .simple-product-desc{margin-bottom:10px!important}
  .category-cta{padding:50px 0!important}
  .category-cta-box{padding:24px 20px!important}
  .category-cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .category-cta-actions .btn{width:100%!important;min-width:0!important}

  .case-filter-drawer{width:min(390px,92vw)!important;padding-bottom:env(safe-area-inset-bottom)}
  .case-filter-drawer-head{padding:20px!important}
  .case-filter-drawer-body{padding:18px!important}

  .error-page-container{padding-top:28px!important;padding-bottom:44px!important}
  .error-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .error-actions .btn{width:100%!important}
  .error-route-panel{padding:20px 16px!important}
}

/* ---------- Compact phones ---------- */
@media (max-width:480px){
  :root{--header:62px!important;--section-space:56px}
  .container{width:calc(100% - 24px)!important}
  .site-header,.header-inner{height:62px!important}
  .brand img,.site-header.scrolled .brand img{width:38px!important;height:38px!important}
  .language-popup-trigger,.hamburger{width:40px!important;min-width:40px!important;height:40px!important}

  .hero h1{font-size:34px!important}
  .hero-actions,.about-hero-actions,.overview-actions,.about-cta-actions,.contact-hero-actions,.detail-actions,.subpage-cta-actions,.category-cta-actions,.error-actions{
    grid-template-columns:1fr!important;
  }
  .hero-card{grid-template-columns:84px minmax(0,1fr)!important;column-gap:12px!important}
  .hero-card img{width:84px!important;height:84px!important}
  .value-row{grid-template-columns:1fr!important}
  .value-item{border-right:0!important;border-bottom:1px solid var(--border)!important;min-height:54px!important}
  .value-item:last-child{border-bottom:0!important}

  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .team-photo img{height:250px!important}
  .cert-main{min-height:320px!important}

  .language-popup-dialog{max-height:90dvh!important}
  .language-choice{grid-template-columns:36px minmax(0,1fr) auto!important}
  .language-flag{width:36px!important;height:30px!important}

  .subpage-hero.has-image-hero{min-height:245px!important;padding:32px 0 30px!important}
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .document-card .subpage-card-body{padding:10px!important}
  .document-card .subpage-card-body h2,.document-card .subpage-card-body h3{font-size:14px!important}

  .about-hero-facts{grid-template-columns:1fr!important}
  .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-data{grid-template-columns:1fr 1fr!important}
  .market-node{font-size:10px!important;padding:7px 8px!important}

  .contact-quick a{font-size:12px!important}
  .contact-map{min-height:280px!important}

  .detail-facts>div{grid-template-columns:1fr!important;gap:3px!important}
  .feature-grid,.related-grid{grid-template-columns:1fr!important}
  .detail-image-note{display:none!important}

  .category-summary{gap:8px!important}
  .category-summary div{min-height:82px!important;padding:12px!important}
  .directory-tools{grid-template-columns:1fr!important}
  .mobile-category-toggle{width:100%!important;justify-content:center}
  .simple-product-card{grid-template-columns:112px minmax(0,1fr)!important}
  .simple-product-body{padding:13px!important}
  .simple-product-desc{font-size:13px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  .error-route-card{grid-template-columns:40px minmax(0,1fr) auto!important}
}

/* Very narrow devices: avoid squeezed two-column certificate cards. */
@media (max-width:350px){
  .container{width:calc(100% - 20px)!important}
  .document-grid{grid-template-columns:1fr!important}
  .simple-product-card{grid-template-columns:96px minmax(0,1fr)!important}
  .category-summary{grid-template-columns:1fr!important}
  .stat-grid,.market-data{grid-template-columns:1fr!important}
}

@media (hover:none){
  .hero-card:hover,.cap-card:hover,.challenge-card:hover,.case-card:hover,.subpage-card:hover,.simple-product-card:hover,.product-card:hover{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-panel,.language-popup,.language-popup-dialog,.case-filter-drawer,.case-filter-overlay,.directory-sidebar,.category-drawer-overlay{transition:none!important}
}

/* Final responsive refinements after browser review. */
.error-route-card small{font-size:12px!important;line-height:1.45!important}

@media (max-width:1180px){
  .floating-contacts{
    display:flex!important;
    grid-auto-flow:column;
    gap:6px!important;
    padding:4px;
    border:1px solid rgba(16,47,70,.12);
    border-radius:999px;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 28px rgba(7,31,49,.14);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .float-contact{width:40px!important;height:40px!important}
}
@media (max-width:720px){
  .floating-contacts{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-auto-flow:row!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .float-contact{
    width:40px!important;
    height:40px!important;
    box-shadow:0 7px 18px rgba(7,31,49,.24),0 2px 6px rgba(7,31,49,.12)!important;
  }
}