/* Mobile-only corrections: keep every long-form section inside the viewport and give actions a clear centred rhythm. */
@media (max-width:900px){
  body{overflow-x:hidden}
  .hero-slide .slide-content .primary-button,
  .solution-copy .primary-button,
  .suite .primary-button,
  .customer-case-link{display:table;margin-left:auto;margin-right:auto}
  .hero-slide .slide-content{text-align:center}
  .hero-slide .slide-content .kicker{text-align:center}

  /* The full-service dining block must become a vertical story rather than retain desktop columns. */
  .solution-section .solution-hero{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;overflow:hidden}
  .solution-section .solution-photo{width:100%!important;min-width:0!important;min-height:250px!important;flex:0 0 250px}
  .solution-section .solution-copy{width:100%!important;min-width:0!important;padding:32px 24px!important;text-align:left}
  .solution-section .solution-copy h3{font-size:25px!important;overflow-wrap:anywhere}
  .solution-section .solution-copy>p:not(.product-type){max-width:none}
  .solution-section .solution-copy .primary-button{margin-top:8px}

  /* Uploaded qualification images receive a full-width, touch-friendly canvas on phones. */
  .about-grid .qualification{padding:24px 18px}
  .qualification>div{grid-template-columns:1fr!important;gap:12px}
  .qualification>div span{min-height:205px!important;padding:12px!important}
  .qualification>div span img{width:100%!important;height:100%!important;object-fit:contain!important}
  .qualification address{font-size:13px;overflow-wrap:anywhere}

  /* Case library uses one continuous list on mobile. */
  .cases-page .pagination{display:none!important}
  .cases-page .case-grid{grid-template-columns:1fr!important;gap:14px}
  .cases-page .case-library{min-height:0}
  .cases-page .case-library-head{display:block}
  .cases-page .case-filters{justify-content:flex-start}
  .cases-page .case-hero{min-height:0;padding:64px 24px 48px}
  .cases-page .case-hero-stat{display:none}
  .cases-page footer{grid-template-columns:1fr!important;padding:38px 24px!important;gap:20px!important}
  .cases-page footer>div:nth-child(2){display:grid!important;gap:8px!important}
}