/* CYBERNOX AI mobile trust-rail loop.
   Mobile only: continuous infinite loop.
   Tablet, laptop and desktop remain fixed. */

@keyframes trustRailInfiniteLoop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--trust-loop-distance,-1200px),0,0)}
}

@media (max-width:820px){
  html:root body main#main-content .nox-home-v5>.n7-shift{
    position:relative!important;
    overflow:hidden!important;
  }

  html:root body main#main-content .nox-home-v5>.n7-shift::after{
    width:18px!important;
    opacity:.38!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping{
    box-sizing:border-box!important;
    width:max-content!important;
    max-width:none!important;
    min-width:max-content!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:0!important;
    align-items:stretch!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    overscroll-behavior:none!important;
    touch-action:pan-y!important;
    will-change:transform!important;
    animation-name:trustRailInfiniteLoop!important;
    animation-duration:var(--trust-loop-duration,24s)!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
    animation-fill-mode:both!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping.is-loop-paused{
    animation-play-state:paused!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping>div{
    box-sizing:border-box!important;
    flex:0 0 clamp(210px,62vw,270px)!important;
    width:clamp(210px,62vw,270px)!important;
    min-width:clamp(210px,62vw,270px)!important;
    max-width:clamp(210px,62vw,270px)!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 clamp(14px,3.6vw,20px)!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:10px!important;
    border-left:1px solid rgba(255,255,255,.24)!important;
    border-right:0!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
    background:transparent!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping>div:last-child{
    border-right:1px solid rgba(255,255,255,.24)!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping>[data-trust-rail-clone]{
    pointer-events:none!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping small{
    min-width:0!important;
    margin:0!important;
    color:rgba(255,255,255,.70)!important;
    opacity:1!important;
    font:500 clamp(.45rem,1.75vw,.52rem)/1 "IBM Plex Mono",monospace!important;
    letter-spacing:.02em!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:clamp(.78rem,3.2vw,.92rem)!important;
    font-weight:660!important;
    line-height:1.1!important;
    letter-spacing:-.015em!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping i{
    justify-self:end!important;
    margin:0!important;
    color:#fff!important;
    opacity:.64!important;
    font-size:1.05rem!important;
    line-height:1!important;
  }
}

@media (max-width:430px){
  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping>div{
    flex-basis:clamp(205px,68vw,248px)!important;
    width:clamp(205px,68vw,248px)!important;
    min-width:clamp(205px,68vw,248px)!important;
    max-width:clamp(205px,68vw,248px)!important;
    padding-inline:14px!important;
    grid-template-columns:26px minmax(0,1fr) 20px!important;
    gap:8px!important;
  }

  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping span{
    font-size:clamp(.76rem,3.55vw,.88rem)!important;
  }
}

@media (max-width:360px){
  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping>div{
    flex-basis:72vw!important;
    width:72vw!important;
    min-width:72vw!important;
    max-width:72vw!important;
  }
}

@media (max-width:820px) and (orientation:landscape){
  html:root body main#main-content .n7-shift .n5-shift-track.is-auto-looping>div{
    flex-basis:clamp(200px,34vw,260px)!important;
    width:clamp(200px,34vw,260px)!important;
    min-width:clamp(200px,34vw,260px)!important;
    max-width:clamp(200px,34vw,260px)!important;
  }
}

/* Explicitly keep the rail static above the mobile breakpoint. */
@media (min-width:821px){
  html:root body main#main-content .n7-shift .n5-shift-track{
    transform:none!important;
    animation:none!important;
    overflow:hidden!important;
    scroll-behavior:auto!important;
  }
}