/* logos3: HD official marks, full lockups, edge fade, mobile sticky-bar clearance */
.x-marquee{
  position:relative;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6rem,#000 calc(100% - 6rem),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 6rem,#000 calc(100% - 6rem),transparent 100%);
  -webkit-mask-size:100% 100%;
          mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
}
.x-marquee img{
  height:40px !important;
  width:auto !important;
  max-width:180px;
  object-fit:contain;
  filter:none !important;
  mix-blend-mode:normal !important;
  opacity:.92;
  flex:0 0 auto;
}

.x-marquee img.x-logo--badge{
  height:56px !important;
  width:auto !important;
  max-width:100px;
}
.x-marquee img:hover{
  filter:none !important;
  opacity:1;
}
@media (prefers-reduced-motion:no-preference){
  .x-marquee__track{animation-duration:66s}
}
@media (min-width:701px) and (prefers-reduced-motion: no-preference){
  .x-marquee__track{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    height:auto !important;
    align-items:center;
  }
  .x-marquee__loop{
    display:flex !important;
    flex-wrap:nowrap !important;
    flex:0 0 auto !important;
    align-items:center;
    gap:inherit;
    width:max-content !important;
    max-width:none !important;
    height:auto !important;
    white-space:nowrap;
  }
  .x-marquee{
    height:auto !important;
  }
}
@media (max-width:700px){
  /* Clear the sticky bottom action bar so the last logo row stays fully visible */
  .x-trust{
    padding-bottom: calc(3.25rem + 180px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .x-marquee{
    overflow:visible;
    -webkit-mask-image:none;
            mask-image:none;
    padding-inline: 1rem;
    box-sizing: border-box;
  }
  .x-marquee__track{
    animation:none !important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:auto !important;
    max-width:100%;
    transform:none !important;
    gap:1.15rem 1rem;
    box-sizing: border-box;
  }
  /* Two wordmarks per row at 390, with safe side margins so nothing touches the edge. */
  .x-marquee img{
    max-width: min(180px, calc((100% - 1rem) / 2));
    height: auto !important;
    max-height: 40px;
    width: auto !important;
  }
  .x-marquee img.x-logo--badge{
    max-height: 56px;
    max-width: 100px;
    height: auto !important;
  }
  .x-marquee__loop,
  .x-marquee__track [aria-hidden]{display:none !important}
}

@media (prefers-reduced-motion:reduce){
  .x-marquee{
    overflow:visible;
    -webkit-mask-image:none;
            mask-image:none;
    padding-inline: var(--x-gutter, 1.25rem);
    box-sizing: border-box;
  }
  .x-marquee__track{
    animation:none !important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:auto !important;
    transform:none !important;
    gap:1.25rem 1.5rem;
  }
  .x-marquee__loop,
  .x-marquee__track [aria-hidden]{display:none !important}
}