/* AsiaTex final v25 corrections and cross-device performance refinements */

/* About hero: restore the more compact visual proportions and precise story anchor. */
.about-page .about-hero{min-height:620px!important;padding-top:34px!important;padding-bottom:46px!important}
.about-page .about-hero-copy{padding-top:58px!important;padding-bottom:36px!important}
.about-page .about-hero-visual{min-height:0!important;height:500px!important;border-radius:24px!important}
.about-page #our-story{scroll-margin-top:calc(var(--master-h,72px) + 18px)!important}

/* Contact office panel: three useful rows only, compact and vertically centered with intro. */
.contact-page .contact-hero-grid{align-items:center!important}
.contact-page .contact-hero-panel{padding:34px 38px!important;align-self:center!important}
.contact-page .contact-hero-panel>p{margin-bottom:18px!important}
.contact-page .hero-contact-row{padding:13px 0!important}

/* Footer icons use the same SVG treatment on desktop and mobile. */
.final-v24-footer .v20-contact-icons a,
.final-v24-footer .v20-social-icons a,
.final-v24-footer .footer-mobile-icons a{display:grid!important;place-items:center!important}
.final-v24-footer .v20-contact-icons svg,
.final-v24-footer .v20-social-icons svg,
.final-v24-footer .footer-mobile-icons svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.final-v24-footer .v20-social-icons svg path,
.final-v24-footer .footer-mobile-icons svg path{fill:currentColor;stroke:none}
.final-v24-footer .v20-social-icons svg rect,
.final-v24-footer .v20-social-icons svg circle,
.final-v24-footer .footer-mobile-icons svg rect,
.final-v24-footer .footer-mobile-icons svg circle{fill:none;stroke:currentColor}

/* Desktop/tablet performance: defer below-fold rendering without affecting SEO/content. */
@media (min-width: 768px){
  main > section:not(:first-child), .cta, .v20-footer{content-visibility:auto;contain-intrinsic-size:800px}
}

@media(max-width:720px){
  /* About first visual remains compact on phones. */
  .about-page .about-hero{padding-top:20px!important;padding-bottom:34px!important}
  .about-page .about-hero-copy{padding-top:56px!important;padding-bottom:20px!important}
  .about-page .about-hero-visual{height:330px!important;min-height:330px!important}

  /* Homepage CSR: no page-level horizontal overflow; cards become an intentional snap carousel. */
  #csr{overflow:hidden!important}
  #csr .container{min-width:0!important}
  #csr .csr-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;min-width:0!important;width:100%!important}
  #csr .csr-content{min-width:0!important;overflow:hidden!important}
  #csr .section-title{font-size:clamp(34px,9.2vw,44px)!important;line-height:1.04!important;overflow-wrap:anywhere!important}
  #csr .section-intro{font-size:15px!important;line-height:1.6!important;max-width:100%!important}
  #csr .csr-features{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;gap:12px!important;padding:0 4px 12px 0!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important}
  #csr .csr-features::-webkit-scrollbar{display:none!important}
  #csr .csr-feature{flex:0 0 min(82vw,330px)!important;min-width:0!important;width:min(82vw,330px)!important;scroll-snap-align:start!important;box-sizing:border-box!important}
  #csr .csr-panel{width:100%!important;max-width:100%!important;min-height:300px!important;border-radius:18px!important;background-position:center!important}
  #csr .csr-cta{margin-top:20px!important}

  /* Homepage CTA should breathe exactly like internal-page CTA before the footer. */
  .atx2-home .cta{padding:48px 0 66px!important;min-height:0!important}
  .atx2-home .cta .cta-actions{margin-top:24px!important}

  /* Compact footer, but retain desktop icon artwork. */
  .footer-mobile-icons{gap:9px!important}
  .footer-mobile-icons a{width:38px!important;height:38px!important;font-size:0!important}
  .footer-mobile-icons svg{width:18px!important;height:18px!important}
}