/* Mobile and tablet layout corrections, after shared page styles. */
#serviceNav strong{min-width:0}
.home-hero-content,.feature-copy,.section-heading>div,.step-grid>article,.home-footer>div,.page .slide-body>div,.page .contact-card,.page .contact-val{min-width:0}
.home-hero h1,.development-hero h1,.home-section h2,.home-contact h2,.feature-copy h2{overflow-wrap:anywhere;hyphens:auto}
.page .qr-card>div{min-width:0}.page .qr-sub{overflow-wrap:anywhere}
.page .plat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page .plat{min-width:0;overflow-wrap:anywhere}
.page .software-partner>div{min-width:0}.page .software-partner a{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1280px){
  #serviceNav{flex-wrap:wrap;gap:0;padding:13px 5%}
  #serviceNav .menu-toggle{display:block;min-width:44px;min-height:44px}
  #serviceNav .nav-links-new{display:none;flex-basis:100%;padding-top:14px;gap:4px;max-height:70vh;max-height:70dvh;overflow-y:auto}
  #serviceNav.menu-open .nav-links-new{display:flex;flex-direction:column;align-items:stretch}
  #serviceNav .nav-links-new a{display:flex;align-items:center;min-height:44px;padding:12px 14px;font-size:14px}
}
@media(max-width:720px){
  #serviceApp .home-hero h1{font-size:clamp(32px,8.8vw,46px);line-height:1.12}
  #serviceApp .development-hero h1{font-size:clamp(30px,8vw,42px)}
  .home-button{min-height:44px;white-space:normal}
  .home-footer a{display:flex;align-items:center;min-height:44px;margin-bottom:4px;overflow-wrap:anywhere}
  .page .integration-link,.page .presentation-links a{min-height:44px;display:inline-flex;align-items:center}
  .page .qr-card{padding:16px;gap:12px}
  .page .kpi-bar{gap:0}.page .kpi-item{flex:1 1 120px}
  .page .contact-layout{grid-template-columns:minmax(0,1fr)}
  .page .contact-layout>div,.page .cta-block-big>div{min-width:0}
  .page .contact-layout .cta-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}
  .page .contact-row{flex-wrap:wrap;gap:5px 10px}
  .page .contact-val a{display:inline-block;min-height:44px;padding:8px 0}
  .filters select{font-size:16px;min-height:44px;min-width:0;width:100%}
  #p12 .device-documents .integration-link{min-height:44px}
  #p12 .device-grid>.feat-card{display:block}
  #p12 .device-grid>.feat-card>.feat-icon{margin-bottom:12px}
}
@media(max-width:480px){
  .home-footer{grid-template-columns:minmax(0,1fr)}
  #serviceNav .brand-lockup .brand-tagline{font-size:10px;letter-spacing:0}
  #serviceApp .searchbox{padding:16px}
  #serviceApp .searchbox input{padding:12px;font-size:16px;min-width:0}
  .page .plat-grid{grid-template-columns:minmax(0,1fr)}
  .page .software-partner h2{overflow-wrap:anywhere;hyphens:auto}
  #p12 .device-documents{grid-template-columns:minmax(0,1fr)}
  #p8 .ifc-carousel-controls{gap:8px}#p8 .ifc-carousel-controls button{padding:10px 12px}
}

/* Shared full-width footer on catalog, search and generated service pages. */
body:is([data-mode="catalog"],[data-mode="detail"]) #serviceApp{max-width:none;padding:0}
#serviceApp .service-content{max-width:1240px;margin:0 auto;padding:45px 26px 70px}
@media(max-width:800px){#serviceApp .service-content{padding:25px 18px}}