/* Retained spatial relationships around stock editable widgets. The PHP role
   aliases apply the same rules to persistent Colibri IDs in the editor. */
#colibri .nio-stock-home-production-media {
  position:relative; min-height:590px; overflow:hidden; background:#353337;
}
#colibri .nio-stock-home-production-photo,
#colibri .nio-stock-story-hero-photo {
  position:absolute; inset:0; width:100%; height:100%; margin:0;
}
#colibri .nio-stock-home-production-photo .h-image__frame-container-outer,
#colibri .nio-stock-home-production-photo .h-image__frame-container,
#colibri .nio-stock-story-hero-photo .h-image__frame-container-outer,
#colibri .nio-stock-story-hero-photo .h-image__frame-container {
  width:100%; height:100%;
}
#colibri .nio-stock-home-production-photo img,
#colibri .nio-stock-story-hero-photo img {
  display:block; width:100%; height:100%; max-height:none; object-fit:cover;
}
#colibri .nio-stock-home-screen-row {
  position:absolute; z-index:2; right:28px; bottom:64px;
  width:66%; max-width:540px; margin:0;
  border:1px solid #656169; box-shadow:0 12px 40px #0005;
}
#colibri .nio-stock-home-screen-inset { min-width:0; }
#colibri .nio-stock-home-plant-screen img {
  display:block; width:100%; height:auto; object-fit:contain;
}
#colibri .nio-stock-home-patriq-logo img {
  background:#f6f5f1; padding:7px 10px; box-sizing:content-box;
}
#colibri .nio-stock-patriq-logo img {
  background:#f6f5f1; padding:14px 20px; box-sizing:content-box;
}
#colibri .nio-stock-home-production-caption {
  position:absolute; z-index:3; left:0; right:0; bottom:0;
  padding:17px 24px; margin:0; background:#222126ed;
}
#colibri .nio-stock-home-production-caption p { margin:0; }
#colibri .nio-stock-home-hero-bottom {
  padding:21px 5.3%; border-top:1px solid #ffffff22;
}
#colibri .nio-stock-home-hero-bottom .h-column-container:last-child { text-align:right; }
#colibri .nio-stock-story-hero-media { position:relative; min-height:570px; overflow:hidden; }
#colibri .nio-stock-story-hero-caption {
  position:absolute; z-index:2; left:30px; right:30px; bottom:28px;
  background:#19191bcf; padding:15px; margin:0;
}
#colibri .nio-stock-story-hero-caption p { margin:0; }
#colibri .nio-stock-about-craft .h-image__frame-container { overflow:hidden; }
#colibri .nio-stock-about-craft img { display:block; width:100%; height:300px; object-fit:cover; }
#colibri .nio-stock-automation-explorer .h-image__frame-container img {
  display:block; width:100%; height:auto; max-height:500px; object-fit:contain;
}
#colibri .nio-stock-automation-tablist { border:1px solid #d0ced0; }
#colibri .nio-stock-automation-tablist .h-column-container { min-width:0; }
#colibri .nio-stock-automation-tablist .h-button-group { display:block; }
#colibri .nio-stock-automation-tablist a {
  display:block; padding:16px 14px; border:0; border-bottom:3px solid transparent;
  background:#eeede9; color:#202023; white-space:normal; width:100%;
}
#colibri .nio-stock-automation-tablist .h-column-container + .h-column-container { border-left:1px solid #d0ced0; }
#colibri .nio-stock-automation-tablist a[aria-selected=true] { background:#202023; color:#fff; border-bottom-color:#ce1689; }
#colibri .nio-stock-automation-tablist a:focus-visible { outline:2px solid #ce1689; outline-offset:-3px; }
@media (max-width:1000px) and (min-width:768px) {
  #colibri .nio-stock-automation-tablist > .h-row > .h-column-container { flex-basis:33.333%; max-width:33.333%; }
}
@media (max-width:767px) {
  #colibri .nio-stock-home-production-media { min-height:440px; padding:0; }
  #colibri .nio-stock-home-screen-row { right:20px; bottom:60px; width:68%; }
  #colibri .nio-stock-home-screen-inset { padding:8px; }
  #colibri .nio-stock-home-production-caption { padding:13px 20px; }
  #colibri .nio-stock-home-patriq-logo img { max-width:80px; }
  #colibri .nio-stock-patriq-logo img { max-width:170px; padding:12px 17px; }
  #colibri .nio-stock-home-hero-bottom { padding:17px 24px; }
  #colibri .nio-stock-home-hero-bottom .h-column__inner { padding-bottom:0; }
  #colibri .nio-stock-story-hero-media { min-height:380px; padding:0; }
  #colibri .nio-stock-story-hero-caption { left:20px; right:20px; bottom:20px; }
  #colibri .nio-stock-about-craft img { height:250px; }
  #colibri .nio-stock-automation-explorer .h-image__frame-container img { max-height:none; }
  #colibri .nio-stock-automation-tablist > .h-row > .h-column-container { flex-basis:50%; max-width:50%; }
  #colibri .nio-stock-automation-tablist .h-column__inner { padding:0; }
  #colibri .nio-stock-automation-tablist a { padding:12px; }
}