/* The location and installation share one product and one responsive camera. */
.flow-v82 .setup-studio{overflow:visible}
.flow-v82 .setup-architecture{opacity:.9}
.flow-v82 .setup-caption{opacity:0;visibility:hidden;translate:0 8px;transition:opacity .35s,translate .35s,visibility .35s;background:linear-gradient(120deg,#fffffff0,#ffffffb5);border:1px solid #e0f2fe;border-radius:12px;padding:9px 13px;box-shadow:0 6px 22px #0c4a6e0c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}
.flow-v82 .flow-stage[data-step=kurulum].connections-complete .setup-caption{opacity:1;visibility:visible;translate:0 0}
.flow-v82 .setup-caption>span:last-child{border-left:1px solid var(--brand-line);padding-left:10px;margin-left:7px}
.flow-v82 .setup-notes{gap:10px;margin-top:12px;min-height:70px}
.flow-v82 .setup-notes li{background:color-mix(in srgb,var(--utility-color) 11%,white);border:1px solid color-mix(in srgb,var(--utility-color) 26%,white);border-radius:14px;padding:12px;gap:9px;align-items:center;color:var(--text-dark)}
.flow-v82 .setup-notes li[data-utility=atik]{--utility-color:#64748b}
.flow-v82 .setup-notes li[data-utility=elektrik]{--utility-color:#b77a08}
.flow-v82 .setup-notes li:nth-child(n) i{background:transparent}
.flow-v82 .setup-notes b{color:var(--utility-color);font-size:13px;line-height:1.35}
.flow-v82 .setup-notes span{font-size:10px;line-height:1.4}
.flow-v82 .utility-port{transform-box:fill-box}
.invest-page .sim-result{background:linear-gradient(145deg,var(--primary-dark),var(--hero-mid));border-color:#0284c7;color:#fff;box-shadow:0 15px 35px #0284c71a}
.invest-page .sim-result :is(.sim-kicker,.sim-total p,.sim-period,.sim-legend,.sim-result-note){color:#e0f2fe}
.invest-page .sim-result .sim-total strong{color:#fff}
.invest-page .sim-result .sim-total.day{border-color:#ffffff30}
.sim-result .sim-share{background:#ffffff20}
.sim-result .sim-share i,.sim-result .sim-legend i{background:#b9eaff}
.sim-result .sim-share i+i,.sim-result .sim-legend span+span i{background:#fff}
.invest-page .sim-result .button{color:#fff;border:1px solid #ffffff65;background:linear-gradient(120deg,#ffffff24,#ffffff10);box-shadow:inset 0 1px #ffffff26;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.invest-page .sim-result .button:hover{background:#ffffff30;border-color:#ffffffa0}
@media(orientation:portrait){
 .flow-v82 .flow-stage .frame-box{--fw:calc(var(--art-height,330px)*2.18)}
 .flow-v82 .stage-frame{mask-image:radial-gradient(ellipse 51% 48% at 50% 44%,#000 57%,#0000 94%)}
 .flow-v82 .setup-caption{top:91%;font-size:10px}
 .flow-v82 .setup-caption>span:last-child{font-size:10px}
}
@media(max-width:600px){
 .flow-v82 .setup-notes{gap:6px;min-height:72px;margin-top:10px}
 .flow-v82 .setup-notes li{grid-template-columns:1fr;justify-items:start;gap:5px;padding:9px 8px;border-radius:12px}
 .flow-v82 .setup-notes b{font-size:11px;white-space:normal;line-height:1.25}
 .flow-v82 .setup-notes span{display:none}
 .flow-v82 .setup-notes i{width:20px;height:20px}
 .flow-v82 .setup-notes i svg{width:19px;height:19px}
 .flow-v82 .setup-caption{padding:8px 10px;font-size:9px}
 .flow-v82 .setup-caption>span:last-child{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.flow-v82 .setup-caption{transition:none}}
