/* Layout frame for ordinary Colibri widgets. Content, media, colours and type
   remain in their native controls; no component renderer is replaced. */
body.nio-stock-page { background:#f6f5f1; max-width:1800px; margin-inline:auto; overflow-x:clip; overflow-y:visible; }
body.nio-stock-page #colibri { min-width:0; }
body.nio-stock-page .h-section[id] { scroll-margin-top:110px; }
body.nio-stock-page.admin-bar .h-section[id] { scroll-margin-top:142px; }
:is(.nio-stock-header,[data-colibri-id="441-c2"]) { position:sticky!important; top:0; z-index:20; border-bottom:1px solid #d7d6d2; }
.admin-bar :is(.nio-stock-header,[data-colibri-id="441-c2"]) { top:32px; }
:is(.nio-stock-header,[data-colibri-id="441-c2"]) > .h-section-grid-container > .h-row-container > .h-row { min-height:91px; }
:is(.nio-stock-header,[data-colibri-id="441-c2"]) .h-button-group { white-space:nowrap; }
:is(.nio-stock-products,[data-colibri-id="441-c17"]) .h-button-group { white-space:nowrap; }
:is(.nio-stock-hero-media,[data-colibri-id="441-c39"]) { position:relative; }
:is(.nio-stock-hero-caption,[data-colibri-id="441-c41"]) { position:absolute; bottom:0; left:0; right:0; z-index:2; background:#242328e6; }
[data-colibri-id="441-c36"] { max-width:550px; }
#colibri [data-colibri-id="441-c33"] a { color:inherit; }
:is(.nio-stock-hero-media,[data-colibri-id="441-c39"]) img { display:block; }
.nio-stock-menu-toggle { display:none; }
@media (min-width:1800px) {
  #colibri :is(.nio-stock-header,[data-colibri-id="441-c2"]),#colibri :is(.nio-stock-products,[data-colibri-id="441-c17"]),#colibri :is(.nio-stock-footer,[data-colibri-id="441-c133"]) { padding-left:80px; padding-right:80px; }
}
@media (max-width:1150px) and (min-width:768px) {
  :is(.nio-stock-header,[data-colibri-id="441-c2"]) .h-column-container:has(> :is(.nio-stock-descriptor,[data-colibri-id="441-c6"])) { display:none; }
  :is(.nio-stock-header,[data-colibri-id="441-c2"]) .h-column-container:has(> :is(.nio-stock-nav,[data-colibri-id="441-c8"])) { flex-basis:90%; max-width:90%; }
}
@media (max-width:767px) {
  body.nio-stock-page .h-section[id],body.nio-stock-page.admin-bar .h-section[id] { scroll-margin-top:24px; }
  :is(.nio-stock-header,[data-colibri-id="441-c2"]) { position:relative!important; }
  .admin-bar :is(.nio-stock-header,[data-colibri-id="441-c2"]) { top:0; }
  :is(.nio-stock-header,[data-colibri-id="441-c2"]) .h-column-container:has(> :is(.nio-stock-descriptor,[data-colibri-id="441-c6"])) { display:none; }
  :is(.nio-stock-header,[data-colibri-id="441-c2"]) .h-button-group { white-space:normal; }
  :is(.nio-stock-header,[data-colibri-id="441-c2"]) :is(.nio-stock-brand,[data-colibri-id="441-c4"]) { margin-bottom:10px; }
  :is(.nio-stock-products,[data-colibri-id="441-c17"]) { overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
  :is(.nio-stock-products,[data-colibri-id="441-c17"]) .h-row { flex-wrap:nowrap; min-width:720px; align-items:center; }
  #colibri :is(.nio-stock-products,[data-colibri-id="441-c17"]) .h-column-container { flex:0 0 auto; width:auto; max-width:none; }
  #colibri :is(.nio-stock-products,[data-colibri-id="441-c17"]) .h-column__inner { padding:0; }
  :is(.nio-stock-hero-caption,[data-colibri-id="441-c41"]) { position:static; }
  .nio-stock-menu-ready .h-column-container:has(> :is(.nio-stock-nav,[data-colibri-id="441-c8"])) { display:none; }
  .nio-stock-menu-ready.nio-stock-menu-open .h-column-container:has(> :is(.nio-stock-nav,[data-colibri-id="441-c8"])) { display:block; }
  .nio-stock-menu-ready :is(.nio-stock-nav,[data-colibri-id="441-c8"]) .h-x-container-inner { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; }
  .nio-stock-menu-ready :is(.nio-stock-nav,[data-colibri-id="441-c8"]) .h-button__outer { margin:0!important; }
  .nio-stock-menu-ready :is(.nio-stock-nav,[data-colibri-id="441-c8"]) .h-button__outer:nth-child(5) { grid-column:1/-1; }
  .nio-stock-menu-ready :is(.nio-stock-nav,[data-colibri-id="441-c8"]) a { padding:12px!important; }
  /* Native grid content has z-index:1 and its logo frame spans the row. */
  .nio-stock-menu-ready .nio-stock-menu-toggle { display:block; position:absolute; z-index:2; right:25px; top:20px; border:0; background:transparent; color:#202023; font:700 13px Manrope,Arial,sans-serif; padding:8px; }
  .nio-stock-menu-ready > .h-section-grid-container > .h-row-container > .h-row { min-height:50px; }
}