/* =========================================================
   REAL.PRO STUDIOS · HOME CLIENT LOGO CAROUSEL · V59
   Official client logo assets, standardized white.
   Scope: Home trusted-brand carousel only.
   ========================================================= */

html body.rp-page-index .trusted-hero{
  isolation:isolate;
}

html body.rp-page-index .trusted-window{
  overflow:hidden !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}

html body.rp-page-index .trusted-window::before,
html body.rp-page-index .trusted-window::after{
  display:none !important;
}

/* JS V59 owns carousel motion. */
html body.rp-page-index .trusted-track{
  animation:none !important;
  display:flex !important;
  align-items:stretch !important;
  gap:16px !important;
  width:max-content !important;
  will-change:transform;
  transform:translate3d(0,0,0);
}

html body.rp-page-index .logo-card.logo-card--client{
  flex:0 0 270px !important;
  width:270px !important;
  min-width:270px !important;
  height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 24px !important;
  background:rgba(8,19,34,.72) !important;
  border:1px solid rgba(231,238,247,.18) !important;
  color:#fff !important;
  overflow:hidden !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  transform:translateZ(0);
}

html body.rp-page-index .logo-card.logo-card--client:hover{
  background:rgba(11,25,43,.86) !important;
  border-color:rgba(255,255,255,.30) !important;
  transform:translateY(-2px) !important;
}

html body.rp-page-index .client-logo-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  mix-blend-mode:normal !important;
}

/* Very wide wordmarks receive more horizontal room but a lower height cap. */
html body.rp-page-index .client-logo-image--wide{
  max-width:214px !important;
  max-height:38px !important;
}

/* Ordinary horizontal marks. */
html body.rp-page-index .client-logo-image--standard{
  max-width:196px !important;
  max-height:46px !important;
}

/* Square / vertical marks are constrained by height so they do not dominate. */
html body.rp-page-index .client-logo-image--compact{
  max-width:104px !important;
  max-height:50px !important;
}

html body.rp-page-index .trusted-arrow{
  position:relative;
  z-index:4;
  cursor:pointer;
  touch-action:manipulation;
}

html body.rp-page-index .trusted-arrow:focus-visible{
  outline:2px solid rgba(239,63,63,.78);
  outline-offset:4px;
}

/* Existing five dots remain as a coarse progress indicator for 18 brands. */
html body.rp-page-index .trusted-dots i{
  transition:width .28s ease, background-color .28s ease, opacity .28s ease;
}

html body.rp-page-index .trusted-dots i.is-active,
html body.rp-page-index .trusted-dots i.active{
  width:24px !important;
  background:#ef3f3f !important;
  opacity:1 !important;
}

@media (max-width:760px){
  html body.rp-page-index .trusted-track{
    gap:12px !important;
  }

  html body.rp-page-index .logo-card.logo-card--client{
    flex-basis:220px !important;
    width:220px !important;
    min-width:220px !important;
    height:62px !important;
    padding:0 16px !important;
  }

  html body.rp-page-index .client-logo-image--wide{
    max-width:176px !important;
    max-height:30px !important;
  }

  html body.rp-page-index .client-logo-image--standard{
    max-width:158px !important;
    max-height:36px !important;
  }

  html body.rp-page-index .client-logo-image--compact{
    max-width:82px !important;
    max-height:40px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.rp-page-index .logo-card.logo-card--client,
  html body.rp-page-index .trusted-dots i{
    transition:none !important;
  }
}