/* Yongjian site-wide repair and accessibility layer */
.reveal,[data-reveal]{opacity:1;transform:none}
.js .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
.js [data-reveal].reveal:not(.is-visible){opacity:0;transform:translateY(18px)}

/* Larger and more reliable touch targets without changing desktop density. */
.subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
.product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
  display:inline-flex;align-items:center;min-height:34px;padding-block:5px
}

/* Prevent floating contacts from covering dialogs, drawers or footer content. */
.floating-contacts{transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.menu-open .floating-contacts,.filters-open .floating-contacts,
.category-panel-open .floating-contacts,.lightbox-open .floating-contacts,
.floating-contacts.is-footer-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}

/* Disabled social placeholders no longer jump the page to the top. */
.socials a[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.socials a[aria-disabled="true"]:hover{transform:none;background:transparent;border-color:rgba(255,255,255,.17)}

/* Consistent dialog focus visibility. */
.mobile-panel:focus,.catalog-sidebar:focus,.category-sidebar:focus,
.lightbox:focus,.facility-lightbox:focus,.detail-lightbox:focus{outline:none}

/* Keep square catalogue images predictable. */
.simple-product-image{aspect-ratio:1/1;overflow:hidden}
.simple-product-image img{width:100%;height:100%;object-fit:cover}

@media (max-width:1080px){
  .category-sidebar[aria-hidden="true"],.catalog-sidebar[aria-hidden="true"]{visibility:hidden}
  .category-sidebar[aria-hidden="false"],.catalog-sidebar[aria-hidden="false"]{visibility:visible}
}

@media (max-width:680px){
  .section-kicker,.simple-product-category,.category-label,.product-card-category,
  .case-tag,.step-label,.form-eyebrow{font-size:11px}
  .form-field>span,.form-label,.form-note,.simple-product-desc,
  .category-summary span,.directory-nav small{font-size:12px}
  .subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
  .product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
    min-height:38px;padding-block:8px
  }
  .floating-contacts{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
  .category-cta-box>div:last-child{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}
  .category-cta-box>div:last-child .btn{margin:0}
}

@media (prefers-reduced-motion:reduce){
  .js .reveal:not(.is-visible),.js [data-reveal].reveal:not(.is-visible){opacity:1;transform:none}
}

/* Final mobile readability pass for labels that were below 11px. */
@media (max-width:680px){
  .subpage-label,.product-category,.market-node,.sidebar-label,
  .strength-label,.contact-quick-label,.contact-form-note,
  .detail-form-note,.spec-note,.number,.process-step strong,
  .process-item>span:first-child{font-size:11px!important}
  .contact-form-field>span,.detail-form-field>span,
  .quote-form-field>span{font-size:12px!important}
  .subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
  .product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
    padding-inline:4px
  }
}

/* Final touch-target and microcopy normalization. */
.subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
.product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{
  min-height:36px;padding-inline:4px
}
@media (max-width:680px){
  main small,.market-data-item span,.contact-detail small,.contact-field>span,
  .contact-step span,.directory-sidebar p,.directory-sidebar li,
  .category-summary span,.detail-tags a,.application-list span,
  .detail-form label>span,.quote-form label>span{font-size:11px!important}
  .contact-field>span,.detail-form label>span,.quote-form label>span{font-size:12px!important}
  .subpage-breadcrumb a,.about-breadcrumb a,.contact-breadcrumb a,
  .product-breadcrumb a,.category-breadcrumb a,.detail-breadcrumb a{min-height:40px}
}
@media (max-width:680px){
  .market-core span,.related-card p,.check{font-size:11px!important}
}
