/* ==========================================================
   SSB Digital final home blockchain mobile overlap patch
   Date: 2026-06-18
   Purpose: preserve the blockchain network visual on mobile while
   separating node labels and the Global Trust Network pill.
   ========================================================== */

@media (max-width: 760px){
  body.home-v3 .blockchain-section{
    overflow:hidden!important;
  }

  body.home-v3 .blockchain-grid{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:28px!important;
  }

  body.home-v3 .blockchain-visual{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:500px!important;
    min-height:500px!important;
    padding:0!important;
    border-radius:32px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    contain:layout paint!important;
  }

  body.home-v3 .blockchain-visual::before{
    inset:0!important;
    opacity:.9!important;
  }

  body.home-v3 .blockchain-visual .section-globe{
    position:absolute!important;
    left:50%!important;
    top:45%!important;
    width:min(380px,92%)!important;
    max-width:92%!important;
    transform:translate(-50%,-50%)!important;
    opacity:.32!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  body.home-v3 .blockchain-visual .blockchain-canvas{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:.78!important;
    z-index:2!important;
    pointer-events:none!important;
  }

  body.home-v3 .blockchain-visual .node-label{
    position:absolute!important;
    z-index:5!important;
    box-sizing:border-box!important;
    min-height:40px!important;
    padding:10px 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    line-height:1.12!important;
    font-size:clamp(11px,3.15vw,12px)!important;
    max-width:calc(50% - 30px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    backdrop-filter:blur(16px)!important;
  }

  body.home-v3 .blockchain-visual .identity{
    left:10%!important;
    top:18%!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
  }

  body.home-v3 .blockchain-visual .assets{
    right:10%!important;
    top:17%!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
  }

  body.home-v3 .blockchain-visual .contracts{
    left:50%!important;
    top:48%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    max-width:min(250px,70%)!important;
    padding-inline:16px!important;
  }

  body.home-v3 .blockchain-visual .supply{
    left:9%!important;
    bottom:118px!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    max-width:42%!important;
  }

  body.home-v3 .blockchain-visual .audit{
    right:11%!important;
    bottom:118px!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    max-width:34%!important;
  }

  body.home-v3 .blockchain-visual .verified-pill{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:44px!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    box-sizing:border-box!important;
    width:min(242px,calc(100% - 92px))!important;
    min-height:62px!important;
    padding:12px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.14!important;
    font-size:clamp(14px,4.35vw,17px)!important;
    border-radius:28px!important;
    backdrop-filter:blur(18px)!important;
  }
}

@media (max-width: 420px){
  body.home-v3 .blockchain-visual{
    height:480px!important;
    min-height:480px!important;
    border-radius:30px!important;
  }

  body.home-v3 .blockchain-visual .section-globe{
    top:44%!important;
    width:min(350px,94%)!important;
  }

  body.home-v3 .blockchain-visual .contracts{
    top:47%!important;
  }

  body.home-v3 .blockchain-visual .supply,
  body.home-v3 .blockchain-visual .audit{
    bottom:112px!important;
  }

  body.home-v3 .blockchain-visual .verified-pill{
    bottom:38px!important;
    width:min(236px,calc(100% - 82px))!important;
    min-height:62px!important;
  }
}

@media (max-width: 360px){
  body.home-v3 .blockchain-visual{
    height:492px!important;
    min-height:492px!important;
  }

  body.home-v3 .blockchain-visual .node-label{
    font-size:10.5px!important;
    padding:9px 11px!important;
  }

  body.home-v3 .blockchain-visual .identity{left:8%!important;}
  body.home-v3 .blockchain-visual .assets{right:8%!important;}
  body.home-v3 .blockchain-visual .supply{left:7%!important;bottom:116px!important;}
  body.home-v3 .blockchain-visual .audit{right:8%!important;bottom:116px!important;}

  body.home-v3 .blockchain-visual .verified-pill{
    width:min(224px,calc(100% - 70px))!important;
    bottom:40px!important;
  }
}