/* The outgoing street is frozen, including decorative CSS timelines. */
#viewport[data-street-frozen="true"] :is(#revenue-panel,.scene-bottom,.hero-copy) *,
#viewport[data-street-frozen="true"] :is(#revenue-panel,.scene-bottom,.hero-copy) *::before,
#viewport[data-street-frozen="true"] :is(#revenue-panel,.scene-bottom,.hero-copy) *::after{animation-play-state:paused!important}
#opening-people-camera,#opening-street-snapshot{backface-visibility:hidden}
/* Each step's underline reflects actual scroll distance, in both directions. */
.flow-v81 [role=tab]::after{background:var(--brand-line)!important}
.flow-v81 [role=tab]::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);transform:scaleX(var(--step-progress,0));transform-origin:left center;z-index:1}
.flow-v81 .flow-panel:not([id*=belgeler]) h3{transform:scale(var(--heading-scale,1));transform-origin:left top;will-change:transform}
@media(min-width:901px){.flow-v81 .flow-stage[data-step=kurulum] .flow-panel h3{transform-origin:center top}}
.system-page #story-copy #online-label{margin:0 0 13px;padding:0;gap:10px;font-size:9px;line-height:14px;justify-content:center}
.system-page #story-copy #story-kicker[hidden]{display:none!important}
/* Keep water-value callouts separate in the compact landscape filtration frame. */
@media(orientation:landscape) and (max-height:500px){
 .system-page #filter-stage .fx3d-prop{padding:3px 7px;line-height:1.1}
 .system-page #filter-stage .fx3d-prop small{font-size:6px;margin-bottom:2px}
 .system-page #filter-stage .fx3d-prop strong{font-size:16px}
 .system-page #filter-stage .fx3d-prop strong span{font-size:7px}
}