.system-detail header .meta-info{display:flex;flex-direction:row;align-items:center;gap:18px;margin-bottom:16px}.system-detail header .meta-info .code{align-self:center;font-size:var(--font-m-size);color:var(--color-text-label);letter-spacing:.56px}.system-detail .meta-navigation ul{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1260px){.system-detail .meta-navigation ul{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.system-detail .meta-navigation ul{grid-template-columns:1fr}}.system-detail .meta-navigation ul li a{width:100%}.catalog-detail-system{display:flex;flex-direction:row;position:relative}.catalog-detail-system.loaded .image{transition:margin .8s ease-in,opacity .2s ease}.catalog-detail-system.loaded .layer-images{transition:top .3s ease-out,height .8s ease-in}.catalog-detail-system .layer-images{position:sticky;flex:0 0 50%;max-width:600px;margin:0 auto;top:calc(var(--main-header--dynamic-height) + 30px);--offset-height: 0%}.catalog-detail-system .layer-images .image{position:relative;text-align:center}.catalog-detail-system .layer-images .image:not(:first-child):after{content:"";position:absolute;top:0;right:0;left:0;margin:0 auto;width:100%;max-width:600px;height:100%;background:var(--shadow-image-path) no-repeat center top/contain;-webkit-mask-image:var(--image-src);mask-image:var(--image-src)}.catalog-detail-system .layer-images .image:not(:last-child):before{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;color:#fff;background:var(--color-gray-500);font-size:var(--font-3xl-size);font-weight:600;transition:background-color ease-out .3s;content:attr(data-layer);position:absolute;top:calc(60% - 20px);left:calc(50% - 20px);cursor:pointer;z-index:100}.catalog-detail-system .layer-images .image:not(:last-child).active:before{background:var(--color-primary)}.catalog-detail-system .layer-images .image:not(:first-child){margin-top:calc(-12% - var(--offset-height))}.catalog-detail-system .layer-images .image[data-no-offset]{margin-bottom:calc(var(--element-height) * -1)}.catalog-detail-system .layer-images .image.active{margin-top:0!important;margin-bottom:0!important}.catalog-detail-system .layer-images .image[data-no-offset]:has(+.active){margin-bottom:0!important}.catalog-detail-system .layer-images .image.active+.image{margin-top:calc(-8% - var(--offset-height))}.catalog-detail-system .layer-images .image.active{animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translatey(6px)}}.catalog-detail-system .layer-descriptions{display:flex;flex-direction:column;flex:0 0 50%;width:100%;gap:18px}.catalog-detail-system .layer-descriptions .suggestion-label{margin-top:12px;color:var(--color-text-label)}.catalog-detail-system .layer-descriptions .layer-description{display:flex;scroll-margin:calc(var(--main-header--height) + 40px)}.catalog-detail-system .layer-descriptions .layer-description .layer-index{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;color:#fff;background:var(--color-gray-500);font-size:var(--font-3xl-size);font-weight:600;transition:background-color ease-out .3s}.catalog-detail-system .layer-descriptions .layer-description .body{flex-grow:1}.catalog-detail-system .layer-descriptions .layer-description .body .short-info{position:relative;padding:24px 64px 24px 24px;border:1px solid var(--color-gray-200);background:var(--color-gray-50);cursor:pointer;transition:box-shadow ease-out .3s}.catalog-detail-system .layer-descriptions .layer-description .body .short-info:hover{box-shadow:0 0 10px #00000029}.catalog-detail-system .layer-descriptions .layer-description .body .short-info .tags-list{margin-bottom:8px}.catalog-detail-system .layer-descriptions .layer-description .body .short-info:after{font-family:iconfont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";position:absolute;right:24px;bottom:24px;font-size:28px;transform:rotate(0);transition:transform .3s ease}.catalog-detail-system .layer-descriptions .layer-description .body .long-description .ce-bodytext{margin-top:8px;padding:24px;background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.catalog-detail-system .layer-descriptions .layer-description .body .long-description .ce-bodytext .description{margin-bottom:12px}.catalog-detail-system .layer-descriptions .layer-description .body .long-description .ce-bodytext .product-link{display:flex;align-items:center;font-weight:600;transition:color .3s ease}.catalog-detail-system .layer-descriptions .layer-description .body .long-description .ce-bodytext .product-link:not(:last-child){margin-bottom:12px}.catalog-detail-system .layer-descriptions .layer-description .body .long-description .ce-bodytext .product-link:after{font-family:iconfont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--color-primary);font-size:18px;margin-left:8px}.catalog-detail-system .layer-descriptions .layer-description .body .long-description .ce-bodytext .product-link:hover{color:var(--color-primary)}.catalog-detail-system .layer-descriptions .layer-description .expander{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}.catalog-detail-system .layer-descriptions .layer-description .expander .long-description{overflow:hidden}.catalog-detail-system .layer-descriptions .layer-description.active .layer-index{background:var(--color-primary)}.catalog-detail-system .layer-descriptions .layer-description.active .expander{grid-template-rows:1fr}.catalog-detail-system .layer-descriptions .layer-description.active .short-info:after{transform:rotate(180deg)}