html.has-vekamotion-fullscreen, html.has-vekamotion-fullscreen body { overflow:hidden!important; overscroll-behavior:none; }
main[data-oknolit-content-route="/rasdvizhnie-okna/"] { width:100%!important; max-width:none!important; overflow:visible!important; background:#eef2f4; }
.oknolit-vekamotion, .oknolit-vekamotion * { box-sizing:border-box; }
.oknolit-vekamotion {
  --vm-ink:#142431; --vm-muted:#5a6d79; --vm-accent:#006cab; --vm-accent-dark:#004d7d;
  --vm-surface:#f8fafb; --vm-canvas:#dce6ea; --vm-soft:#d3e0e6; --vm-line:#c8d6dd; --vm-focus:#ee9b24;
  width:100%; margin:0; color:var(--vm-ink); background:var(--vm-surface);
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.5;
}
.oknolit-vekamotion :where(button,input,select,a) { font:inherit; }
.oknolit-vekamotion button { border-radius:0; }
@media(max-width:520px){.oknolit-vekamotion__tool[data-hero-launch]::after{font-size:12px}}
.oknolit-vekamotion__navigation {
  min-height:54px; display:flex; align-items:center; gap:10px; padding-inline:clamp(16px,4vw,64px);
  color:var(--vm-muted); border-bottom:1px solid var(--vm-line); font-size:14px;
}
.oknolit-vekamotion__navigation a { min-height:44px; display:inline-flex; align-items:center; color:var(--vm-accent-dark); text-underline-offset:4px; }
.oknolit-vekamotion__hero {
  display:block; min-width:0;
}
.oknolit-vekamotion__intro {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:18px 32px;
  width:100%; min-width:0; padding:18px clamp(16px,3vw,48px);
}
.oknolit-vekamotion__lead, .oknolit-vekamotion__configuration>div { min-width:0; }
.oknolit-vekamotion__configuration { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-content:center; gap:24px; min-width:0; }
.oknolit-vekamotion h1 { margin:0; color:var(--vm-ink); font-size:clamp(30px,3.2vw,42px); font-weight:700; letter-spacing:-.035em; line-height:1.08; text-wrap:balance; }
.oknolit-vekamotion__summary { max-width:68ch; margin:0; color:#3d5260; font-size:16px; line-height:1.42; }
.oknolit-vekamotion__label { display:block; margin:0 0 8px; color:var(--vm-muted); font-size:12px; font-weight:750; letter-spacing:.055em; text-transform:uppercase; }
.oknolit-vekamotion__systems, .oknolit-vekamotion__schemes { display:grid; gap:0; border-bottom:1px solid var(--vm-line); }
.oknolit-vekamotion__systems { grid-template-columns:1fr 1fr; }
.oknolit-vekamotion__schemes { grid-template-columns:repeat(3,1fr); }
.oknolit-vekamotion__choice {
  position:relative; min-height:50px; padding:10px 8px 10px 0; border:0; background:transparent;
  color:#657782; cursor:pointer; font-weight:700; text-align:left;
}
.oknolit-vekamotion__choice[aria-pressed="true"] { color:var(--vm-ink); }
.oknolit-vekamotion__choice[aria-pressed="true"]::after { position:absolute; right:12px; bottom:-1px; left:0; height:3px; background:var(--vm-accent); content:""; }
.oknolit-vekamotion__choice:hover { color:var(--vm-accent-dark); }
.oknolit-vekamotion__intro { grid-template-columns:minmax(0,1fr); gap:22px; padding-block:24px; }
.oknolit-vekamotion__settings { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:16px; align-items:stretch; }
.oknolit-vekamotion__construction { min-width:0; padding:20px; background:#edf3f6; }
.oknolit-vekamotion .oknolit-vekamotion__group-title { margin:0 0 16px; font-size:1.375rem; line-height:1.2; letter-spacing:-.02em; font-weight:650; color:#142431; }
.oknolit-vekamotion__configuration { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:22px; align-content:start; max-width:none; }
.oknolit-vekamotion__label { margin-bottom:8px; font-size:.875rem; text-transform:none; letter-spacing:0; font-weight:600; color:#405563; }
.oknolit-vekamotion__systems,.oknolit-vekamotion__schemes { gap:6px; border:0; }
.oknolit-vekamotion__choice { min-width:0; min-height:48px; padding:12px; text-align:center; line-height:1.4; font-weight:600; background:#dbe7ef; color:#17364d; overflow-wrap:normal; word-break:normal; }
.oknolit-vekamotion__schemes { display:flex; flex-wrap:wrap; }
.oknolit-vekamotion__systems { display:flex; flex-wrap:wrap; }
.oknolit-vekamotion__systems .oknolit-vekamotion__choice { flex:1 1 0; min-width:min-content; }
.oknolit-vekamotion__schemes .oknolit-vekamotion__choice { flex:1 1 auto; padding-inline:10px; white-space:nowrap; }
.oknolit-vekamotion__choice:hover { background:#cadde9; }
.oknolit-vekamotion__choice[aria-pressed="true"] { background:#005a9f; color:#fff; }
.oknolit-vekamotion__choice[aria-pressed="true"]::after { display:none; }
.oknolit-vekamotion__appearance-host { min-width:0; background:#e7eef2; }
.oknolit-vekamotion .hero-mode-appearance { display:grid; width:100%; max-width:none; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-content:start; align-items:center; padding:20px; }
.oknolit-vekamotion .hero-mode-group-title { margin:0; font-size:1.375rem; line-height:1.2; letter-spacing:-.02em; font-weight:650; color:#142431; }
.oknolit-vekamotion .hero-mode-appearance .hero-mode-group-title { grid-column:1/-1; margin-bottom:4px; }
.hero-mode-appearance__selection { display:flex; align-items:center; gap:10px; min-width:0; }
.hero-mode-appearance__swatch { display:block; flex:none; width:40px; height:48px; background-size:cover; }
.oknolit-vekamotion .hero-mode-appearance__copy { min-width:0; margin:0; font-size:.875rem; line-height:1.45; color:#405563; overflow-wrap:anywhere; }
.oknolit-vekamotion .hero-mode-appearance button { min-height:44px; padding:10px 14px; color:#17364d; background:#dbe7ef; border:0; font:600 .875rem/1.4 "Segoe UI",Arial,sans-serif; cursor:pointer; }
.oknolit-vekamotion .hero-mode-appearance button:hover { background:#f4f8fa; }
.oknolit-vekamotion .hero-mode-appearance button[aria-expanded=true] { background:#005a9f; color:white; }
.oknolit-vekamotion .hero-mode-appearance button:disabled { opacity:.5; cursor:wait; }
@media(max-width:960px) {
  .oknolit-vekamotion__settings { grid-template-columns:minmax(0,1fr); gap:12px; }
  .oknolit-vekamotion .hero-mode-appearance { grid-template-columns:auto minmax(0,1fr) auto; gap:18px; }
  .oknolit-vekamotion .hero-mode-appearance .hero-mode-group-title { grid-column:auto; margin:0; }
}
@media(max-width:520px) {
  .oknolit-vekamotion__construction { padding:16px; }
  .oknolit-vekamotion .hero-mode-appearance { padding:16px; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
  .oknolit-vekamotion .hero-mode-appearance .hero-mode-group-title { grid-column:1/-1; margin-bottom:4px; }
  .oknolit-vekamotion .oknolit-vekamotion__group-title,.oknolit-vekamotion .hero-mode-group-title { font-size:1.25rem; }
}
@media(max-width:780px) {
  .oknolit-vekamotion__configuration { grid-template-columns:minmax(0,1fr); gap:16px; }
}
.oknolit-vekamotion__scheme-copy { margin:8px 0 0; color:var(--vm-muted); font-size:14px; line-height:1.45; }
.oknolit-vekamotion__difference { margin:10px 0 0; max-width:70ch; color:#405563; font-size:14px; line-height:1.45; }
.oknolit-vekamotion__action { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:18px clamp(16px,3vw,48px); }
.oknolit-vekamotion__caption { min-width:0; }
.oknolit-vekamotion__cta {
  display:inline-flex; min-height:50px; padding:0 24px; align-items:center; justify-content:center;
  background:var(--vm-accent); color:#fff!important; font-weight:750; text-decoration:none; flex-shrink:0;
}
.oknolit-vekamotion__cta:hover { background:var(--vm-accent-dark); }
.oknolit-vekamotion__viewer {
  --vm-ink:#142431; --vm-muted:#5a6d79; --vm-accent:#006cab; --vm-accent-dark:#004d7d;
  --vm-surface:#f8fafb; --vm-canvas:#dce6ea; --vm-soft:#d3e0e6; --vm-line:#c8d6dd; --vm-focus:#ee9b24;
  position:relative; width:100%; min-width:0; height:clamp(500px,82svh,900px); overflow:clip; isolation:isolate; background:var(--vm-canvas); color:var(--vm-ink); font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}
.oknolit-vekamotion__viewer::before {
  position:absolute; z-index:-2; inset:0; content:"";
  background:radial-gradient(circle at 68% 52%,rgb(255 255 255 / 78%),transparent 35%),linear-gradient(135deg,#edf3f5 0%,#dce7eb 48%,#cbd9df 100%);
}
.oknolit-vekamotion__viewer[data-fidelity="exact"]::before {
  background:radial-gradient(circle at 66% 43%,rgb(248 251 251 / 62%),transparent 32%),linear-gradient(142deg,#dfe9ec 0%,#c4d2d8 52%,#aebfc7 100%);
}
.oknolit-vekamotion__viewer::after {
  position:absolute; z-index:-1; right:-8%; bottom:-30%; width:72%; height:48%; content:"";
  background:radial-gradient(ellipse,rgb(33 58 72 / 15%),transparent 68%); filter:blur(20px); transform:skewX(-12deg);
}
.oknolit-vekamotion__toolbar {
  position:absolute; z-index:6; top:18px; right:18px; left:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; pointer-events:none;
}
.oknolit-vekamotion__badge { padding:8px 11px; background:rgb(248 250 251 / 88%); color:#405865; font-size:12px; font-weight:750; letter-spacing:.02em; backdrop-filter:blur(8px); }
.oknolit-vekamotion__tools { display:flex; gap:8px; pointer-events:auto; }
.oknolit-vekamotion__tool {
  min-height:44px; padding:8px 14px; border:1px solid #b7c9d2; background:rgb(248 250 251 / 90%); color:#234456; cursor:pointer; font-size:13px; font-weight:750; backdrop-filter:blur(8px);
}
.oknolit-vekamotion__tool:hover { border-color:var(--vm-accent); color:var(--vm-accent-dark); }
.oknolit-vekamotion__tool--quality[aria-pressed="true"] { border-color:var(--vm-accent); background:var(--vm-accent); color:#fff; }
.oknolit-vekamotion__tool--quality:disabled { cursor:wait; opacity:.72; }
.oknolit-vekamotion__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }
.oknolit-vekamotion__fullscreen-picker { display:none; }
.oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__fullscreen-picker {
  position:absolute; z-index:7; top:max(64px,calc(env(safe-area-inset-top) + 56px)); left:50%; display:flex; gap:8px; transform:translateX(-50%);
}
.oknolit-vekamotion__fullscreen-picker>div { display:flex; background:rgb(248 250 251 / 90%); border:1px solid #b7c9d2; backdrop-filter:blur(8px); }
.oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__fullscreen-picker { flex-wrap:wrap; max-width:calc(100% - 24px); }
.oknolit-vekamotion__fullscreen-picker button { min-width:44px; min-height:40px; padding:7px 12px; border:0; background:transparent; color:#365463; cursor:pointer; font-size:13px; font-weight:750; }
.oknolit-vekamotion__fullscreen-picker button[aria-pressed="true"] { background:var(--vm-accent); color:#fff; }
.oknolit-vekamotion__stage { position:absolute; inset:var(--vm-stage-top,62px) 14px var(--vm-controls-bottom,112px); min-width:0; min-height:0; }
.oknolit-vekamotion__poster { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; object-fit:contain; opacity:1; pointer-events:none; }
.oknolit-vekamotion__stage canvas { position:absolute; z-index:2; inset:0; display:block; width:100%; height:100%; cursor:grab; opacity:1; }
.oknolit-vekamotion__viewer:not(.is-fullscreen) .hero-mode-stage {
  /* Clip the scene without creating an intermediate hidden-overflow scroll container. */
  overflow:clip !important;
}
@media (any-pointer: coarse) {
  .oknolit-vekamotion__viewer:not(.is-fullscreen) .oknolit-vekamotion__stage,
  .oknolit-vekamotion__viewer:not(.is-fullscreen) .oknolit-vekamotion__stage canvas,
  .oknolit-vekamotion__viewer:not(.is-fullscreen) .hero-mode-stage,
  .oknolit-vekamotion__viewer:not(.is-fullscreen) .hero-mode-stage canvas {
    /* Reserve vertical touch motion for page scrolling; horizontal drags still rotate the model. */
    touch-action:pan-y !important;
  }
}
.oknolit-vekamotion__stage[data-scene-state="poster"] canvas { opacity:0; }
.oknolit-vekamotion__stage[data-scene-state="ready"] .oknolit-vekamotion__poster,
.oknolit-vekamotion__stage[data-scene-state="loading"] .oknolit-vekamotion__poster { opacity:0; }
.oknolit-vekamotion__stage canvas:active { cursor:grabbing; }
.oknolit-vekamotion__stage[data-loading="true"] canvas { opacity:.28; }
.oknolit-vekamotion__status {
  position:absolute; z-index:5; inset:50% auto auto 50%; max-width:min(310px,calc(100% - 32px)); margin:0; padding:12px 16px;
  transform:translate(-50%,-50%); background:rgb(248 250 251 / 94%); color:#294454; text-align:center; box-shadow:0 10px 34px rgb(30 58 72 / 14%);
}
.oknolit-vekamotion__detail {
  position:absolute; z-index:7; top:72px; left:20px; width:min(310px,calc(100% - 40px)); max-height:calc(100% - 190px); overflow:auto;
  padding:16px 18px; background:rgb(248 250 251 / 93%); color:#294454; box-shadow:0 12px 38px rgb(25 51 65 / 18%); backdrop-filter:blur(10px); cursor:pointer;
}
.oknolit-vekamotion__detail[hidden] { display:none; }
.oknolit-vekamotion__detail strong { display:block; margin-bottom:6px; color:var(--vm-ink); font-size:16px; }
.oknolit-vekamotion__detail p { margin:0; font-size:14px; line-height:1.45; }
.oknolit-vekamotion__controls {
  position:absolute; z-index:6; right:18px; bottom:16px; left:18px; display:flex; flex-wrap:wrap; gap:16px; align-items:end;
  padding:13px 15px; background:rgb(248 250 251 / 89%); backdrop-filter:blur(10px); box-shadow:0 8px 28px rgb(32 55 68 / 10%);
}
.oknolit-vekamotion__controls[hidden] { display:none; }
.oknolit-vekamotion__appearance[hidden] { display:none; }
.oknolit-vekamotion__viewside { position:absolute; z-index:5; top:calc(var(--vm-stage-top,62px) + 10px); left:24px; min-height:44px; padding:8px 12px; border:0; color:#fff; background:rgb(20 36 49 / 85%); font-size:13px; cursor:pointer; }
.oknolit-vekamotion__viewside[hidden] { display:none; }
.oknolit-vekamotion__appearance { position:absolute; z-index:8; right:14px; top:76px; bottom:14px; width:min(310px,calc(100% - 28px)); padding:16px; overflow:auto; background:rgb(248 250 251 / 97%); color:#142431; box-shadow:0 8px 28px rgb(15 30 40 / 25%); }
.oknolit-vekamotion__appearance-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.oknolit-vekamotion__appearance button { min-height:44px; min-width:44px; padding:8px 12px; border:0; background:#e1ebef; color:#234456; cursor:pointer; }
.oknolit-vekamotion__appearance label { display:grid; gap:5px; margin:0 0 12px; font-size:13px; font-weight:600; }
.oknolit-vekamotion__appearance select { width:100%; min-height:44px; font-size:16px; background:#fff; color:#142431; border:1px solid #a8bbc5; padding:6px; }
.oknolit-vekamotion__appearance .oknolit-vekamotion__check { display:flex; align-items:center; gap:8px; min-height:36px; margin:0; }
.oknolit-vekamotion__appearance input[type="checkbox"] { width:20px; height:20px; }
.oknolit-vekamotion__appearance fieldset { border:0; padding:10px 0; margin:0; }
.oknolit-vekamotion__appearance legend { font-size:13px; font-weight:600; }
.oknolit-vekamotion__appearance p { font-size:12px; line-height:1.5; color:#536775; }
.oknolit-vekamotion__viewpoints { display:flex; gap:8px; margin-bottom:12px; }
.oknolit-vekamotion__swatches { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:8px; }
.oknolit-vekamotion__swatches button { position:relative; padding:4px; border:2px solid transparent; background:#e1ebef; }
.oknolit-vekamotion__swatches button span { display:block; min-height:32px; background:var(--swatch); }
.oknolit-vekamotion__swatches button[aria-pressed="true"] { border-color:#006cab; }
.oknolit-vekamotion__swatches button[aria-pressed="true"]::after { content:'✓'; position:absolute; right:3px; bottom:3px; padding:0 3px; background:#006cab; color:#fff; font-size:14px; }
.oknolit-vekamotion__appearance output { display:block; margin-top:6px; font-size:13px; line-height:1.4; }
.oknolit-vekamotion__hints { position:absolute; inset:0; z-index:4; pointer-events:none; overflow:hidden; }
.oknolit-vekamotion__hints[hidden], .oknolit-vekamotion__gesture[hidden] { display:none; }
.oknolit-vekamotion__gesture { position:absolute; display:flex; align-items:center; min-height:44px; max-width:150px; padding:6px 10px; transform:translate(8px,-50%); background:rgb(20 36 49 / 78%); color:#fff; border:0; font:600 12px/1.3 "Segoe UI",Arial,sans-serif; text-align:left; }
.oknolit-vekamotion__gesture[data-side="left"] { transform:translate(calc(-100% - 8px),-50%); }
.oknolit-vekamotion__gesture--handle { pointer-events:auto; cursor:pointer; }
.oknolit-vekamotion__gesture--slide { transform:translate(-50%,-50%)!important; }
.oknolit-vekamotion__gesture:focus-visible { outline:3px solid #ee9b24; outline-offset:3px; }
.oknolit-vekamotion__mechanism { flex:0 1 15em; display:grid; gap:4px; align-content:end; min-width:0; }
.oknolit-vekamotion__mechanism[hidden] { display:none; }
.oknolit-vekamotion__handle {
  min-width:150px; min-height:44px; padding:8px 14px; border:0; background:var(--vm-accent); color:#fff; cursor:pointer; font-size:14px; font-weight:750;
}
.oknolit-vekamotion__handle:hover:not(:disabled) { background:var(--vm-accent-dark); }
.oknolit-vekamotion__handle[aria-pressed="true"] { background:#28596f; }
.oknolit-vekamotion__handle:disabled { background:#c5d0d5; color:#52646e; cursor:not-allowed; opacity:1; }
.oknolit-vekamotion__mechanism span { min-height:2.6em; max-width:22ch; color:#455f6d; font-size:12px; line-height:1.3; }
.oknolit-vekamotion__opening { flex:1 1 22em; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 14px; align-items:center; }
.oknolit-vekamotion__opening label { grid-column:1/-1; color:#355160; font-size:12px; font-weight:750; }
.oknolit-vekamotion__opening [data-vekamotion-leaf-label] { grid-column:1; }
.oknolit-vekamotion__opening select { min-width:0; width:100%; min-height:44px; padding:7px 9px; border:1px solid #b7c9d2; background:#f8fafb; color:#234456; font:inherit; font-size:16px; }
.oknolit-vekamotion__opening [hidden] { display:none; }
.oknolit-vekamotion__opening input { width:100%; min-width:0; min-height:28px; margin:0; accent-color:var(--vm-accent); cursor:ew-resize; }
.oknolit-vekamotion__opening input:disabled { cursor:not-allowed; opacity:.56; }
.oknolit-vekamotion__opening output { color:#506672; font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.oknolit-vekamotion__hint { margin:0; max-width:26ch; color:#506672; font-size:12px; line-height:1.35; text-align:right; }
.oknolit-vekamotion__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 clamp(24px,5vw,72px); border-top:1px solid var(--vm-line); }
.oknolit-vekamotion__fact { min-height:132px; padding:26px 28px 24px 0; }
.oknolit-vekamotion__fact + .oknolit-vekamotion__fact { padding-left:28px; border-left:1px solid var(--vm-line); }
.oknolit-vekamotion__fact strong { display:block; margin-bottom:7px; font-size:16px; }
.oknolit-vekamotion__fact p { margin:0; color:var(--vm-muted); font-size:14px; line-height:1.45; }
.oknolit-vekamotion__viewer.is-fullscreen { position:fixed; z-index:2147483000; inset:0; width:100dvw; height:100dvh; min-height:0; overflow:clip; background:var(--vm-canvas); }
.oknolit-vekamotion__viewer.is-fullscreen :focus-visible { outline:3px solid var(--vm-focus); outline-offset:3px; }
.oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__toolbar { top:max(12px,env(safe-area-inset-top)); right:max(12px,env(safe-area-inset-right)); left:max(12px,env(safe-area-inset-left)); }
.oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__stage { inset:var(--vm-stage-top,112px) max(8px,env(safe-area-inset-right)) var(--vm-controls-bottom,100px) max(8px,env(safe-area-inset-left)); }
.oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__controls { right:max(12px,env(safe-area-inset-right)); bottom:max(10px,env(safe-area-inset-bottom)); left:max(12px,env(safe-area-inset-left)); }
.oknolit-vekamotion :focus-visible { outline:3px solid var(--vm-focus); outline-offset:3px; }
@media(max-width:1050px){
  .oknolit-vekamotion__intro { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:850px){
  .oknolit-vekamotion__intro { padding-inline:18px; }
  .oknolit-vekamotion__stage { inset-inline:0; }
  .oknolit-vekamotion__facts { grid-template-columns:minmax(0,1fr); margin-inline:18px; }
  .oknolit-vekamotion__hint { display:none; }
  .oknolit-vekamotion__fact { min-height:0; padding:22px 0; }
  .oknolit-vekamotion__fact + .oknolit-vekamotion__fact { padding-left:0; border-top:1px solid var(--vm-line); border-left:0; }
}
@media(min-width:521px) and (max-width:850px){
  .oknolit-vekamotion__toolbar:has(.oknolit-vekamotion__tool--quality) .oknolit-vekamotion__tool--quality { width:44px; min-height:44px; padding:0; overflow:hidden; font-size:0; }
  .oknolit-vekamotion__toolbar:has(.oknolit-vekamotion__tool--quality) .oknolit-vekamotion__tool--quality::after { content:attr(data-short-label); font-size:22px; line-height:1; }
}
@media(max-width:520px){
  .oknolit-vekamotion__navigation { padding-inline:14px; }
  .oknolit-vekamotion__intro { padding-inline:16px; }
  .oknolit-vekamotion__configuration { grid-template-columns:minmax(0,1fr); gap:14px; }
  .oknolit-vekamotion__systems .oknolit-vekamotion__choice { font-size:13px; }
  .oknolit-vekamotion__schemes .oknolit-vekamotion__choice { font-size:13px; text-align:center; padding-inline:3px; }
  .oknolit-vekamotion__schemes .oknolit-vekamotion__choice[aria-pressed="true"]::after { right:3px; left:3px; }
  .oknolit-vekamotion__cta { width:100%; }
  .oknolit-vekamotion__action { display:block; }
  .oknolit-vekamotion__action .oknolit-vekamotion__cta { margin-top:16px; }
  .oknolit-vekamotion__viewer { height:clamp(500px,76svh,700px); }
  .oknolit-vekamotion__toolbar { top:10px; right:10px; bottom:auto; left:10px; }
  .oknolit-vekamotion__badge { max-width:calc(100% - 216px); padding-inline:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .oknolit-vekamotion__toolbar:has(.oknolit-vekamotion__tool--quality) .oknolit-vekamotion__tools { gap:4px; }
  .oknolit-vekamotion__toolbar:has(.oknolit-vekamotion__tool--quality) .oknolit-vekamotion__badge { max-width:calc(100% - 248px); }
  .oknolit-vekamotion__viewer .oknolit-vekamotion__tool { width:44px; min-height:44px; padding:0; overflow:hidden; font-size:0; }
  .oknolit-vekamotion__tool::after { content:attr(data-short-label); font-size:22px; line-height:1; }
  .oknolit-vekamotion__stage { inset:var(--vm-stage-top,62px) 0 var(--vm-controls-bottom,160px); }
  .oknolit-vekamotion__controls { right:10px; bottom:10px; left:10px; gap:7px; padding:9px 11px; }
  .oknolit-vekamotion__mechanism { flex:1 1 100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
  .oknolit-vekamotion__handle { flex:1 1 9.5em; min-width:0; }
  .oknolit-vekamotion__mechanism span { flex:1 1 12em; max-width:none; }
  .oknolit-vekamotion__opening [data-vekamotion-leaf-label], .oknolit-vekamotion__opening select { grid-column:1/-1; }
  .oknolit-vekamotion__hint { display:none; }
  .oknolit-vekamotion__detail { top:auto; right:10px; bottom:10px; left:10px; width:auto; max-height:116px; padding:13px 15px; }
  .oknolit-vekamotion__viewer:has(.oknolit-vekamotion__detail:not([hidden])) .oknolit-vekamotion__controls { visibility:hidden; }
  .oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__toolbar { top:max(10px,env(safe-area-inset-top)); bottom:auto; }
  .oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__fullscreen-picker { top:max(62px,calc(env(safe-area-inset-top) + 54px)); width:calc(100% - 20px); justify-content:center; }
  .oknolit-vekamotion__fullscreen-picker button { padding-inline:9px; }
  .oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__stage { inset-block:var(--vm-stage-top,112px) var(--vm-controls-bottom,164px); }
}
@media(orientation:landscape) and (max-height:620px){
  .oknolit-vekamotion__viewer:not(.is-fullscreen) { height:max(440px,100svh); }
  .oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__fullscreen-picker { top:max(50px,calc(env(safe-area-inset-top) + 44px)); }
  .oknolit-vekamotion__viewer.is-fullscreen .oknolit-vekamotion__stage { inset-block:var(--vm-stage-top,96px) var(--vm-controls-bottom,76px); }
}
@media(prefers-reduced-motion:no-preference){
  .oknolit-vekamotion__handle { transition-property:scale,background-color; transition-duration:120ms; transition-timing-function:ease-out; }
  .oknolit-vekamotion__tool--quality { transition-property:transform,background-color,color,border-color; transition-duration:120ms; transition-timing-function:ease-out; }
  .oknolit-vekamotion__tool--quality:active:not(:disabled) { transform:scale(.96); }
  .oknolit-vekamotion__handle:active:not(:disabled) { scale:.96; }
}
@media(prefers-reduced-motion:reduce){ .oknolit-vekamotion *, .oknolit-vekamotion *::before, .oknolit-vekamotion *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }
@media(forced-colors:active){ .oknolit-vekamotion :focus-visible { outline-color:Highlight; } }