/* Only classes created by stock-gallery.js are styled. The native model stays unchanged. */
#colibri .nio-stock-gallery .nio-stock-gallery-source[hidden] { display: none !important; }
#colibri .nio-stock-gallery { overflow: visible; }
#colibri .nio-stock-gallery-view { color: #fff; font-family: Manrope, Arial, sans-serif; }
#colibri .nio-stock-gallery-count { margin: 0 0 13px; text-align: right; color: #aaa5ad; font-size: 11px; font-variant-numeric: tabular-nums; }
#colibri .nio-stock-gallery-thumbs { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 9px; margin: 0 0 22px; }
#colibri .nio-stock-gallery-thumbs,
#colibri .nio-stock-gallery-count { width: calc((100% - 32px) * .6226415094); }
/* The vendor gallery adds clearfix pseudo-elements to every descendant div.
   Those become two empty grid cells unless removed from this presentation. */
#colibri .nio-stock-gallery-view::before,
#colibri .nio-stock-gallery-view::after,
#colibri .nio-stock-gallery-thumbs::before,
#colibri .nio-stock-gallery-thumbs::after,
#colibri .nio-stock-gallery-current::before,
#colibri .nio-stock-gallery-current::after,
#colibri .nio-stock-gallery-arrows::before,
#colibri .nio-stock-gallery-arrows::after { content:none; display:none; }
#colibri .nio-stock-gallery-thumb { display: block; min-width: 0; margin: 0; padding: 0; border: 1px solid #514c55; border-radius: 0; background: #2a282e; color: #ded9e0; font: inherit; text-align: left; cursor: pointer; }
#colibri .nio-stock-gallery-thumb img { display: block; width: 100%; height: 68px; margin: 0; padding: 0; border: 0; border-radius: 0; object-fit: contain; background: #e9e7e4; opacity: 1; filter: none; }
#colibri .nio-stock-gallery-thumb > span { display: block; padding: 8px 10px; font-size: 11px; line-height: 1.4; }
#colibri .nio-stock-gallery-thumb[aria-pressed="true"] { border-color: #ef48b3; box-shadow: 0 0 0 1px #ef48b3; }
#colibri .nio-stock-gallery-thumb:hover { border-color: #fff; }
#colibri .nio-stock-gallery-current { display: grid; grid-template-columns: 1.65fr 1fr; align-items: center; gap: 32px; margin: 0; }
#colibri .nio-stock-gallery-image { display: block; min-width: 0; width: 100%; margin: 0; padding: 0; border: 1px solid #5a555c; background: #efeeeb; cursor: zoom-in; }
#colibri .nio-stock-gallery-main { display: block; width: 100%; height: auto; max-height: 430px; aspect-ratio: 4 / 3; object-fit: contain; margin: 0; padding: 0; border: 0; border-radius: 0; background: #efeeeb; opacity: 1; filter: none; }
#colibri .nio-stock-gallery-caption { min-width: 0; margin: 0; padding: 0; color: inherit; }
#colibri .nio-stock-gallery-title { display: block; margin: 0; font-size: 24px; font-weight: 800; line-height: 1.25; color: #fff; }
#colibri p.nio-stock-gallery-description { max-width: 450px; margin: 7px 0 0; padding: 0; color: #bdb8c0; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.8; }
#colibri .nio-stock-gallery-arrows { display: flex; align-items: center; gap: 6px; margin-top: 24px; }
#colibri .nio-stock-gallery-arrows button { display: grid; place-items: center; width: 35px; height: 35px; margin: 0; padding: 0; border: 1px solid #8c858f; border-radius: 0; background: transparent; color: #fff; font: 20px/1 Manrope, Arial, sans-serif; cursor: pointer; }
#colibri .nio-stock-gallery-arrows button:hover:not(:disabled) { background: #ce1689; border-color: #ce1689; }
#colibri .nio-stock-gallery-arrows button:disabled { opacity: .4; cursor: default; }
#colibri .nio-stock-gallery-view button:focus-visible,
#colibri .nio-stock-gallery-view a:focus-visible { outline: 3px solid #ef48b3; outline-offset: 4px; }
#colibri .nio-stock-gallery-view [hidden] { display: none !important; }
#colibri .nio-stock-gallery-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
/* Colibri's PHP shortcode appends display:none regardless of the native toggle.
   Respect the toggle's generated class and keep captions editable/readable. */
#colibri .h-photo-gallery.caption-displayTrue .gallery-caption { display: block !important; }
@media (max-width: 1000px) {
  #colibri .nio-stock-gallery-current { grid-template-columns: 1.5fr 1fr; gap: 24px; }
  #colibri .nio-stock-gallery-thumbs,
  #colibri .nio-stock-gallery-count { width: calc((100% - 24px) * .6); }
}
@media (max-width: 760px) {
  #colibri .nio-stock-gallery-thumbs,
  #colibri .nio-stock-gallery-count { width: 100%; }
  #colibri .nio-stock-gallery-current { grid-template-columns: 1fr; gap: 20px; }
  #colibri .nio-stock-gallery-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  #colibri .nio-stock-gallery-thumb img { height: 65px; }
  #colibri .nio-stock-gallery-thumb > span { padding: 6px; font-size: 10px; }
  #colibri .nio-stock-gallery-main { max-height: 360px; }
  #colibri .nio-stock-gallery-title { font-size: 19px; }
  #colibri p.nio-stock-gallery-description { font-size: 13px; }
  #colibri .nio-stock-gallery-arrows { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #colibri .nio-stock-gallery-view *, #colibri .nio-stock-gallery-view *::before, #colibri .nio-stock-gallery-view *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}