.logo{padding:0!important}.logo>img{display:block;width:100%;height:auto;max-height:102px;object-fit:contain}.hero-media{position:relative}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .8s ease}.hero-slide.active{opacity:1;visibility:visible}.slide-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#fffffff0;color:var(--orange);font-size:28px;cursor:pointer;box-shadow:0 4px 18px #001e5d25}.slide-arrow.prev{left:16px}.slide-arrow.next{right:16px}.slide-dots{position:absolute;z-index:5;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:8px}.slide-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#d1d5dc;cursor:pointer}.slide-dots button.active{background:var(--orange)}.editor-mode .slide-arrow{display:grid;place-items:center}.editor-mode .slide-dots button{outline:1px solid #fff}.logo.editable-image:hover{outline:2px dashed var(--orange);outline-offset:4px}@media(max-width:620px){.logo>img{max-height:86px}.slide-arrow{width:36px;height:36px}.slide-arrow.prev{left:10px}.slide-arrow.next{right:10px}}

body[data-page="therapy"] .hero-slides{overflow:hidden;border-radius:inherit}
body[data-page="therapy"] .hero-slide{will-change:transform,opacity;transition:opacity .8s ease,transform 6.2s cubic-bezier(.22,.61,.36,1)}
body[data-page="therapy"] .hero-slide:nth-child(5n+1){transform-origin:45% 50%;transform:scale(1.11) translate3d(-1%,0,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+1).active{transform:scale(1.02) translate3d(0,0,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+2){transform-origin:68% 55%;transform:scale(1.02) translate3d(-1%,0,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+2).active{transform:scale(1.11) translate3d(1%,0,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+3){transform-origin:45% 55%;transform:scale(1.1) translate3d(0,1%,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+3).active{transform:scale(1.03) translate3d(0,-1%,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+4){transform-origin:62% 50%;transform:scale(1.03) translate3d(1%,0,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+4).active{transform:scale(1.11) translate3d(-1%,0,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+5){transform-origin:35% 48%;transform:scale(1.11) translate3d(0,-1%,0)}
body[data-page="therapy"] .hero-slide:nth-child(5n+5).active{transform:scale(1.03) translate3d(0,1%,0)}
@media(prefers-reduced-motion:reduce){
  body[data-page="therapy"] .hero-slide,
  body[data-page="therapy"] .hero-slide.active{transform:scale(1.04);transition:opacity .3s ease}
}

body[data-page="optometry"] .hero-slides{overflow:hidden;border-radius:inherit}
body[data-page="optometry"] .hero-slide{will-change:transform,opacity;transition:opacity .8s ease,transform 6s cubic-bezier(.22,.61,.36,1)}
body[data-page="optometry"] .hero-slide:nth-child(3n+1){transform-origin:48% 52%;transform:scale(1.1) translate3d(-1%,0,0)}
body[data-page="optometry"] .hero-slide:nth-child(3n+1).active{transform:scale(1.02) translate3d(0,0,0)}
body[data-page="optometry"] .hero-slide:nth-child(3n+2){transform-origin:66% 48%;transform:scale(1.02) translate3d(0,0,0)}
body[data-page="optometry"] .hero-slide:nth-child(3n+2).active{transform:scale(1.1) translate3d(1%,0,0)}
body[data-page="optometry"] .hero-slide:nth-child(3n+3){transform-origin:42% 55%;transform:scale(1.09) translate3d(0,1%,0)}
body[data-page="optometry"] .hero-slide:nth-child(3n+3).active{transform:scale(1.02) translate3d(0,-1%,0)}
@media(prefers-reduced-motion:reduce){
  body[data-page="optometry"] .hero-slide,
  body[data-page="optometry"] .hero-slide.active{transform:scale(1.04);transition:opacity .3s ease}
}

body[data-page="optics"] .hero-slides{overflow:hidden;border-radius:inherit}
body[data-page="optics"] .hero-video--reel-one{inset:3%;width:94%;height:94%;border-radius:14px;background:#101a29;box-shadow:0 10px 28px #001e5d32}
body[data-page="optics"] .hero-slide:not(.hero-video){will-change:transform,opacity;transition:opacity .8s ease,transform 6.4s cubic-bezier(.22,.61,.36,1)}
body[data-page="optics"] .hero-slide:nth-child(3n+1):not(.hero-video){transform-origin:42% 52%;transform:scale(1.1) translate3d(-1%,0,0)}
body[data-page="optics"] .hero-slide:nth-child(3n+1).active:not(.hero-video){transform:scale(1.02) translate3d(0,0,0)}
body[data-page="optics"] .hero-slide:nth-child(3n+2):not(.hero-video){transform-origin:66% 48%;transform:scale(1.02) translate3d(0,0,0)}
body[data-page="optics"] .hero-slide:nth-child(3n+2).active:not(.hero-video){transform:scale(1.1) translate3d(1%,0,0)}
body[data-page="optics"] .hero-slide:nth-child(3n+3):not(.hero-video){transform-origin:48% 58%;transform:scale(1.09) translate3d(0,1%,0)}
body[data-page="optics"] .hero-slide:nth-child(3n+3).active:not(.hero-video){transform:scale(1.02) translate3d(0,-1%,0)}
@media(prefers-reduced-motion:reduce){
  body[data-page="optics"] .hero-slide:not(.hero-video),
  body[data-page="optics"] .hero-slide.active:not(.hero-video){transform:scale(1.04);transition:opacity .3s ease}
}

/* Płynny, filmowy pokaz salonu — bez zatrzymań pomiędzy ujęciami. */
body[data-page="optics"] .hero-slide{
  transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),filter 1.15s ease;
}
body[data-page="optics"] .hero-video{
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:#101a29;
  box-shadow:none;
  will-change:transform,opacity,filter;
  transform:scale(1.035);
  filter:saturate(1.02);
  transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 6.2s cubic-bezier(.22,.61,.36,1),filter 1.15s ease;
}
body[data-page="optics"] .hero-video.active{
  transform:scale(1.005);
  filter:saturate(1.06);
}
body[data-page="optics"] .hero-video--reel-four{object-position:center 42%}
body[data-page="optics"] .hero-slide:not(.hero-video){
  transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 6.4s cubic-bezier(.22,.61,.36,1);
}
@media(prefers-reduced-motion:reduce){
  body[data-page="optics"] .hero-video,
  body[data-page="optics"] .hero-video.active{transform:none;transition:opacity .3s ease}
}