/* ======================================================================
   ISOPILOT V2.12 STEP24F — Mobile catalogue + Project Intelligence layout
   Scope: homepage/public mobile only (<=760px). Desktop/tablet unchanged.
   ====================================================================== */

@media (max-width:760px){
  /* CATALOGO ISO, GOVERNANCE E COMPLIANCE: two cards per row on mobile. */
  body.public-site .enterprise-standards-section .enterprise-standards-grid,
  body.public-site .enterprise-standards-section .standards-grid-expanded{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
  }

  body.public-site .enterprise-standards-section .enterprise-standards-grid > article,
  body.public-site .enterprise-standards-section .standards-grid-expanded > article{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:13px 9px!important;
    overflow:hidden!important;
    text-align:center!important;
  }

  body.public-site .enterprise-standards-section .enterprise-standards-grid > article b,
  body.public-site .enterprise-standards-section .enterprise-standards-grid > article span,
  body.public-site .enterprise-standards-section .standards-grid-expanded > article b,
  body.public-site .enterprise-standards-section .standards-grid-expanded > article span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* PROJECT INTELLIGENCE: keep both CTAs on the same horizontal row. */
  body.public-site #project-intelligence .section-heading .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }

  body.public-site #project-intelligence .section-heading .hero-actions .btn{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 7px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.18!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:390px){
  body.public-site .enterprise-standards-section .enterprise-standards-grid,
  body.public-site .enterprise-standards-section .standards-grid-expanded{
    gap:7px!important;
  }

  body.public-site .enterprise-standards-section .enterprise-standards-grid > article,
  body.public-site .enterprise-standards-section .standards-grid-expanded > article{
    padding:11px 6px!important;
  }

  body.public-site .enterprise-standards-section .enterprise-standards-grid > article b,
  body.public-site .enterprise-standards-section .standards-grid-expanded > article b{
    font-size:11px!important;
  }

  body.public-site .enterprise-standards-section .enterprise-standards-grid > article span,
  body.public-site .enterprise-standards-section .standards-grid-expanded > article span{
    font-size:9.8px!important;
    line-height:1.2!important;
  }

  body.public-site #project-intelligence .section-heading .hero-actions{
    gap:6px!important;
  }

  body.public-site #project-intelligence .section-heading .hero-actions .btn{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:10px!important;
  }
}