/* V31: Slim scroll progress bar in the EXACT four colors of the approved ClickRent logo.
   The header is unchanged; this indicator is overlaid on its bottom edge. */
:root { --cr31-scroll-ratio: .07; }
.top { position: sticky; }
.top::after {
  content: "";
  position: absolute;
  z-index: 80;
  inset-inline-start: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #ff9f10 0%, #ff5051 34%, #ed007e 67%, #8d00ee 100%);
  transform: scaleX(var(--cr31-scroll-ratio, .07));
  transform-origin: left center;
  pointer-events: none;
  box-shadow: 0 2px 4px rgba(141,0,238,.18);
  will-change: transform;
}
[dir="rtl"] .top::after {
  background: linear-gradient(270deg, #ff9f10 0%, #ff5051 34%, #ed007e 67%, #8d00ee 100%);
  transform-origin: right center;
}
/* The same visual progress even if the site's editor sets its header to non-sticky. */
.cr30-not-sticky .top::after { position: absolute; }
@media (prefers-reduced-motion: reduce) {
  .top::after { transition: none !important; }
}