/* WOJBRUK — Light Compare v6.1 | isolated component */
.wojbruk-light-v61{
  --wojbruk-light-red:#ed2024;
  --wojbruk-light-green:#20c35a;
  --wojbruk-light-bg:#050607;
  --wojbruk-light-muted:#a7aaae;
  --wojbruk-light-line:rgba(255,255,255,.14);
  --wojbruk-light-position:76%;
  --wojbruk-light-header-h:76px;
  --wojbruk-light-dock-h:108px;
  --wojbruk-light-ease:cubic-bezier(.22,.61,.36,1);
  position:relative;
  isolation:isolate;
  overflow:clip;
  background:
    radial-gradient(900px 450px at 68% 34%,rgba(36,44,53,.16),transparent 66%),
    linear-gradient(180deg,#08090a 0%,#040506 100%);
  color:#fff;
  padding:clamp(42px,4vw,66px) 0 clamp(72px,7vw,118px);
}
.wojbruk-light-v61 *{box-sizing:border-box}
.wojbruk-light-v61 button,.wojbruk-light-v61 input{font:inherit}
.wojbruk-light-v61 button{color:inherit}
.wojbruk-light-v61__shell{width:min(1520px,calc(100% - clamp(28px,5vw,96px)));margin:0 auto}
.wojbruk-light-v61__intro{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(330px,.72fr);
  align-items:end;
  gap:clamp(34px,5vw,88px);
  margin-bottom:clamp(24px,2.4vw,38px);
}
.wojbruk-light-v61__eyebrow{
  margin:0 0 9px;
  color:var(--wojbruk-light-red);
  font-size:clamp(11px,.82vw,14px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.wojbruk-light-v61__intro h2{
  margin:0;
  max-width:920px;
  font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:clamp(38px,4vw,68px);
  font-weight:600;
  line-height:.99;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.wojbruk-light-v61__intro h2 span{color:var(--wojbruk-light-red)}
.wojbruk-light-v61__intro-copy{
  display:grid;
  grid-template-columns:2px minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding-bottom:4px;
}
.wojbruk-light-v61__intro-copy i{display:block;width:2px;height:72%;min-height:54px;background:var(--wojbruk-light-red)}
.wojbruk-light-v61__intro-copy p{margin:0;max-width:560px;color:#c1c3c7;font-size:clamp(14px,1.12vw,18px);line-height:1.65}

.wojbruk-light-v61__stage{
  --wojbruk-light-position:76%;
  position:relative;
  width:100%;
  height:min(61svh,680px);
  min-height:430px;
  overflow:hidden;
  background:#0a0b0c;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 30px 86px rgba(0,0,0,.42);
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
  cursor:ew-resize;
}
.wojbruk-light-v61__image,.wojbruk-light-v61__image picture,.wojbruk-light-v61__image img{position:absolute;inset:0;display:block;width:100%;height:100%}
.wojbruk-light-v61__image img{object-fit:cover;object-position:50% 49%;transform:translateZ(0) scale(1.001);backface-visibility:hidden}
.wojbruk-light-v61__image--night{z-index:1}
.wojbruk-light-v61__image--night::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,5,12,.03),rgba(0,0,0,.04));
}
.wojbruk-light-v61__image--day{
  z-index:2;
  clip-path:inset(0 calc(100% - var(--wojbruk-light-position)) 0 0);
  transition:clip-path .62s var(--wojbruk-light-ease);
  will-change:clip-path;
}
.wojbruk-light-v61__stage.wojbruk-is-dragging .wojbruk-light-v61__image--day{transition:none}
.wojbruk-light-v61__stage::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -80px 100px rgba(0,0,0,.09);
}
.wojbruk-light-v61__state{
  position:absolute;top:20px;z-index:6;display:flex;align-items:center;gap:8px;
  min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.16);
  background:rgba(5,7,9,.58);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);
  color:#f3f4f5;font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;
}
.wojbruk-light-v61__state svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wojbruk-light-v61__state--day{left:20px}.wojbruk-light-v61__state--day b{color:var(--wojbruk-light-red)}
.wojbruk-light-v61__state--night{right:20px}.wojbruk-light-v61__state--night b{color:var(--wojbruk-light-green)}
.wojbruk-light-v61__divider{
  position:absolute;z-index:7;left:var(--wojbruk-light-position);top:0;bottom:0;width:1px;
  background:rgba(255,255,255,.96);box-shadow:0 0 20px rgba(0,0,0,.25);
  pointer-events:none;transition:left .62s var(--wojbruk-light-ease);will-change:left;
}
.wojbruk-light-v61__stage.wojbruk-is-dragging .wojbruk-light-v61__divider{transition:none}
.wojbruk-light-v61__divider span{
  position:absolute;left:50%;top:52%;width:58px;height:58px;display:grid;place-items:center;
  transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.72);border-radius:50%;
  background:rgba(7,8,10,.88);box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 0 7px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.wojbruk-light-v61__divider span::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(237,32,36,.0);transition:border-color .25s ease}
.wojbruk-light-v61.wojbruk-user-interacted .wojbruk-light-v61__divider span::after{border-color:rgba(237,32,36,.22)}
.wojbruk-light-v61__divider svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wojbruk-light-v61__range{
  position:absolute;z-index:8;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;
  -webkit-appearance:none;appearance:none;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
/* v6.8: Safari/iOS — gest pionowy zostaje dla scrolla, poziomy przejmuje JS suwaka. */
.wojbruk-light-v61__stage{touch-action:pan-y;}
.wojbruk-light-v61__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Fixed contextual control dock */
.wojbruk-light-v61__dock{
  position:fixed;z-index:980;left:50%;bottom:max(12px,env(safe-area-inset-bottom));
  width:min(1320px,calc(100vw - 32px));
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,calc(100% + 28px));
  transition:opacity .28s ease,transform .42s var(--wojbruk-light-ease),visibility 0s linear .42s;
}
.wojbruk-light-v61.wojbruk-dock-visible .wojbruk-light-v61__dock{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s;
}
.wojbruk-light-v61__dock-inner{
  min-height:96px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(270px,.78fr) minmax(330px,1fr);
  align-items:center;gap:0;
  border:1px solid rgba(255,255,255,.16);background:rgba(7,8,10,.92);
  box-shadow:0 20px 60px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.wojbruk-light-v61__dock-guide,.wojbruk-light-v61__dock-switch,.wojbruk-light-v61__dock-haptic{min-width:0;padding:18px 26px}
.wojbruk-light-v61__dock-switch,.wojbruk-light-v61__dock-haptic{border-left:1px solid rgba(255,255,255,.11)}
.wojbruk-light-v61__dock-guide{display:grid;grid-template-columns:44px 36px minmax(0,1fr) 44px;align-items:center;gap:12px}
.wojbruk-light-v61__dock-guide strong,.wojbruk-light-v61__dock-haptic strong{display:block;margin:0 0 3px;color:#fff;font-size:12px;font-weight:650;line-height:1.25}
.wojbruk-light-v61__dock-guide small,.wojbruk-light-v61__dock-haptic small{display:block;color:#96999e;font-size:10px;line-height:1.4}
.wojbruk-light-v61__gesture{display:grid;place-items:center;color:#fff}
.wojbruk-light-v61__gesture svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wojbruk-light-v61__arrow{
  width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;
  background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.wojbruk-light-v61__arrow:hover{border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.07)}
.wojbruk-light-v61__arrow:active{transform:scale(.95)}
.wojbruk-light-v61__arrow svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wojbruk-light-v61:not(.wojbruk-user-interacted) .wojbruk-light-v61__arrow--left svg{animation:wojbrukLightArrowLeft 1.8s ease-in-out infinite}
.wojbruk-light-v61:not(.wojbruk-user-interacted) .wojbruk-light-v61__arrow--right svg{animation:wojbrukLightArrowRight 1.8s ease-in-out infinite}
@keyframes wojbrukLightArrowLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}
@keyframes wojbrukLightArrowRight{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}

.wojbruk-light-v61__dock-switch{text-align:center}
.wojbruk-light-v61__dock-switch>small{display:block;margin-bottom:8px;color:#8d9095;font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.09em;text-transform:uppercase}
.wojbruk-light-v61__switch-row{display:grid;grid-template-columns:auto 132px auto;align-items:center;justify-content:center;gap:14px}
.wojbruk-light-v61__switch-label{font-size:16px;font-weight:750;line-height:1}.wojbruk-light-v61__switch-label--off{color:var(--wojbruk-light-red)}.wojbruk-light-v61__switch-label--on{color:var(--wojbruk-light-green)}
.wojbruk-light-v61__switch{
  --wojbruk-switch-progress:0;
  position:relative;width:132px;height:48px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;
  background:linear-gradient(180deg,#343638,#242628);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;touch-action:none;
}
.wojbruk-light-v61__switch::before{content:"";position:absolute;inset:4px;border-radius:999px;background:linear-gradient(90deg,rgba(237,32,36,.06),rgba(32,195,90,.08));opacity:calc(.35 + var(--wojbruk-switch-progress)*.55)}
.wojbruk-light-v61__switch-knob{
  position:absolute;z-index:2;left:7px;top:7px;width:32px;height:32px;border-radius:50%;background:#e9e9e9;
  box-shadow:0 3px 12px rgba(0,0,0,.38),inset 0 0 0 1px rgba(0,0,0,.14);
  transform:translateX(calc(var(--wojbruk-switch-progress) * 84px));transition:transform .42s var(--wojbruk-light-ease),background .2s ease,box-shadow .2s ease;
}
.wojbruk-light-v61.wojbruk-light-is-on .wojbruk-light-v61__switch-knob{background:#f0f0f0;box-shadow:0 3px 12px rgba(0,0,0,.38),0 0 0 4px rgba(32,195,90,.08)}
.wojbruk-light-v61.wojbruk-switch-dragging .wojbruk-light-v61__switch-knob{transition:none}

.wojbruk-light-v61__dock-haptic{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px}
.wojbruk-light-v61__dock-haptic>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(32,195,90,.44);border-radius:50%;color:var(--wojbruk-light-green)}
.wojbruk-light-v61__dock-haptic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.wojbruk-light-v61__dock-haptic strong{color:var(--wojbruk-light-green)}

/* While the contextual dock is active, the normal mobile CTA must not cover it. */
body.wojbruk-light-v61-dock-active #wojbruk-mobile-cta,
body.wojbruk-light-v61-dock-active .wojbruk-mobile-cta{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(calc(100% + 28px))!important;
}

@media(max-width:1100px){
  .wojbruk-light-v61__intro{grid-template-columns:1fr minmax(280px,.72fr);gap:32px}
  .wojbruk-light-v61__stage{height:min(56svh,590px);min-height:410px}
  .wojbruk-light-v61__dock-inner{grid-template-columns:minmax(250px,1fr) minmax(240px,.8fr) minmax(260px,1fr)}
  .wojbruk-light-v61__dock-guide,.wojbruk-light-v61__dock-switch,.wojbruk-light-v61__dock-haptic{padding:16px 18px}
  .wojbruk-light-v61__dock-guide{grid-template-columns:40px 30px minmax(0,1fr) 40px;gap:8px}
  .wojbruk-light-v61__arrow{width:40px;height:40px}
}

@media(max-width:820px){
  .wojbruk-light-v61{padding:34px 0 92px}
  .wojbruk-light-v61__shell{width:100%}
  .wojbruk-light-v61__intro{display:block;padding:0 18px;margin-bottom:20px}
  .wojbruk-light-v61__eyebrow{font-size:10px;margin-bottom:7px}
  .wojbruk-light-v61__intro h2{font-size:clamp(31px,8.7vw,44px);line-height:1.02;letter-spacing:-.04em}
  .wojbruk-light-v61__intro-copy{grid-template-columns:2px 1fr;gap:14px;margin-top:16px;padding:0}
  .wojbruk-light-v61__intro-copy i{min-height:42px;height:100%}
  .wojbruk-light-v61__intro-copy p{font-size:13px;line-height:1.55}
  .wojbruk-light-v61__stage{
    width:100%;height:min(46svh,410px);min-height:270px;border-left:0;border-right:0;box-shadow:0 22px 58px rgba(0,0,0,.42);
  }
  .wojbruk-light-v61__image img{object-position:50% 50%}
  .wojbruk-light-v61__state{top:12px;min-height:32px;padding:0 10px;font-size:8px;gap:6px}
  .wojbruk-light-v61__state svg{width:15px;height:15px}
  .wojbruk-light-v61__state--day{left:12px}.wojbruk-light-v61__state--night{right:12px}
  .wojbruk-light-v61__divider span{width:48px;height:48px;top:54%}.wojbruk-light-v61__divider svg{width:27px;height:27px}

  .wojbruk-light-v61__dock{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px)}
  .wojbruk-light-v61__dock-inner{
    min-height:116px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;
    border-color:rgba(255,255,255,.18);background:rgba(6,7,9,.95);border-radius:0;
  }
  .wojbruk-light-v61__dock-guide{grid-column:1;grid-row:1;grid-template-columns:34px 28px minmax(0,1fr) 34px;padding:12px 10px 7px;gap:7px}
  .wojbruk-light-v61__arrow{width:34px;height:34px}.wojbruk-light-v61__arrow svg{width:19px;height:19px}
  .wojbruk-light-v61__gesture svg{width:25px;height:25px}
  .wojbruk-light-v61__dock-guide strong{font-size:10px;margin-bottom:1px}.wojbruk-light-v61__dock-guide small{font-size:8px;line-height:1.25}
  .wojbruk-light-v61__dock-switch{grid-column:1;grid-row:2;border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:8px 10px 11px;text-align:left}
  .wojbruk-light-v61__dock-switch>small{margin:0 0 7px 1px;font-size:7px}
  .wojbruk-light-v61__switch-row{grid-template-columns:auto 106px auto;justify-content:start;gap:10px}
  .wojbruk-light-v61__switch{width:106px;height:42px}.wojbruk-light-v61__switch-knob{left:6px;top:6px;width:28px;height:28px;transform:translateX(calc(var(--wojbruk-switch-progress) * 66px))}
  .wojbruk-light-v61__switch-label{font-size:13px}
  .wojbruk-light-v61__dock-haptic{grid-column:2;grid-row:1/3;align-self:stretch;width:132px;padding:12px 10px;border-left:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
  .wojbruk-light-v61__dock-haptic>span{width:34px;height:34px}.wojbruk-light-v61__dock-haptic svg{width:21px;height:21px}
  .wojbruk-light-v61__dock-haptic strong{font-size:9px}.wojbruk-light-v61__dock-haptic small{font-size:7.5px;line-height:1.35}
}

@media(max-width:480px){
  .wojbruk-light-v61{padding-top:30px}
  .wojbruk-light-v61__intro{padding:0 15px}
  .wojbruk-light-v61__intro h2{font-size:clamp(29px,8.6vw,39px)}
  .wojbruk-light-v61__intro-copy p{font-size:12px}
  .wojbruk-light-v61__stage{height:min(43svh,350px);min-height:245px}
  .wojbruk-light-v61__image img{object-position:50% 50%}
  .wojbruk-light-v61__state span{display:none}.wojbruk-light-v61__state b{font-size:8px}
  .wojbruk-light-v61__dock-inner{grid-template-columns:minmax(0,1fr) 112px}
  .wojbruk-light-v61__dock-haptic{width:112px;padding:10px 8px}
  .wojbruk-light-v61__dock-guide{grid-template-columns:32px 24px minmax(0,1fr) 32px;padding-left:8px;padding-right:8px}
  .wojbruk-light-v61__arrow{width:32px;height:32px}
  .wojbruk-light-v61__dock-guide small{display:none}
  .wojbruk-light-v61__switch-row{grid-template-columns:auto 96px auto;gap:8px}
  .wojbruk-light-v61__switch{width:96px;height:40px}.wojbruk-light-v61__switch-knob{width:27px;height:27px;transform:translateX(calc(var(--wojbruk-switch-progress) * 57px))}
}

@media(prefers-reduced-motion:reduce){
  .wojbruk-light-v61__image--day,.wojbruk-light-v61__divider,.wojbruk-light-v61__dock,.wojbruk-light-v61__switch-knob{transition:none!important}
  .wojbruk-light-v61__arrow svg{animation:none!important}
}

/* === WOJBRUK Light Compare v6.4 — focus + dock UX patch === */
.wojbruk-light-v61{
  z-index:910;
}

/* Subtelny focus: reszta strony jest lekko przygaszona i zmiękczona,
   natomiast aktywna sekcja i header pozostają ostre. */
.wojbruk-light-v61-focus-overlay{
  position:fixed;
  inset:0;
  z-index:900;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:rgba(0,0,0,.075);
  -webkit-backdrop-filter:blur(1.6px) saturate(.97);
  backdrop-filter:blur(1.6px) saturate(.97);
  transition:opacity .32s ease,visibility 0s linear .32s;
}
.wojbruk-light-v61-focus-overlay.wojbruk-is-visible{
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}
body.wojbruk-light-v61-focus-active .wojbruk-header,
body.wojbruk-light-v61-focus-active #wojbruk-header{
  z-index:930!important;
}

/* Dock zawsze nad CTA i pozostałymi warstwami UI. */
.wojbruk-light-v61__dock{z-index:9800}

/* Usunięto przyciski-strzałki z dolnego docka: zostaje czytelna instrukcja. */
.wojbruk-light-v61__dock-guide{
  grid-template-columns:44px minmax(0,1fr);
  gap:15px;
}
.wojbruk-light-v61__dock-guide strong{font-size:12px}
.wojbruk-light-v61__dock-guide small{font-size:10px}

/* Sam uchwyt na fotografii subtelnie zachęca do przeciągnięcia. */
.wojbruk-light-v61:not(.wojbruk-user-interacted) .wojbruk-light-v61__divider span{
  animation:wojbrukLightHandleHint 2.25s cubic-bezier(.45,0,.2,1) infinite;
}
@keyframes wojbrukLightHandleHint{
  0%,100%{transform:translate(-50%,-50%) translateX(0)}
  25%{transform:translate(-50%,-50%) translateX(-4px)}
  50%{transform:translate(-50%,-50%) translateX(0)}
  75%{transform:translate(-50%,-50%) translateX(4px)}
}

@media(max-width:1100px){
  .wojbruk-light-v61__dock-guide{grid-template-columns:38px minmax(0,1fr);gap:11px}
}
@media(max-width:820px){
  .wojbruk-light-v61__dock{z-index:9800}
  .wojbruk-light-v61__dock-guide{
    grid-column:1;
    grid-row:1;
    grid-template-columns:30px minmax(0,1fr);
    padding:12px 11px 7px;
    gap:9px;
  }
  .wojbruk-light-v61__dock-guide strong{font-size:10px}
  .wojbruk-light-v61__dock-guide small{font-size:8px;line-height:1.3}
}
@media(max-width:480px){
  .wojbruk-light-v61__dock-guide{grid-template-columns:28px minmax(0,1fr);padding-left:9px;padding-right:9px}
  .wojbruk-light-v61__dock-guide small{display:block}
}
@media(prefers-reduced-motion:reduce){
  .wojbruk-light-v61__divider span{animation:none!important}
  .wojbruk-light-v61-focus-overlay{transition:none!important}
}

/* === WOJBRUK Light Compare v6.5 — dock exit timing === */
/* Na mobile CTA pozostaje ukryte także w kontrolowanej przerwie po zniknięciu
   docka; wraca dopiero, gdy sekcja Technologia dochodzi ~20px pod header. */
@media(max-width:820px){
  body.wojbruk-light-v61-cta-suppressed #wojbruk-mobile-cta,
  body.wojbruk-light-v61-cta-suppressed .wojbruk-mobile-cta{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 32px))!important;
  }
}


/* === WOJBRUK Light Compare v6.6 — blur timing + Hero typography + mobile control legibility === */
/* Tytuł dokładnie w skali zaakceptowanego nagłówka „Nasza oferta” / Hero. */
.wojbruk-light-v61__intro h2{
  font-size:clamp(40px,3.45vw,59px);
  line-height:1.035;
  font-weight:510;
  letter-spacing:-.038em;
}

/* Dodatkowa dłoń przy przełączniku: jasna wskazówka, że toggle można przesunąć. */
.wojbruk-light-v61__switch-gesture{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.88);
  pointer-events:none;
}
.wojbruk-light-v61__switch-gesture svg{
  width:27px;
  height:27px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wojbruk-light-v61:not(.wojbruk-user-interacted) .wojbruk-light-v61__switch-gesture{
  animation:wojbrukLightSwitchHand 1.85s cubic-bezier(.45,0,.2,1) infinite;
}
@keyframes wojbrukLightSwitchHand{
  0%,100%{transform:translateX(-2px);opacity:.72}
  50%{transform:translateX(5px);opacity:1}
}

/* Desktop row gains one compact gesture column without changing the switch itself. */
.wojbruk-light-v61__switch-row{
  grid-template-columns:30px auto 132px auto;
  gap:12px;
}

@media(max-width:820px){
  .wojbruk-light-v61__intro h2{
    font-size:clamp(31px,8.5vw,42px);
    line-height:1.025;
    font-weight:510;
    letter-spacing:-.038em;
  }

  /* Instrukcje w docku były zbyt drobne — zwiększona czytelność bez zwiększania wysokości panelu. */
  .wojbruk-light-v61__dock-guide strong{
    font-size:12px;
    line-height:1.2;
  }
  .wojbruk-light-v61__dock-guide small{
    display:block;
    font-size:10px;
    line-height:1.32;
  }
  .wojbruk-light-v61__dock-switch>small{
    margin-bottom:7px;
    font-size:9px;
    line-height:1.25;
    letter-spacing:.065em;
  }
  .wojbruk-light-v61__switch-row{
    grid-template-columns:27px auto 106px auto;
    justify-content:start;
    gap:8px;
  }
  .wojbruk-light-v61__switch-gesture{
    width:27px;
    height:27px;
  }
  .wojbruk-light-v61__switch-gesture svg{
    width:24px;
    height:24px;
  }
  .wojbruk-light-v61__switch-label{
    font-size:14px;
  }
  .wojbruk-light-v61__dock-haptic strong{
    font-size:11px;
    line-height:1.2;
  }
  .wojbruk-light-v61__dock-haptic small{
    display:block;
    font-size:9.5px;
    line-height:1.35;
  }
}

@media(max-width:480px){
  .wojbruk-light-v61__dock-guide strong{font-size:11.5px}
  .wojbruk-light-v61__dock-guide small{font-size:9.5px}
  .wojbruk-light-v61__dock-switch>small{font-size:8.5px}
  .wojbruk-light-v61__switch-row{
    grid-template-columns:25px auto 96px auto;
    gap:7px;
  }
  .wojbruk-light-v61__dock-haptic strong{font-size:10.5px}
  .wojbruk-light-v61__dock-haptic small{font-size:9px}
}

@media(max-width:390px){
  .wojbruk-light-v61__intro h2{font-size:clamp(30px,8.5vw,36px)}
}

@media(prefers-reduced-motion:reduce){
  .wojbruk-light-v61__switch-gesture{animation:none!important}
}