/* ======================================================================
   ISOPILOT V2.12 STEP24E — Mobile ISO 27001 section refinement
   Scope: homepage/public mobile only (<=760px). Desktop/tablet unchanged.
   ====================================================================== */

@media (max-width:760px){
  /* Center the specialist ISO 27001 explanatory copy. */
  body.public-site #iso27001-home > div > p{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    text-wrap:pretty!important;
  }

  /* Remove the seven requested SGSI topic pills on mobile. */
  body.public-site #iso27001-home .home-sgsi-tags-v2100{
    display:none!important;
  }

  /* Keep both ISO 27001 CTAs on one horizontal line. */
  body.public-site #iso27001-home > div > .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }

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

@media (max-width:390px){
  body.public-site #iso27001-home > div > .hero-actions{
    gap:6px!important;
  }
  body.public-site #iso27001-home > div > .hero-actions .btn{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:10px!important;
  }
}