.solutions-page .living-gallery{display:grid;grid-template-columns:3fr 2fr;grid-auto-rows:1px;column-gap:18px;row-gap:0;width:90%;max-width:100%;margin:42px auto 0;align-items:start}
.solutions-photo{min-width:0;margin:0;align-self:start}
.solutions-photo-button{display:block;width:100%;overflow:hidden;border-radius:8px;background:#f4f4f4;cursor:zoom-in}
.solutions-photo-button img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.22,1,.36,1);transform-origin:center}
.solutions-photo-button:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.solutions-photo-button:hover img{transform:scale(1.035)}}
.solutions-page .living-gallery[data-layout="row"]{grid-template-columns:var(--collage-columns);grid-auto-rows:auto;gap:18px;align-items:start}
.solutions-page .living-gallery[data-layout="single"]{display:block;width:min(36vw,460px)}
.solutions-lightbox.product-lightbox{position:fixed;inset:auto;left:var(--solution-left,12px);top:var(--solution-top,12px);width:var(--solution-frame-width,calc(100% - 24px));height:var(--solution-frame-height,calc(100dvh - 24px));max-width:none;max-height:none;margin:0;padding:0 var(--solution-gutter,58px);box-sizing:border-box;background:transparent;overflow:hidden;scrollbar-width:none}
.solutions-lightbox::-webkit-scrollbar{display:none}
.solutions-lightbox .product-lightbox-content{display:grid;grid-template-rows:var(--solution-stage-height,1fr) var(--solution-footer-height,72px);width:100%;height:100%;max-width:100%;margin:0;min-width:0;min-height:0}
.solutions-lightbox .product-lightbox-stage{min-width:0;min-height:0}
.solutions-lightbox .product-lightbox-media{display:grid;place-items:center;width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:transparent;touch-action:pan-y;overflow:hidden}
.solutions-photo-surface{position:relative;width:var(--solution-image-width,100%);height:var(--solution-image-height,100%);max-width:100%;max-height:100%;overflow:hidden;border-radius:8px;background:transparent}
.solutions-lightbox .solutions-enlarged-photo{display:block;width:100%;height:100%;object-fit:contain}
.solutions-lightbox .product-lightbox-close{right:calc((var(--solution-gutter,58px) + var(--solution-control-size,40px)) / -2);top:0;width:var(--solution-control-size,40px);height:var(--solution-control-size,40px)}
.solutions-lightbox .solutions-photo-arrow{position:absolute;z-index:1;top:50%;display:grid;place-items:center;width:var(--solution-control-size,40px);height:var(--solution-control-size,40px);padding:6px;border:0;border-radius:50%;background:#ffffffe8;box-shadow:0 1px 8px #0002;transform:translateY(-50%);transition:background .2s}
.solutions-lightbox .solutions-photo-prev{left:calc((var(--solution-gutter,58px) + var(--solution-control-size,40px)) / -2)}
.solutions-lightbox .solutions-photo-next{right:calc((var(--solution-gutter,58px) + var(--solution-control-size,40px)) / -2)}
.solutions-lightbox .solutions-photo-next svg{transform:rotate(180deg)}
.solutions-lightbox .solutions-photo-arrow svg{width:100%;height:100%}
.solutions-lightbox .solutions-photo-arrow:hover{background:#fff}
.solutions-lightbox .solutions-photo-arrow:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:3px}
.solutions-lightbox-footer{width:var(--solution-image-width,100%);max-width:100%;justify-self:center;min-width:0;min-height:0;padding:14px 0 0;box-sizing:border-box;color:#fff;container-type:inline-size}
.solutions-related{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;text-align:center}
.solutions-related>div{display:flex;min-width:0;align-items:stretch;justify-content:center}
.solutions-related-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;max-width:240px;min-height:44px;padding:10px 14px;box-sizing:border-box;border:1px solid var(--brand-yellow);border-radius:9px;background:var(--brand-yellow);font-size:17px;line-height:1.2;color:var(--ink);text-decoration:none;transition:transform .2s}
a.solutions-related-link>span{border:0}
@media(hover:hover){a.solutions-related-link:hover{transform:scale(1.025)}}
a.solutions-related-link:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:5px}
.solutions-related-link.is-unavailable{background:#ffffff12;border-color:#ffffff4d;color:#ffffffe0}
.solutions-related-link small{font-size:12px;line-height:1.2;color:#ffffffa6}
@container(max-width:260px){.solutions-related{gap:8px}.solutions-related-link{font-size:13px;padding:8px 6px}.solutions-related-link small{font-size:10px}}
@media(max-width:760px){
  .solutions-page .living-tabs{flex-wrap:wrap;gap:9px;margin-top:25px}
  .solutions-page .living-tabs .catalog-tab{font-size:21px;min-height:36px}
  .solutions-page .living-gallery,.solutions-page .living-gallery[data-layout="row"]{width:100%;grid-template-columns:1fr 1fr;grid-auto-rows:1px;column-gap:12px;row-gap:0;margin-top:28px}
  .solutions-page .living-gallery[data-layout="single"]{width:min(100%,360px)}
  .solutions-lightbox .solutions-photo-arrow{padding:5px}
  .solutions-related{gap:12px}
  .solutions-related-link{font-size:15px;padding:9px 8px}
  .solutions-related-link small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.solutions-photo-button img,.solutions-lightbox .solutions-photo-arrow{transition:none}}
