/* Existing flat balcony family; only SIAL's extra source scheme/zoom controls. */
.oknolit-sial-slot { min-width: 0; width: 100%; }
.oknolit-sial-slot [hidden] { display: none !important; }
.oknolit-sial-slot:not([data-oknolit-sial-ready]):not([data-oknolit-sial-failed]) { min-height: calc(clamp(250px, 30vw, 360px) + 134px); }
.oknolit-sial-slot__status { color: #4c6272; font: 12px/1.4 "Segoe UI", Arial, sans-serif; }
.oknolit-sial-slot > button {
  min-height: 44px; padding: 8px 12px; border: 0; border-radius: 0;
  background: #e9eff3; color: #173b52; font: 14px/1.4 "Segoe UI", Arial, sans-serif; cursor: pointer;
}
.oknolit-sial-slot > button:focus-visible { outline: 3px solid #0071b8; outline-offset: 2px; }
.oknolit-balkonka[data-oknolit-sliding-system="sial-sl60"] .oknolit-balkonka__stage { touch-action: pan-y pinch-zoom; }
.oknolit-balkonka[data-oknolit-sliding-system="sial-sl60"] .oknolit-balkonka__toolbar { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 8px; }
.oknolit-balkonka[data-oknolit-sliding-system="sial-sl60"] .oknolit-balkonka__configuration { grid-column: 1 / -1; width: 100%; min-width: 0; margin: 0; }
.oknolit-balkonka__preset-select {
  flex: 1; min-width: 0; max-width: 100%; min-height: 44px; padding: 8px;
  border: 1px solid #647984; border-radius: 0; background: #f4f7f9; color: #173b52; font: inherit;
}
.oknolit-balkonka__preset-select:focus-visible { outline: 3px solid #0071b8; outline-offset: 2px; }
.oknolit-balkonka__zoom { display: flex; gap: 4px; }
.oknolit-balkonka__zoom button { min-width: 44px; font-size: 20px; }
.oknolit-balkonka__zoom button:disabled { cursor: default; opacity: .55; }
.oknolit-balkonka[data-oknolit-sliding-system="sial-sl60"] .oknolit-balkonka__sash-actions { display: block; grid-column: 3; }
.oknolit-balkonka[data-oknolit-sliding-system="sial-sl60"] .oknolit-balkonka__sash-actions[open] > .oknolit-balkonka__control-panel {
  position: absolute; z-index: 5; inset-inline-end: 0; bottom: calc(100% + 8px);
  width: min(340px, 100%); max-height: min(380px, 65dvh); padding: 12px;
  overflow: auto; background: #f4f7f9; box-shadow: 0 4px 24px #0004;
}
/* Keep the call bar in flow across keyboard -> pointer focus changes. Otherwise
   it can reappear between pointerdown and pointerup over a model control. */
@media (max-width: 873px) {
  html[data-oknolit-balcony="v2"] body:has([data-oknolit-sial-slot]:focus-within, [data-oknolit-sial-viewer]:focus-within) > .mobile-phone-wrap.footermobiletels.awz-footermobiletels {
    position: relative;
  }
}
@media (max-width: 700px) {
  .oknolit-sial-slot:not([data-oknolit-sial-ready]):not([data-oknolit-sial-failed]) { min-height: 414px; }
}
@media (forced-colors: active) {
  .oknolit-balkonka__preset-select, .oknolit-sial-slot > button { border: 1px solid ButtonText; }
  .oknolit-balkonka__preset-select:focus-visible, .oknolit-sial-slot > button:focus-visible { outline-color: Highlight; }
}