/* Shared Design Collection colour gallery + stable viewport lightbox. */
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-choice{display:none!important}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery{width:100%}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__item{appearance:none;-webkit-appearance:none;position:relative;min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:10px;border:1px solid #e0e5e9;border-radius:16px;background:#f8fafb;color:inherit;text-align:left;cursor:zoom-in;font:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__item:hover,body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__item:focus-visible{transform:translateY(-2px);border-color:#e9bdc1;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.08);outline:none}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__swatch{display:block;width:56px;height:56px;border-radius:13px;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__item.has-no-digital-swatch .bolix-system-color-gallery__swatch{background:repeating-linear-gradient(45deg,#fff 0 6px,#edf0f2 6px 12px)}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__text strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20242a;font-size:10.5px;line-height:1.2;font-weight:900}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__text small{color:#7c8590;font-size:8px;line-height:1.2;font-weight:750}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__text em{margin-top:3px;color:#e30613;font-size:7px;line-height:1;font-style:normal;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__zoom{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:#e30613;font-size:14px;font-weight:900;box-shadow:0 4px 12px rgba(15,23,42,.06)}

body.bolix-color-lightbox-open{overflow:hidden!important}
.bolix-system-color-lightbox[hidden]{display:none!important}
.bolix-system-color-lightbox{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:24px!important;transform:none!important;filter:none!important;perspective:none!important}
.bolix-system-color-lightbox__backdrop{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(12,15,20,.74)!important;backdrop-filter:blur(7px);cursor:zoom-out!important;box-shadow:none!important}
.bolix-system-color-lightbox__dialog{position:relative!important;z-index:2!important;width:min(920px,calc(100vw - 48px))!important;max-height:calc(100vh - 48px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important;transform:none!important}
.bolix-system-color-lightbox__close{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;right:14px!important;top:14px!important;left:auto!important;bottom:auto!important;z-index:8!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;background:rgba(255,255,255,.94)!important;color:#17191d!important;font:500 26px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 7px 20px rgba(0,0,0,.12)!important}
.bolix-system-color-lightbox__viewer{position:relative!important;flex:0 0 auto!important;height:clamp(360px,62vh,620px)!important;min-height:0!important;display:block!important;background:#e8ecef!important;overflow:hidden!important}
.bolix-system-color-lightbox__image-wrap{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#e8ecef!important}
.bolix-system-color-lightbox__image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important}
.bolix-system-color-lightbox__fallback{width:78%!important;max-width:620px!important;aspect-ratio:1.35!important;border-radius:22px!important;background:repeating-linear-gradient(45deg,#fff 0 10px,#e9edf0 10px 20px)!important}
.bolix-system-color-lightbox__nav{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;top:50%!important;z-index:7!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;color:#20242a!important;font:700 20px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(15,23,42,.16)!important;transform:translateY(-50%)!important;transition:color .15s ease,background .15s ease!important}
.bolix-system-color-lightbox__nav--prev{left:16px!important}
.bolix-system-color-lightbox__nav--next{right:16px!important}
.bolix-system-color-lightbox__nav:hover,.bolix-system-color-lightbox__nav:focus-visible{color:#e30613!important;background:#fff!important;outline:none!important}
.bolix-system-color-lightbox__info{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;gap:24px!important;align-items:end!important;padding:22px 26px 24px!important;background:#fff!important}
.bolix-system-color-lightbox__info>span{grid-column:1!important;margin:0 0 5px!important;color:#e30613!important;font-size:8px!important;font-weight:950!important;letter-spacing:.09em!important}
.bolix-system-color-lightbox__info h4{grid-column:1!important;margin:0!important;color:#17191d!important;font-size:28px!important;line-height:1.05!important;font-weight:900!important}
.bolix-system-color-lightbox__info p{grid-column:1!important;margin:5px 0 0!important;color:#59636e!important;font-size:12px!important;font-weight:800!important}
.bolix-system-color-lightbox__info small{grid-column:2!important;grid-row:1 / span 3!important;align-self:end!important;margin:0!important;padding:0 0 2px 20px!important;border-left:1px solid #eceff2!important;border-top:0!important;color:#858e98!important;font-size:9.5px!important;line-height:1.48!important}

@media(max-width:1180px){body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bolix-system-color-lightbox__dialog{width:min(820px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important}.bolix-system-color-lightbox__viewer{height:clamp(340px,58vh,560px)!important}.bolix-system-color-lightbox__info{grid-template-columns:1fr!important;gap:0!important}.bolix-system-color-lightbox__info>span,.bolix-system-color-lightbox__info h4,.bolix-system-color-lightbox__info p,.bolix-system-color-lightbox__info small{grid-column:1!important;grid-row:auto!important}.bolix-system-color-lightbox__info small{margin-top:14px!important;padding:14px 0 0!important;border-left:0!important;border-top:1px solid #eceff2!important}}
@media(max-width:700px){body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__item{grid-template-columns:48px minmax(0,1fr) 26px;padding:8px;border-radius:14px}body.bolix-child-site.bolix-facade-design-system-route .bolix-system-color-gallery__swatch{width:48px;height:48px;border-radius:11px}.bolix-system-color-lightbox{padding:0!important}.bolix-system-color-lightbox__dialog{width:100vw!important;height:100vh!important;max-height:100vh!important;border:0!important;border-radius:0!important}.bolix-system-color-lightbox__viewer{height:min(68vh,620px)!important}.bolix-system-color-lightbox__close{right:12px!important;top:12px!important}.bolix-system-color-lightbox__nav{width:40px!important;height:40px!important;border-radius:12px!important}.bolix-system-color-lightbox__nav--prev{left:10px!important}.bolix-system-color-lightbox__nav--next{right:10px!important}.bolix-system-color-lightbox__info{padding:18px 18px 22px!important}.bolix-system-color-lightbox__info h4{font-size:24px!important}}