/* v86 mobile hero polish + Bridge Network visibility */
:root{--v86-navy:#06142f;--v86-gold:#d5aa38;}

/* Bridge was present at /bridge-network/ but older compatibility CSS hid it from the drawer/bottom nav. */
.nav-drawer .drawer-nav-item[href*="bridge-network"]{
  display:flex!important;
}

@media (min-width:901px){
  body.single-shell-marketplace .hero-home,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero,
  body.single-shell-marketplace .hero-home.v64-home-hero{
    min-height:560px!important;
    overflow:visible!important;
    background-position:center center!important;
  }
  body.single-shell-marketplace .hero-inner,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero .hero-inner{
    min-height:560px!important;
    max-width:1240px!important;
    margin:0 auto!important;
    padding:54px 46px 44px!important;
    justify-content:center!important;
  }
  body.single-shell-marketplace .hero-copy,
  body.v64-home .hero-home.v64-home-hero .hero-copy{
    max-width:940px!important;
    margin-bottom:22px!important;
  }
  body.single-shell-marketplace .hero-eyebrow,
  body.v64-home .hero-home.v64-home-hero .hero-eyebrow{
    font-size:13px!important;
    letter-spacing:.145em!important;
    margin-bottom:12px!important;
    color:rgba(255,255,255,.92)!important;
  }
  body.single-shell-marketplace .hero-copy h1,
  body.v64-home .hero-home.v64-home-hero .hero-copy h1{
    max-width:930px!important;
    font-size:clamp(40px,4.65vw,68px)!important;
    line-height:1.01!important;
    letter-spacing:-.056em!important;
    font-weight:920!important;
  }
  body.single-shell-marketplace .hero-subtitle,
  body.v64-home .hero-home.v64-home-hero .hero-subtitle{
    max-width:900px!important;
    margin-top:16px!important;
    font-size:clamp(16px,1.35vw,20px)!important;
    line-height:1.44!important;
    font-weight:640!important;
  }
  body.single-shell-marketplace .home-search-shell,
  body.single-shell-marketplace .search-shell{
    width:min(820px,100%)!important;
    max-width:820px!important;
    margin-top:0!important;
  }
  body.single-shell-marketplace .home-search-shell .universal-search{
    height:66px!important;
    grid-template-columns:minmax(0,1fr) 118px!important;
    box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
  }
  body.single-shell-marketplace .home-search-shell .search-prompt b{
    font-size:16px!important;
    color:#3c4454!important;
  }
  body.single-shell-marketplace .home-search-shell .search-submit{
    width:98px!important;
    min-width:98px!important;
    height:50px!important;
    background:var(--v86-navy)!important;
  }
}

@media (max-width:900px){
  body.single-shell-marketplace .hero-home,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero,
  body.single-shell-marketplace .hero-home.v64-home-hero{
    min-height:auto!important;
    display:block!important;
    background-position:center center!important;
  }
  body.single-shell-marketplace .hero-overlay{
    background:linear-gradient(180deg,rgba(5,16,38,.42) 0%,rgba(5,16,38,.58) 52%,rgba(5,16,38,.64) 100%)!important;
  }
  body.single-shell-marketplace .hero-inner,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero .hero-inner{
    min-height:auto!important;
    padding:30px 18px 28px!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:14px!important;
  }
  body.single-shell-marketplace .hero-copy,
  body.v64-home .hero-home.v64-home-hero .hero-copy{
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.single-shell-marketplace .hero-eyebrow,
  body.v64-home .hero-home.v64-home-hero .hero-eyebrow{
    margin:0 0 8px!important;
    font-size:10.8px!important;
    line-height:1.18!important;
    letter-spacing:.18em!important;
    font-weight:900!important;
    max-width:330px!important;
    color:rgba(255,255,255,.9)!important;
  }
  body.single-shell-marketplace .hero-copy h1,
  body.v64-home .hero-home.v64-home-hero .hero-copy h1{
    max-width:100%!important;
    font-size:clamp(29px,8.6vw,39px)!important;
    line-height:1.055!important;
    letter-spacing:-.046em!important;
    font-weight:920!important;
    text-wrap:balance!important;
  }
  body.single-shell-marketplace .hero-subtitle,
  body.v64-home .hero-home.v64-home-hero .hero-subtitle{
    max-width:100%!important;
    margin-top:12px!important;
    font-size:13.7px!important;
    line-height:1.44!important;
    font-weight:610!important;
    color:rgba(255,255,255,.94)!important;
    text-wrap:pretty!important;
  }
  body.single-shell-marketplace .search-shell,
  body.single-shell-marketplace .home-search-shell{
    width:100%!important;
    max-width:none!important;
    margin-top:4px!important;
  }
  body.single-shell-marketplace .home-search-shell .universal-search{
    height:58px!important;
    border-radius:22px!important;
    box-shadow:0 14px 32px rgba(6,20,47,.18)!important;
  }
  body.single-shell-marketplace .home-search-shell .search-prompt{
    padding:0 20px!important;
  }
  body.single-shell-marketplace .home-search-shell .search-prompt-icon{
    font-size:18px!important;
  }
  body.single-shell-marketplace .home-search-shell .search-prompt b{
    font-size:14.8px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }
  body.single-shell-marketplace .home-model-section,
  body.single-shell-marketplace .v85-system-section{
    padding-top:20px!important;
  }
  .mobile-bottom-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .mobile-bottom-nav a,
  .mobile-bottom-nav a:nth-child(4),
  .mobile-bottom-nav a:nth-child(n+4):not(.v79-legacy-nav-sentinel){
    display:flex!important;
  }
  .mobile-bottom-nav .v79-legacy-nav-sentinel{
    display:none!important;
  }
  .mobile-bottom-nav a span{font-size:20px!important;}
  .mobile-bottom-nav a b,
  .mobile-bottom-nav a:first-child b::after,
  .mobile-bottom-nav a:nth-child(2) b::after,
  .mobile-bottom-nav a:nth-child(3) b::after,
  .mobile-bottom-nav a:nth-child(4) b::after{
    font-size:11px!important;
  }
}

@media (max-width:420px){
  body.single-shell-marketplace .hero-inner,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero .hero-inner{
    padding:26px 16px 26px!important;
  }
  body.single-shell-marketplace .hero-copy h1,
  body.v64-home .hero-home.v64-home-hero .hero-copy h1{
    font-size:clamp(28px,8.4vw,36px)!important;
    line-height:1.06!important;
  }
  body.single-shell-marketplace .hero-subtitle,
  body.v64-home .hero-home.v64-home-hero .hero-subtitle{
    font-size:13.4px!important;
  }
  body.single-shell-marketplace .home-search-shell .search-prompt b{
    font-size:14px!important;
  }
}

@media (max-width:900px){
  .mobile-bottom-nav a[data-v79-mobile-action] b{
    font-size:11px!important;
  }
  .mobile-bottom-nav a[data-v79-mobile-action] b::after{
    content:none!important;
    display:none!important;
  }
}


/* v87 refinement: smaller, calmer hero type + Deploy route action */
@media (min-width:901px){
  body.single-shell-marketplace .hero-home,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero,
  body.single-shell-marketplace .hero-home.v64-home-hero{
    min-height:520px!important;
  }
  body.single-shell-marketplace .hero-inner,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero .hero-inner{
    min-height:520px!important;
    padding-top:46px!important;
    padding-bottom:38px!important;
  }
  body.single-shell-marketplace .hero-copy,
  body.v64-home .hero-home.v64-home-hero .hero-copy{
    max-width:880px!important;
    margin-bottom:20px!important;
  }
  body.single-shell-marketplace .hero-copy h1,
  body.v64-home .hero-home.v64-home-hero .hero-copy h1{
    max-width:860px!important;
    font-size:clamp(36px,3.75vw,56px)!important;
    line-height:1.075!important;
    letter-spacing:-.038em!important;
    font-weight:760!important;
  }
  body.single-shell-marketplace .hero-subtitle,
  body.v64-home .hero-home.v64-home-hero .hero-subtitle{
    max-width:830px!important;
    font-size:clamp(15.5px,1.14vw,18px)!important;
    line-height:1.48!important;
    font-weight:500!important;
  }
  .top-actions .deploy-route-trigger{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    background:#06142f!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    box-shadow:0 12px 28px rgba(6,20,47,.16)!important;
  }
  .top-actions .deploy-route-trigger span{font-size:15px!important;margin-right:7px!important;}
}

@media (max-width:900px){
  body.single-shell-marketplace .hero-inner,
  body.single-shell-marketplace.v64-home .hero-home.v64-home-hero .hero-inner{
    padding:24px 18px 24px!important;
  }
  body.single-shell-marketplace .hero-copy h1,
  body.v64-home .hero-home.v64-home-hero .hero-copy h1{
    font-size:clamp(25px,7.25vw,33px)!important;
    line-height:1.1!important;
    letter-spacing:-.033em!important;
    font-weight:760!important;
  }
  body.single-shell-marketplace .hero-subtitle,
  body.v64-home .hero-home.v64-home-hero .hero-subtitle{
    font-size:13.15px!important;
    line-height:1.47!important;
    font-weight:500!important;
    margin-top:10px!important;
  }
  .top-actions .deploy-route-trigger{display:none!important;}
  .mobile-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .mobile-bottom-nav a[data-v79-mobile-action="deploy"]{display:flex!important;}
  .mobile-bottom-nav a[data-v79-mobile-action="deploy"] b{font-size:11px!important;}
  .mobile-bottom-nav a[data-v79-mobile-action="deploy"] b::after{content:none!important;}
}

@media (max-width:420px){
  body.single-shell-marketplace .hero-copy h1,
  body.v64-home .hero-home.v64-home-hero .hero-copy h1{
    font-size:clamp(24px,7vw,31px)!important;
    line-height:1.11!important;
  }
}
