/* Shared gallery navigation for ready-made project previews only. */
html[data-zs-project] {
  --zs-toolbar-height:calc(48px + env(safe-area-inset-top,0px));
  --zs-demo-bar-height:var(--zs-toolbar-height) !important;
  --bar:var(--zs-toolbar-height) !important;
  scroll-padding-top:calc(var(--zs-toolbar-height) + var(--zs-demo-nav-height,92px) + 16px);
}
html[data-zs-project] body { padding-top:var(--zs-toolbar-height) !important; }
html[data-zs-project] .zs-project-toolbar {
  position:fixed; inset:0 0 auto; z-index:100000; box-sizing:border-box;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; height:var(--zs-toolbar-height); min-height:0; margin:0;
  padding:env(safe-area-inset-top,0px) clamp(12px,2.5vw,36px) 0;
  background:#fff; color:#17324d; border:0; border-bottom:1px solid #dce2e8;
  border-radius:0; box-shadow:none; transform:none; backdrop-filter:none;
  font:600 14px/1.3 Arial,sans-serif; letter-spacing:normal; text-transform:none;
}
html[data-zs-project] .zs-project-toolbar a {
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  box-sizing:border-box; min-height:44px; margin:0; padding:8px 4px;
  color:#17324d; background:transparent; border:0; border-radius:0;
  box-shadow:none; font:inherit; letter-spacing:normal; text-transform:none;
  text-decoration:none; white-space:nowrap; transform:none;
}
html[data-zs-project] .zs-project-toolbar a:hover { text-decoration:underline; text-underline-offset:4px; }
html[data-zs-project] .zs-project-toolbar a:focus-visible { outline:2px solid #7440c8; outline-offset:0; }
html[data-zs-project]:not([data-zs-project="psycholog"]) body > :is(.site-header,.header,#navbar) { top:var(--zs-toolbar-height) !important; }
html[data-zs-project] :is(section,footer,main,header,details)[id] { scroll-margin-top:0; }
html[data-zs-project] :is(.skip,.skip-link):focus { top:calc(var(--zs-toolbar-height) + 8px); z-index:100001; transform:none; }
html[data-zs-project="psycholog"] { --zs-demo-nav-height:0px; }
html[data-zs-project="kosmetologia"] { --zs-demo-nav-height:94px; }
html[data-zs-project="krawcowa"] { --zs-demo-nav-height:90px; }
@media(max-width:850px) {
  html[data-zs-project="kosmetologia"] { --zs-demo-nav-height:80px; }
}
@media(max-width:700px) {
  html[data-zs-project="krawcowa"] { --zs-demo-nav-height:72px; }
}
@media(max-width:600px) {
  html[data-zs-project] .zs-project-toolbar { gap:8px; padding-right:12px; padding-left:12px; font-size:12px; }
  html[data-zs-project="kosmetologia"] { --zs-demo-nav-height:77px; }
}