/* otrana:base */
.symbol-arrow-next,.symbol-arrow-prev{width:16px;height:14px}.symbol-catalog{width:19px;height:18px}.symbol-compare{width:17px;height:16px}.symbol-more{width:10px;height:10px}.symbol-search{width:16px;height:16px}@font-face{font-family:'Manrope';src:url(../assets/8187c986c5abd10c.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Manrope';src:url(../assets/40c128323a24cb2a.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Manrope';src:url(../assets/1ecaa2b65290150b.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Manrope';src:url(../assets/2f057e8977882128.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--page-scrollbar-width:16px;--scroll-lock-compensation:0px;--vh:1vh;--sw:var(--page-scrollbar-width);--content-max-width:1360px;--content-width:min(100% - 2 * var(--page-gutter), var(--content-max-width));--page-width:calc(100vw - var(--sw));--page-gutter:40px;--full-page-gutter:max((var(--page-width) - var(--content-max-width)) / 2, var(--page-gutter));--grid-gap:16px;--header-height:158px;--header-fixed-height:120px;--header-current-height:var(--header-height);--product-header-height:0px;--sticky-top:0px;--bottom-pane-height:58px;--br4:4px;--br8:8px;--br12:12px;--br16:16px;--br20:20px;--br24:24px;--fs11:11px;--lh11:15px;--fs12:12px;--lh12:17px;--lh12-sm:1.3;--lh12-xs:1.3;--fs13:13px;--lh13:1.4;--lh13-sm:1.2;--fs14:14px;--lh14:1.4;--lh14-sm:1.3;--lh14-lg:1.5;--fs16:16px;--lh16:1.4;--lh16-sm:1.3;--lh16-xs:1.1;--lh16-md:1.4;--lh16-lg:1.5;--fs18:18px;--lh18:1.4;--lh18-sm:1.2;--ls18:-0.01em;--fs20:20px;--lh20:1.5;--lh20-sm:1.2;--lh20-md:1.25;--ls20:-0.03em;--fs24:24px;--lh24:1.2;--lh24-lg:1.4;--ls24:-0.01em;--fs28:28px;--lh28:1.2;--lh28-sm:1.1;--ls28:-0.01em;--fs30:30px;--lh30:1.2;--lh30-lg:1.4;--ls30:-0.01em;--fs32:32px;--lh32:1.2;--lh32-sm:1.05;--ls32:-0.01em;--fs40:40px;--lh40:1.2;--lh40-xs:1.05;--ls40:-0.02em;--ls40-sm:-0.04em;--fs48:48px;--lh48:1.18;--ls48:-0.03em;--fs56:56px;--lh56:1;--ls56:-0.03em;--m4:4px;--m6:6px;--m8:8px;--m9:9px;--m10:10px;--m12:12px;--m14:14px;--m16:16px;--m18:18px;--m20:20px;--m24:24px;--m28:28px;--m30:30px;--m32:32px;--m40:40px;--m44:44px;--m48:48px;--m52:52px;--m56:56px;--m60:60px;--m64:64px;--m68:68px;--m80:80px;--m120:120px;--input-color:#242424;--input-placeholder-color:#ababab;--input-background-color:#f6f6f6;--input-border-color:#f6f6f6;--checkbox-background-color:#ededed;--input-hover-color:#242424;--input-hover-border-color:#ededed;--input-hover-background-color:#f6f6f6;--checkbox-hover-background-color:#fcc202;--input-focus-color:#242424;--input-focus-border-color:#ededed;--input-focus-background-color:#ededed;--input-height:44px;--input-padding-top:13px;--input-padding-bottom:var(--input-padding-top);--input-padding-left:16px;--input-padding-right:var(--input-padding-left);--input-border-width:1px;--input-font-weight:500;--input-font-size:var(--fs14);--input-line-height:18px;--input-font-family:'Manrope', Arial, sans-serif, -apple-system;--input-border-radius:12px}@media (max-width:1239px){:root{--fs24:23px}}@media (max-width:1023px){:root{--fs24:22px}}@media (max-width:767px){:root{--fs24:21px}}@media (max-width:479px){:root{--fs24:20px}}@media (max-width:1239px){:root{--fs28:26px}}@media (max-width:1023px){:root{--fs28:25px}}@media (max-width:767px){:root{--fs28:23px}}@media (max-width:479px){:root{--fs28:22px}}@media (max-width:1239px){:root{--fs30:27px}}@media (max-width:1023px){:root{--fs30:24px}}@media (max-width:767px){:root{--fs30:22px}}@media (max-width:479px){:root{--fs30:20px}}@media (max-width:1239px){:root{--fs32:30px}}@media (max-width:1023px){:root{--fs32:28px}}@media (max-width:767px){:root{--fs32:26px}}@media (max-width:479px){:root{--fs32:24px}}@media (max-width:1239px){:root{--fs40:38px}}@media (max-width:1023px){:root{--fs40:36px}}@media (max-width:767px){:root{--fs40:34px}}@media (max-width:479px){:root{--fs40:33px}}@media (max-width:1239px){:root{--fs48:44px}}@media (max-width:1023px){:root{--fs48:40px}}@media (max-width:767px){:root{--fs48:36px}}@media (max-width:479px){:root{--fs48:33px}}@media (max-width:1239px){:root{--fs56:45px}}@media (max-width:1023px){:root{--fs56:37px}}@media (max-width:767px){:root{--fs56:30px}}@media (max-width:479px){:root{--fs56:24px}}@media (max-width:1239px){:root{--m24:23px}}@media (max-width:1023px){:root{--m24:22px}}@media (max-width:767px){:root{--m24:21px}}@media (max-width:479px){:root{--m24:20px}}@media (max-width:1239px){:root{--m28:27px}}@media (max-width:1023px){:root{--m28:26px}}@media (max-width:767px){:root{--m28:25px}}@media (max-width:479px){:root{--m28:24px}}@media (max-width:1239px){:root{--m30:29px}}@media (max-width:1023px){:root{--m30:28px}}@media (max-width:767px){:root{--m30:27px}}@media (max-width:479px){:root{--m30:25px}}@media (max-width:1239px){:root{--m32:31px}}@media (max-width:1023px){:root{--m32:29px}}@media (max-width:767px){:root{--m32:28px}}@media (max-width:479px){:root{--m32:27px}}@media (max-width:1239px){:root{--m40:36px}}@media (max-width:1023px){:root{--m40:32px}}@media (max-width:767px){:root{--m40:29px}}@media (max-width:479px){:root{--m40:26px}}@media (max-width:1239px){:root{--m44:40px}}@media (max-width:1023px){:root{--m44:36px}}@media (max-width:767px){:root{--m44:32px}}@media (max-width:479px){:root{--m44:29px}}@media (max-width:1239px){:root{--m48:43px}}@media (max-width:1023px){:root{--m48:39px}}@media (max-width:767px){:root{--m48:35px}}@media (max-width:479px){:root{--m48:31px}}@media (max-width:1239px){:root{--m52:44px}}@media (max-width:1023px){:root{--m52:37px}}@media (max-width:767px){:root{--m52:31px}}@media (max-width:479px){:root{--m52:26px}}@media (max-width:1239px){:root{--m56:47px}}@media (max-width:1023px){:root{--m56:40px}}@media (max-width:767px){:root{--m56:33px}}@media (max-width:479px){:root{--m56:28px}}@media (max-width:1239px){:root{--m60:50px}}@media (max-width:1023px){:root{--m60:42px}}@media (max-width:767px){:root{--m60:36px}}@media (max-width:479px){:root{--m60:30px}}@media (max-width:1239px){:root{--m64:54px}}@media (max-width:1023px){:root{--m64:45px}}@media (max-width:767px){:root{--m64:38px}}@media (max-width:479px){:root{--m64:32px}}@media (max-width:1239px){:root{--m68:57px}}@media (max-width:1023px){:root{--m68:48px}}@media (max-width:767px){:root{--m68:40px}}@media (max-width:479px){:root{--m68:34px}}@media (max-width:1239px){:root{--m80:67px}}@media (max-width:1023px){:root{--m80:56px}}@media (max-width:767px){:root{--m80:47px}}@media (max-width:479px){:root{--m80:40px}}@media (max-width:1239px){:root{--m120:101px}}@media (max-width:1023px){:root{--m120:85px}}@media (max-width:767px){:root{--m120:71px}}@media (max-width:479px){:root{--m120:60px}}@media (max-width:1023px){:root{--header-height:92px;--header-fixed-height:60px}}@media (max-width:1239px){:root{--page-gutter:var(--m24)}}@media (max-width:1023px){:root{--input-font-size:16px}}@media (max-width:767px){:root{--page-gutter:var(--m16);--grid-gap:var(--m12);--lh24:1.4}}body,html{--scrollbar-size:var(--page-scrollbar-width)!important;--scrollbar-size-ff:auto!important}html{height:100%;min-height:100vh;overscroll-behavior:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{--scrollbar-size-ff:normal;display:flex;flex-direction:column;margin:0;padding:0;min-height:calc(100*var(--vh));min-width:360px;width:calc(100% - var(--scroll-lock-compensation, 0px));background:var(--page-bg-color, #fff);color:#242424;font:400 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}body ::selection{background-color:rgba(252,194,2,.1)}.content-container{box-sizing:border-box;margin:0 auto;width:var(--content-width)}.mt-0{margin-top:0!important}.d-block{display:block!important}.h1,.text-content h1{font:600 var(--fs40)/var(--lh40) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls40);color:#000;margin:0}.h1:not(:first-child),.text-content h1:not(:first-child){margin-top:var(--m40)}.h1:not(:last-child),.text-content h1:not(:last-child){margin-bottom:var(--m12)}.h2,.text-content h2{font:600 var(--fs28)/var(--lh28) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls28);margin:0}.h2:not(:first-child),.text-content h2:not(:first-child),.text-content>img:not(:first-child),.text-content>picture:not(:first-child){margin-top:var(--m40)}.h2:not(:last-child),.text-content h2:not(:last-child){margin-bottom:var(--h2-margin, var(--m12))}.h3,.text-content h3{font:600 var(--fs20)/var(--lh20) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls20);margin:0}.h3:not(:first-child),.text-content h3:not(:first-child){margin-top:var(--h3-margin-top, var(--m20))}.h3:not(:last-child),.text-content h3:not(:last-child){margin-bottom:var(--h3-margin, var(--m12))}.text-content ul,.ul{margin:0;padding:0;list-style:none;font:400 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.text-content ul>li,.ul>li{position:relative;padding-left:var(--ul-padding-left, 26px)}.text-content ul>li:not(:last-child),.ul>li:not(:last-child){margin-bottom:var(--ul-margin, 3px)}.text-content ul>li:before,.ul>li:before{content:'';position:absolute;width:var(--ul-marker-size, 4px);height:var(--ul-marker-size, 4px);top:.6em;left:calc(var(--ul-padding-left, 26px)/2 - var(--ul-marker-size, 3px)/2);background:var(--ul-marker-color, #242424);border-radius:100%}.text-content{font:400 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.text-content p{margin:0}.text-content p:not(:first-child),.text-content ul:not(:first-child){margin-top:var(--m12)}.text-content p:not(:last-child){margin-bottom:var(--p-margin, var(--m24))}.text-content ul:not(:last-child){margin-bottom:var(--m24)}.text-content a:not([class]){text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:all;transition-duration:.2s;transition-timing-function:ease;color:#fcc202}@media (pointer:coarse){.text-content a:not([class]):active{color:#242424}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.text-content a:not([class]):hover{color:#242424}.text-content a:not([class]):active{opacity:.6}.text-content a:not([class]):focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.text-content img,.text-content picture{display:block;max-width:100%;height:auto;margin:0;object-fit:contain;width:auto;border-radius:var(--br20)}.text-content>img:not(:last-child),.text-content>picture:not(:last-child){margin-bottom:var(--m40)}.text-content b,.text-content strong{font-weight:600;color:#242424}.btn{--btn-bg-color:#242424;--btn-border-color:#242424;--btn-color:#fff;--btn-hover-bg-color:#313131;--btn-hover-border-color:#313131;--btn-hover-color:#fff;--btn-active-bg-color:#171717;--btn-active-border-color:#171717;--btn-active-color:#fff;--btn-border-width:1px;--btn-height:47px;--btn-icon-gap:8px;--btn-padding:24px;--btn-border-radius:12px;color:currentColor;text-decoration:none;outline:0!important;-webkit-text-decoration-skip:objects;padding:0;border:0;background-color:transparent;line-height:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit;letter-spacing:inherit;transition-property:opacity,color,border-color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:ease;margin:0;display:inline-flex;align-items:center;justify-content:center;align-content:center;box-sizing:border-box;gap:var(--btn-icon-gap);background:var(--btn-bg-color);border:var(--btn-border-width) solid var(--btn-border-color);border-radius:var(--btn-border-radius);color:var(--btn-color);height:var(--btn-height);padding:0 var(--btn-padding);font:600 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system;text-align:center;white-space:nowrap;user-select:none}.btn,.btn svg{flex-shrink:0}@media (pointer:coarse){.btn:active{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.btn:hover{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}.btn:active{color:var(--btn-active-color);border-color:var(--btn-active-border-color);background-color:var(--btn-active-bg-color)}.btn:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.btn,.btn__icon{position:relative}.btn__icon img,.btn__icon picture{display:block}.btn__text{flex:1;text-align:left}.btn:disabled{pointer-events:none;opacity:.3}.btn--orange,.btn--orange-light{--btn-color:#fff;--btn-hover-color:#fff;--btn-active-color:#fff}.btn--orange{--btn-bg-color:#fcc202;--btn-border-color:#fcc202;--btn-hover-bg-color:#ffd332;--btn-hover-border-color:#ffd332;--btn-active-bg-color:#c49302;--btn-active-border-color:#c49302}.btn--orange-light{--btn-bg-color:#ffd332;--btn-border-color:#ffd332;--btn-hover-bg-color:#ffb55d;--btn-hover-border-color:#ffb55d;--btn-active-bg-color:#f68600;--btn-active-border-color:#f68600}.btn--grey-light{--btn-color:#242424;--btn-hover-bg-color:#ddd;--btn-hover-border-color:#ddd;--btn-hover-color:#242424;--btn-active-bg-color:#d4d4d4;--btn-active-border-color:#d4d4d4;--btn-active-color:#242424}.btn--grey-light{--btn-bg-color:#f6f6f6;--btn-border-color:#f6f6f6}.btn--white-with-border{--btn-bg-color:#fff;--btn-color:#242424;--btn-hover-bg-color:#ddd;--btn-hover-border-color:#ddd;--btn-hover-color:#242424;--btn-active-bg-color:#d4d4d4;--btn-active-border-color:#d4d4d4;--btn-active-color:#242424}.btn--white-with-border{--btn-border-color:#ddd}.btn--black-light{--btn-color:#fff;--btn-hover-color:#fff;--btn-active-color:#fff}.btn--black-light{--btn-bg-color:#4f4f4f;--btn-border-color:#4f4f4f;--btn-hover-bg-color:#696969;--btn-hover-border-color:#696969;--btn-active-bg-color:#363636;--btn-active-border-color:#363636}.btn--catalog{--btn-height:40px;font:600 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}.btn--catalog{--btn-padding:17px;letter-spacing:-.02em}.btn--header-sm{--btn-height:34px;font:500 var(--fs14)/var(--lh14-sm) 'Manrope',Arial,sans-serif,-apple-system}.btn--header-sm{--btn-padding:16px}.btn--menu{width:40px;height:40px;padding:0}.btn--socials{width:var(--socials-btn-size, 44px);height:var(--socials-btn-size, 44px);padding:0;border-radius:50%}.btn--socials img,.btn--socials picture,.btn--socials svg{max-width:22px;max-height:22px}.btn--more,.btn--more-mobile-sm{width:40px;height:40px;padding:0;border-radius:50%}@media (max-width:767px){.btn--more-mobile-sm{background:0 0!important;border:0!important;border-radius:0;width:16px;height:16px}.btn--more-mobile-sm svg{width:10px;height:10px}}.custom-scrollbar,body,html{--scrollbar-track-color:#fff;--scrollbar-thumb-color:#242424;--scrollbar-size:4px;--scrollbar-size-ff:thin;--scrollbar-gap:0px;-webkit-overflow-scrolling:touch;scrollbar-width:var(--scrollbar-size-ff);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.custom-scrollbar::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{width:calc(var(--scrollbar-size) + 2*var(--scrollbar-gap));height:calc(var(--scrollbar-size) + 2*var(--scrollbar-gap));cursor:default}.custom-scrollbar::-webkit-scrollbar-button,body::-webkit-scrollbar-button,html::-webkit-scrollbar-button{width:0;height:0}.custom-scrollbar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border:var(--scrollbar-gap) solid var(--scrollbar-track-color);background-clip:padding-box;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb:active,.custom-scrollbar::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb:active,html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-color)}.custom-scrollbar::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{border:0}.custom-scrollbar::-webkit-scrollbar-track,.custom-scrollbar::-webkit-scrollbar-track:active,.custom-scrollbar::-webkit-scrollbar-track:hover,body::-webkit-scrollbar-track,body::-webkit-scrollbar-track:active,body::-webkit-scrollbar-track:hover,html::-webkit-scrollbar-track,html::-webkit-scrollbar-track:active,html::-webkit-scrollbar-track:hover{background:var(--scrollbar-track-color)}.custom-scrollbar::-webkit-scrollbar-track-piece,body::-webkit-scrollbar-track-piece,html::-webkit-scrollbar-track-piece{background:var(--scrollbar-track-color)}.custom-scrollbar::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{background:0 0}.custom-scrollbar--hidden{--scrollbar-track-color:transparent;--scrollbar-thumb-color:transparent;--scrollbar-size:0;----scrollbar-size-ff:none;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;scrollbar-color:transparent transparent;scroll-behavior:smooth}.custom-scrollbar--hidden::-webkit-scrollbar{width:0;height:0;display:none}.link{--link-color:currentColor;--link-icon-color:var(--link-color);--link-border-color:transparent;--link-img-filter:none;--link-hover-color:#fcc202;--link-hover-icon-color:currentColor;--link-hover-border-color:currentColor;--link-hover-img-filter:invert(58%) sepia(63%) saturate(574%) hue-rotate(351deg) brightness(96%) contrast(101%);--link-selected-color:#fcc202;--link-selected-icon-color:currentColor;--link-selected-border-color:currentColor;--link-selected-img-filter:invert(58%) sepia(63%) saturate(574%) hue-rotate(351deg) brightness(96%) contrast(101%);--link-border-width:0px;--link-border-style:solid;--link-gap:4px;padding:0;border:0;line-height:inherit;text-align:inherit;font:inherit;letter-spacing:inherit;color:var(--link-color);text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:all;transition-duration:.2s;transition-timing-function:ease;cursor:pointer;border-bottom:var(--link-border-width) var(--link-border-style) var(--link-border-color)}@media (pointer:coarse){.link:active{color:var(--link-hover-color)}.link:active .link__icon{color:var(--link-hover-icon-color)}.link:active .link__icon img{filter:var(--link-hover-img-filter)}.link:active.link--hover-uline-animated{background-size:100% 1px}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.link:hover{color:var(--link-hover-color)}.link:hover .link__icon{color:var(--link-hover-icon-color)}.link:hover .link__icon img{filter:var(--link-hover-img-filter)}.link:hover.link--hover-uline-animated{background-size:100% 1px}.link:active{opacity:.6}.link:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.link[data-popup] *{pointer-events:none}.link__icon{position:relative;flex-shrink:0;display:flex;align-items:center;align-content:center;justify-content:center;color:var(--link-icon-color)}.link__icon:not(svg){width:var(--link-icon-size, auto);height:var(--link-icon-size, auto)}.link__icon img{transition-property:filter;transition-duration:.2s;transition-timing-function:ease;filter:var(--link-img-filter)}.link--tool .link__icon svg{max-width:100%;max-height:100%}.link__text{transition-property:border-bottom-color;transition-duration:.2s;transition-timing-function:ease;z-index:2;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis}.link__text{position:relative}.link--with-icon{display:inline-flex;gap:var(--link-gap);align-items:center;justify-content:flex-start;max-width:100%}.link--with-icon .link__text{border-bottom-style:inherit;border-bottom-color:inherit;background-size:inherit;background-repeat:inherit;background-position:inherit}.link--with-icon{border-width:0!important;background-image:none!important}.link--with-icon .link__text{transition-property:border-bottom-color;transition-duration:.2s;transition-timing-function:ease;border-width:var(--link-border-width)}.link--with-icon .link>.link__text,.link--with-icon>.link__text{white-space:nowrap}.link--hover-uline-animated{position:relative;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom}@media (pointer:coarse){.link--hover-uline-animated:active{background-size:0 1px}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.link--hover-uline-animated:hover{background-size:0 1px}}.link--hover-uline-animated:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0}.link--hover-uline-animated .link__text{background-image:linear-gradient(currentColor,currentColor);background-size:inherit}.link--hover-uline-animated{background-size:0 1px}.link--accentuation{pointer-events:all;color:var(--link-selected-color)}.link:disabled{opacity:.3;pointer-events:none}.link--orange{--link-color:#fcc202;--link-hover-color:#ffd332;--link-selected-color:#ffd332;--link-img-filter:invert(58%) sepia(63%) saturate(574%) hue-rotate(351deg) brightness(96%) contrast(101%)}.link--grey{--link-color:#dddddd;--link-selected-color:#242424}.link--tool{display:flex;flex-direction:column;align-items:center;gap:4px;font:500 var(--fs12)/var(--lh12) 'Manrope',Arial,sans-serif,-apple-system}.link--tool .link__icon{width:20px;height:20px;display:flex;align-items:center;align-content:center;justify-content:center}@media (max-width:767px){.link--tool{row-gap:0}.link--tool .link__icon{width:21px;height:21px}.link--tool .link__icon svg{width:100%;height:100%}}.link--logo{position:relative}.link--logo:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.926829268292683*100%,9999999px)}.link--logo svg{width:100%;height:100%;position:absolute;top:0;left:0}.link--arrow{width:24px;height:24px;display:flex;align-items:center;align-content:center;justify-content:center}.link--bold{font-weight:700}.menu-icon,.menu-icon i{width:var(--menu-icon-width);display:block}.menu-icon{--menu-icon-width:16px;--menu-icon-height:12px;--menu-icon-line-width:2px;color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;height:var(--menu-icon-height);position:relative;z-index:2;transform:translateZ(0)}.menu-icon i{height:var(--menu-icon-line-width);transition-property:transform;transition-duration:.2s;transition-timing-function:ease;position:absolute;top:calc(50% - var(--menu-icon-line-width)/2);left:0;background:currentColor;will-change:transform}.menu-icon i:nth-child(1){transform:translateY(calc(-.5*var(--menu-icon-height)))}.menu-icon i:nth-child(3){transform:translateY(calc(.5*var(--menu-icon-height)))}.symbol{transition-property:transform;transition-duration:.2s;transition-timing-function:ease}.symbol{display:block;fill:currentColor}.autocomplete{position:relative}.input-wrap__input{position:relative}.input{-webkit-appearance:none;-moz-appearance:none;outline:0!important;resize:none;box-shadow:none;font-family:'Manrope',Arial,sans-serif,-apple-system;background:0 0;border:0;padding:0;margin:0;-webkit-tap-highlight-color:transparent;appearance:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease;width:100%;height:var(--input-height);display:block;position:relative;padding:var(--input-padding-top) calc(var(--input-padding-right) + var(--input-after-label-width, 0px)) var(--input-padding-bottom) calc(var(--input-padding-left) + var(--input-before-label-width, 0px));color:var(--input-color);font:var(--input-font-weight) var(--input-font-size)/var(--input-line-height) var(--input-font-family);border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;background-color:var(--input-background-color)}.input:focus{outline:0;box-shadow:none}.input::-ms-clear,.input::-ms-reveal{display:none}.input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input:hover{background-color:var(--input-hover-background-color);border-color:var(--input-hover-border-color);color:var(--input-hover-color)}.input:focus{background-color:var(--input-focus-background-color);border-color:var(--input-focus-border-color);color:var(--input-focus-color)}.input:disabled{pointer-events:none;opacity:.4}.input::placeholder{color:var(--input-placeholder-color)}.header-menu{display:flex;flex-direction:column;box-sizing:border-box;background:#fff;padding:var(--m8) var(--full-page-gutter);font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system;overflow-y:auto}.header-menu__section{border-top:1px solid #e8e8e8;padding:var(--m16) 0}.header-menu__contacts{grid-template-columns:repeat(2,calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));display:grid;grid-column-gap:var(--grid-gap);grid-row-gap:var(--m16);align-items:center}.header-menu__btn{width:100%}.header-menu__btn:not(:last-child){margin-bottom:var(--m8)}.header-menu__footer{margin-top:auto}.header-nav{display:flex;gap:var(--m20);white-space:nowrap}.header-nav--secondary{color:#838383}@media (max-width:479px){.header-nav{gap:34px}}.header-nav__drop-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.header-nav__drop-wrap:hover>.link{background:#ffd332}.header-nav__drop-wrap>.link{transition-property:background-color;transition-duration:.2s;transition-timing-function:ease;display:inline-flex;align-items:center;padding:4px 11px;border-radius:var(--br8);background:#fcc202;color:#fff!important;font-weight:600;pointer-events:none}@media (max-width:1023px){.header-nav__drop-wrap>.link{pointer-events:auto}}.header-nav__drop-wrap>.link .link__text{color:#fff!important;background-image:none!important;background-size:0!important}.header-nav__drop-wrap>.link .link__icon{color:#fff;margin-right:7px;width:14px;height:14px}.header-nav__drop-wrap>.link .link__icon svg{display:block;width:100%;height:100%}.header__nav:has(.header-nav__drop-wrap:hover){overflow:visible}.header-nav-drop{position:absolute;top:100%;left:0;z-index:30;min-width:210px;margin-top:8px;padding:5px;background:#fff;border:1px solid #e8e8e8;border-radius:var(--br8);box-shadow:0 12px 32px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.header-nav__drop-wrap:hover .header-nav-drop{opacity:1;visibility:visible;transform:translateY(0)}.header-nav-drop::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:12px}.header-nav-drop__item{display:block;padding:7px 10px;border-radius:var(--br4);color:#242424;font-size:var(--fs13);line-height:1.25;white-space:normal;text-decoration:none}.header-nav-drop__item:hover{background:#f6f6f6;text-decoration:none}@media (max-width:1023px){.header-nav-drop{display:none}}.header-phone{display:flex;gap:var(--m10);align-items:center}.header-phone__label{color:#838383;font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}.header-phone__number{font:500 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system;white-space:nowrap}@media (max-width:1239px){.header-phone{gap:0;align-items:flex-start;flex-direction:column}.header-phone__label{font:500 var(--fs12)/var(--lh12) 'Manrope',Arial,sans-serif,-apple-system}.header-phone__number{font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}}.menu-nav__item:not(:last-child){margin-bottom:var(--m16)}.header,.header__content{width:100%;height:var(--header-height);position:relative}.header{z-index:101;font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}.header__content{transition-property:height,border-bottom-color,box-shadow;transition-duration:.2s;transition-timing-function:ease;display:flex;box-sizing:border-box;background-color:#fff;border-bottom:1px solid transparent}.header__content-container{display:grid;grid-template-rows:max-content 1fr;grid-template-areas:'top' 'main'}.header__top{display:flex;align-items:center}.header__top{-ms-grid-row:1;-ms-grid-column:1;grid-area:top;align-content:center;gap:var(--m24);padding:15px 0}.header__city{position:relative;z-index:10;margin:calc(-1*var(--m16)) calc(-1*(var(--m16) + var(--m12)))}.header__top-divider{flex-shrink:0;width:1px;height:16px;background:#e8e8e8}.header__main{-ms-grid-row:2;-ms-grid-column:1;transition-property:gap;transition-duration:.2s;transition-timing-function:ease;grid-area:main;display:grid;gap:2px 32px;grid-template-columns:max-content 1fr max-content;grid-template-rows:max-content 1fr;grid-template-areas:'logo catalog-search tools' 'logo nav nav';align-items:center;align-self:start}.footer>.header__logo,.header__logo{-ms-grid-row:1;-ms-grid-column:1}.header__logo{-ms-grid-row-span:3;transition-property:width;transition-duration:.2s;transition-timing-function:ease;grid-area:logo;width:82px;align-self:flex-start;padding-top:6px}.footer>.header__logo{-ms-grid-row-span:1}.header__logo img{max-height:100%;max-width:100%;position:absolute;top:0;left:0}.header__catalog-search{-ms-grid-row:1;-ms-grid-column:3;grid-area:catalog-search;display:flex;gap:var(--m8);align-items:center}.header__search{flex:1}.header__tools{-ms-grid-row:1;-ms-grid-column:5;grid-area:tools;display:flex;gap:var(--m16);align-items:center}.footer>.header__nav,.header__nav{-ms-grid-row:3;-ms-grid-column-span:3}.header__nav{-ms-grid-column:3;transition-property:all;transition-duration:.2s;transition-timing-function:ease;grid-area:nav;display:flex;gap:var(--m24);align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;height:50px}.footer>.header__nav{-ms-grid-column:1}.header__nav-item,.header__secondary-nav{flex-shrink:0}.header__ask{white-space:nowrap;margin-left:auto}.header__menu-wrap{grid-area:menu}.header__catalog-menu,.header__menu{width:100%;height:calc(100*var(--vh) - var(--header-height) - 1px);position:absolute;top:100%;left:0}.header__catalog-menu{height:calc(100*var(--vh) - var(--header-height));padding:var(--m20) var(--full-page-gutter);box-sizing:border-box;background:#fff}.header--fixed .header__content{position:fixed;top:0;left:0;width:calc(100% - var(--scroll-lock-compensation, 0px))}.header--fixed:not(.header--menu-open,.header--catalog-menu-open) .header__content{width:calc(100% - var(--scroll-lock-compensation, 0px));height:var(--header-fixed-height);box-shadow:0 22px 32px -16px rgba(17,17,17,.06);border-bottom-color:#e8e8e8}.header--fixed:not(.header--menu-open,.header--catalog-menu-open) .header__main{row-gap:0}.header--fixed:not(.header--menu-open,.header--catalog-menu-open) .header__logo{width:45px}.header--fixed:not(.header--menu-open,.header--catalog-menu-open) .header__nav{height:0;opacity:0;padding:0}@media (max-width:1239px){.header__city{margin-right:0}}@media (min-width:1024px){.header__menu-wrap{display:none}.header__catalog-search{margin-right:12px}}@media (max-width:1023px){.header__ask,.header__catalog-menu-wrap,.header__secondary-nav,.header__tools,.header__top{display:none}.header__content{border-bottom:1px solid #e8e8e8}.header__main{align-self:stretch;grid-template-areas:'logo catalog-search menu' 'nav nav nav';grid-template-rows:1fr max-content;row-gap:0;column-gap:8px}.header__logo{margin-right:12px;width:45px;align-self:unset;padding-top:0}.header__nav{height:32px;align-items:center;align-content:center;padding-bottom:4px}.header__logo{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.header__catalog-search{-ms-grid-row:1;-ms-grid-column:3}.header__nav{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5}.header__menu-wrap{-ms-grid-row:1;-ms-grid-column:5}}.footer{--main-col-width:calc(8 * (100% - var(--m44) * (12 - 1)) / 12 + var(--m44) * (8 - 1));--contacts-col-width:calc(4 * (100% - var(--m44) * (12 - 1)) / 12 + var(--m44) * (4 - 1));position:relative;display:grid;gap:var(--m32) var(--m44);grid-template-columns:1.07fr .93fr 1fr;grid-template-rows:max-content 1fr max-content;grid-template-areas:'logo about contacts' 'nav nav contacts' 'bottom bottom contacts' 'low low contacts';align-items:start;background:#f6f6f6;border-radius:var(--br20);box-sizing:border-box;margin:0 auto var(--m16);padding:var(--m44) var(--m44) var(--m24);width:var(--content-width)}.footer:after{content:'';position:absolute;width:100px;height:100px;top:-1px;right:0;z-index:10;background:0 100% url(../assets/fa9ee291b77f76cc.svg) no-repeat;background-size:100% 100%}@media (max-width:767px){.footer:after{width:60px;height:60px;background-image:url(/images/corner/white-mobile.svg)}}@media (min-width:1440px){.footer{grid-template-columns:1.25fr .85fr 1fr}}@media (max-width:1023px){.footer{grid-template-columns:250px 1fr;grid-template-rows:auto;grid-template-areas:'logo contacts' 'about contacts' 'nav nav' 'bottom bottom' 'low low'}.footer>.header__logo{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.footer>.header__nav{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}@media (max-width:767px){.footer{grid-template-columns:100%;grid-template-areas:'logo' 'contacts' 'nav' 'about' 'bottom' 'low';row-gap:var(--m16);padding:24px 16px}.footer>.header__logo{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.footer>.header__nav{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:1}}.page__wrapper{position:relative;display:flex;flex-flow:column nowrap;box-sizing:border-box;min-height:calc(100*var(--vh));width:100%}.page__header{margin-bottom:var(--page-header-margin, var(--m16))}.page__content{flex:1;position:relative;display:flex;flex-direction:column}@media (max-width:1023px){.page__header{margin-bottom:var(--page-header-margin, var(--m20))}}.form{display:flex;flex-direction:column;gap:var(--m24);position:relative}@media (max-width:479px){.form{gap:var(--m20)}}.contacts-block__title{color:#838383;font:500 var(--fs12)/var(--lh12) 'Manrope',Arial,sans-serif,-apple-system}.contacts-block__contact:not(:last-child),.contacts-block__title:not(:last-child){margin-bottom:var(--m4)}.contacts-block__contact{font:500 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif,-apple-system;white-space:nowrap}@media (max-width:1023px){.contacts-block__contact{width:min-content}}@media (max-width:767px){.contacts-block__contact{font-size:16px}}.dropdown,.dropdown__toggle{transition-duration:.2s;transition-timing-function:ease}.dropdown{transition-property:filter;position:relative;font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system;filter:drop-shadow(0 0 0 transparent)}.dropdown__toggle{padding:0;border:0;outline:0;background-color:transparent;line-height:inherit;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;font:inherit;letter-spacing:inherit;transition-property:all;display:flex;align-items:center;justify-content:space-between;gap:var(--m8);border-radius:20px;padding:var(--m16) calc(var(--m16) + var(--m12));width:100%;white-space:nowrap}@media (pointer:coarse){.dropdown__toggle:active{color:#fcc202}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.dropdown__toggle:hover{color:#fcc202}.dropdown__toggle:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}@media (max-width:767px){.dropdown__toggle{padding:0}}.dropdown--open{filter:drop-shadow(0 10px 25px rgba(17,17,17,.1))}.dropdown--open .dropdown__toggle{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff}.section-header{display:flex;gap:var(--m16);align-items:center;align-content:center}.section-header__left{flex:1;display:flex;flex-direction:column;gap:var(--m8) var(--m16);max-width:100%}.section-header__right{display:flex;gap:var(--m16);align-items:center;align-content:center;align-self:end}.section-header__title{color:var(--title-color, #242424);font:600 var(--fs40)/var(--lh40) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls40)}.section-header__text{max-width:32.5em;font:400 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.section-header__text--grey{color:#838383}.section-header__text--grey b,.section-header__text--grey strong{color:#242424;font-weight:inherit}@media (max-width:767px){.section-header{row-gap:0}.section-header__title{font-weight:500}.section-header__title--mobile-sm{font-size:32px;line-height:var(--lh32-sm);letter-spacing:var(--ls32)}.section-header__more{display:none}}.slider-arrows-group{display:flex;align-items:center;gap:20px;background:#f6f6f6;border-radius:24px;padding:var(--m12) var(--m16);color:#242424}.slider-arrows-group--black-light{background-color:#4f4f4f;color:#fff}.socials__items{display:flex;gap:var(--m8);flex-wrap:wrap}.article-card-slider__header:not(:last-child){margin-bottom:var(--m32)}.article-card-slider__slide{width:327px}.article-card-slider__more{margin-top:var(--m32);width:100%}@media (min-width:768px){.article-card-slider__more{display:none}}@media (max-width:767px){.article-card-slider__slide{width:275px}}@media (min-width:768px){}.article-card{color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease;display:block}@media (pointer:coarse){.article-card:active .article-card__name{color:#fcc202}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.article-card:hover .article-card__name{color:#fcc202}.article-card:active{opacity:.6}.article-card:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.article-card__picture{position:relative;overflow:hidden;transform:translateZ(0);display:block;border-radius:20px}.article-card__picture:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.6358974358974359*100%,9999999px)}.article-card__picture img,.article-card__picture picture{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:cover;border-radius:inherit;transform:translateZ(0)}.article-card__picture:not(:last-child){margin-bottom:var(--m12)}.article-card__content{padding:0 var(--m16)}.article-card__date{color:#838383;font:500 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.article-card__date:not(:last-child){margin-bottom:var(--m4)}.article-card__name{transition-property:color;transition-duration:.2s;transition-timing-function:ease;font:600 var(--fs18)/var(--lh18) 'Manrope',Arial,sans-serif,-apple-system}.banner__label{align-self:flex-start;margin-bottom:var(--m8);padding:4px 10px;border-radius:var(--br20);background:#fff;color:#242424;font:700 var(--fs11)/var(--lh11) 'Manrope',Arial,sans-serif,-apple-system;text-transform:uppercase;letter-spacing:.02em}.banner__desc{max-width:320px;margin-top:var(--m8);font:400 var(--fs14)/var(--lh14-lg) 'Manrope',Arial,sans-serif,-apple-system;color:#fff;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:767px){.banner__desc{display:none}.banner__label{font-size:var(--fs11);padding:3px 8px}}.banner{--bg-color:#fcc202;--hover-bg-color:#ffd332;--active-bg-color:#c49302;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease;position:relative;display:grid;background:var(--bg-color);border-radius:20px;color:#fff;--x-start:-12%;--x-step:30px;--y-start:25px;--y-step:80px}@media (pointer:coarse){.banner:active{background-color:var(--hover-bg-color)}.banner:active .banner__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.banner:hover{background-color:var(--hover-bg-color)}.banner:hover .banner__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}.banner:active{background-color:var(--active-bg-color)}.banner:active .banner__btn{color:var(--btn-active-color);border-color:var(--btn-active-border-color);background-color:var(--btn-active-bg-color)}.banner:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.banner__rectangles{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none}.banner__rectangles--on-black{opacity:.5}.banner__rectangle{position:absolute;transition-property:transform;transition-duration:.2s;transition-timing-function:ease;background:0 0/contain url(/images/rectangle/rectangle.svg);background-image:url(/images/rectangle/rectangle.svg);top:calc(var(--y-start, 0px) + var(--index, 0)*var(--y-step, 0px));left:calc(var(--x-start, 0px) + var(--index, 0)*var(--x-step, 0px));width:var(--rectangle-width, 190%);mask-image:linear-gradient(to bottom,rgba(17,17,17,.6) 50%,rgba(17,17,17,0));transform:translate(calc(var(--translate, 0px)*(var(--index) + 1)),calc(var(--translate, 0px)*(var(--index) + 1))) rotate(var(--rotate, 0deg));pointer-events:none}.banner__rectangle:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.8406432748538012*100%,9999999px)}.banner__rectangle:nth-child(1){--index:0}.banner__rectangle:nth-child(2){--index:1}.banner__rectangle:nth-child(3){--index:2}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.banner:hover{--translate:1%}}.banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:var(--m24)}.banner__name{max-width:12.5em;font:500 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls24)}.banner__btn{margin-top:auto;margin-left:auto}.banner--orange{--bg-color:#fcc202;--hover-bg-color:#ffd332;--active-bg-color:#c49302}.banner--black{--bg-color:#242424;--hover-bg-color:#313131;--active-bg-color:#171717}@media (min-width:768px){.banner:after{content:'';position:absolute;width:100px;height:100px;top:-1px;right:0;z-index:10;background:0 100% url(../assets/fa9ee291b77f76cc.svg) no-repeat;background-size:100% 100%}}@media (min-width:768px) and (max-width:767px){.banner:after{width:60px;height:60px;background-image:url(/images/corner/white-mobile.svg)}}@media (max-width:767px){.banner__content{padding:var(--m12)}.banner__name{font-size:var(--fs13)}.banner__btn{margin-right:-5px;margin-bottom:-7px}}.main-banner-slider{position:relative;overflow:hidden;color:#fff}.main-banner__text li:before{background:#fff!important}.main-banner-slider__arrows{position:absolute;bottom:var(--m24);right:var(--m24);z-index:2}.main-banner-slider__pagination{position:absolute;top:var(--m24);left:var(--m24);z-index:2;transform:none}@media (max-width:767px){.main-banner-slider__arrows{display:none!important}.main-banner-slider__pagination{top:auto;left:auto;bottom:var(--m24);right:var(--m24)}}@media (max-width:767px){}.main-banner{position:relative;display:grid;border-radius:20px;color:#fff}.main-banner:after{content:'';position:absolute;width:100px;height:100px;top:-1px;right:0;z-index:10;background:0 100% url(../assets/fa9ee291b77f76cc.svg) no-repeat;background-size:100% 100%}@media (max-width:767px){.main-banner:after{width:60px;height:60px;background-image:url(/images/corner/white-mobile.svg)}}.main-banner__content,.main-banner__picture{grid-row:1;grid-column:1}.main-banner__picture{position:relative;overflow:hidden;transform:translateZ(0);display:block;border-radius:inherit}.main-banner__picture:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.5559748427672956*100%,442px)}.main-banner__picture img,.main-banner__picture picture{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:cover;border-radius:inherit;transform:translateZ(0)}.main-banner__picture:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;background:linear-gradient(to top,rgba(17,17,17,.3),rgba(17,17,17,0))}.main-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:calc(var(--m24)*2) var(--m24) var(--m24) var(--m24)}.main-banner__name{max-width:13.39285714em;font:500 var(--fs56)/var(--lh56) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls56)}.main-banner__name:not(:last-child),.main-banner__text:not(:last-child){margin-bottom:var(--m24)}.main-banner__text{max-width:46.875em;font:500 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.main-banner__btn-wrapper{display:inline-block}.main-banner__btn{min-width:130px}@media (max-width:767px){.main-banner__content{padding-top:var(--m24)}.main-banner__picture{min-height:373px}}.main-promo-banners{--slider-col-width:calc(8 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (8 - 1));--banners-col-width:calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));display:grid;gap:var(--grid-gap);grid-template-columns:var(--slider-col-width) var(--banners-col-width);grid-template-rows:1fr 1fr}.main-promo-banners__slider{grid-row:1/3;display:grid;grid-template-columns:100%;overflow:hidden}@media (max-width:767px){.main-promo-banners{--grid-gap:var(--m8);grid-template-columns:repeat(2,calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));grid-template-rows:auto}.main-promo-banners__slider{grid-row:1;grid-column:1/-1}}.main-catalog-category__picture img,.main-catalog-category__picture picture{width:100%;height:100%;display:block}.main-catalog-categories__items{grid-template-columns:repeat(5,calc(1*(100% - var(--m12)*(5 - 1))/5 + var(--m12)*(1 - 1)));display:grid;grid-column-gap:var(--m12);grid-row-gap:var(--m12)}@media (max-width:1239px){.main-catalog-categories__items{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.main-catalog-category{color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:all;transition-duration:.2s;transition-timing-function:ease;display:flex;align-items:center;gap:var(--m12);background:#f6f6f6;border-radius:16px;padding:var(--m8) var(--m12);font:600 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}@media (pointer:coarse){.main-catalog-category:active{background-color:#e9e9e9}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.main-catalog-category:hover{background-color:#e9e9e9}.main-catalog-category:active{background-color:#ddd}.main-catalog-category:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.main-catalog-category__picture{width:64px;height:64px;flex-shrink:0;mix-blend-mode:darken}.search-form{--input-height:40px;--input-padding-top:10px;--input-padding-bottom:var(--input-padding-top);--input-padding-left:17px;--input-padding-right:50px;position:relative;z-index:3}.search-form__field-wrapper{position:relative;z-index:2}.search-form__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(36,36,36,.5);pointer-events:none;z-index:1}.search-form__submit{width:50px;height:100%;position:absolute;top:0;right:50px;z-index:2;display:flex;align-items:center;align-content:center;justify-content:center}.search-form__submit{right:0}.search-form__submit-btn{--btn-height:calc(100% - 8px);position:absolute;top:4px;right:4px;z-index:2;opacity:0;pointer-events:none}.main-about{grid-template-columns:repeat(2,calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));display:grid;grid-column-gap:var(--grid-gap);grid-row-gap:var(--m32)}.main-about__title{color:#242424;font:500 var(--fs56)/var(--lh56) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls56)}.main-about__title:not(:last-child){margin-bottom:var(--m16)}.main-about__subtitle{max-width:21.42857143em;color:#242424;font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}.main-about__text{font:600 var(--fs30)/var(--lh30) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls30)}.main-about__text:not(:last-child){margin-bottom:var(--m32)}.main-about__link{font:500 var(--fs14)/var(--lh14) 'Manrope',Arial,sans-serif,-apple-system}@media (max-width:767px){.main-about{grid-template-columns:100%}.main-about__title{font-size:32px}.main-about__text{font-size:16px}}.main-features__items{grid-template-columns:repeat(12,calc(1*(100% - var(--grid-gap)*(12 - 1))/12 + var(--grid-gap)*(1 - 1)));display:grid;grid-column-gap:var(--grid-gap);grid-row-gap:var(--grid-gap)}.main-features__item:nth-child(4n+1){grid-column:1/7;grid-row:span 2}.main-features__item:nth-child(4n+2){grid-column:7/10;grid-row:span 2}.main-features__item:nth-child(4n+3),.main-features__item:nth-child(4n+4){grid-column:10/13}@media (max-width:1023px){.main-features__item:nth-child(4n+1),.main-features__item:nth-child(4n+2),.main-features__item:nth-child(4n+3),.main-features__item:nth-child(4n+4){grid-column:span 6;grid-row:span 1}}@media (max-width:479px){.main-features__item:nth-child(4n+1),.main-features__item:nth-child(4n+2){grid-column:1/-1;grid-row:span 1}.main-features__item:nth-child(4n+3),.main-features__item:nth-child(4n+4){grid-column:span 6;grid-row:span 1}.main-features__item:nth-child(4n+1){order:1}.main-features__item:nth-child(4n+3){order:2}.main-features__item:nth-child(4n+4){order:3}.main-features__item:nth-child(4n+2){order:4}}@media (max-width:767px){.main-features__items{grid-template-columns:repeat(12,calc(1*(100% - var(--m12)*(12 - 1))/12 + var(--m12)*(1 - 1)));gap:var(--m12)}}.main-feature-card{--bg-color:#f6f6f6;--hover-bg-color:#e9e9e9;--active-bg-color:#dddddd;--color:#242424;--secondary-color:#838383;--padding:var(--m24);color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:opacity,background-color;transition-duration:.2s;transition-timing-function:ease;position:relative;display:grid;grid-template-columns:100%;row-gap:var(--m16);background-color:var(--bg-color);border-radius:20px;overflow:hidden;padding:var(--padding);color:var(--color);--x-start:-30%;--x-step:30px;--y-start:35%;--y-step:80px}@media (pointer:coarse){.main-feature-card:active,.main-feature-card:active .main-feature-card__content:before{background-color:var(--hover-bg-color)}.main-feature-card:active .main-feature-card__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.main-feature-card:hover,.main-feature-card:hover .main-feature-card__content:before{background-color:var(--hover-bg-color)}.main-feature-card:hover .main-feature-card__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}.main-feature-card:active,.main-feature-card:active .main-feature-card__content:before{background-color:var(--active-bg-color)}.main-feature-card:active .main-feature-card__btn{color:var(--btn-active-color);border-color:var(--btn-active-border-color);background-color:var(--btn-active-bg-color)}.main-feature-card:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.main-feature-card__rectangles{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none}.main-feature-card__rectangle{position:absolute;transition-property:transform;transition-duration:.2s;transition-timing-function:ease;background:0 0/contain url(/images/rectangle/rectangle.svg);background-image:url(/images/rectangle/rectangle.svg);top:calc(var(--y-start, 0px) + var(--index, 0)*var(--y-step, 0px));left:calc(var(--x-start, 0px) + var(--index, 0)*var(--x-step, 0px));width:var(--rectangle-width, 190%);mask-image:linear-gradient(to bottom,rgba(17,17,17,.6) 50%,rgba(17,17,17,0));transform:translate(calc(var(--translate, 0px)*(var(--index) + 1)),calc(var(--translate, 0px)*(var(--index) + 1))) rotate(var(--rotate, 0deg));pointer-events:none}.main-feature-card__rectangle:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.8406432748538012*100%,9999999px)}.main-feature-card__rectangle:nth-child(1){--index:0}.main-feature-card__rectangle:nth-child(2){--index:1}.main-feature-card__rectangle:nth-child(3){--index:2}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.main-feature-card:hover{--translate:1%}}.main-feature-card__content,.main-feature-card__picture{grid-column:1;grid-row:1/4;align-self:end;position:relative;z-index:2;margin:calc(-1*var(--padding))}.main-feature-card__picture img,.main-feature-card__picture picture{display:block;margin:0 auto;height:auto;max-width:100%}.main-feature-card__picture--mobile img,.main-feature-card__picture--mobile picture{height:auto;width:100%}.main-feature-card__content{grid-row:1;align-self:start;z-index:3;padding:var(--padding)}.main-feature-card__content:before{content:'';position:absolute;width:100%;height:100%;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease;top:0;left:0;z-index:-1;background-color:var(var(--bg-color));mask-image:linear-gradient(to bottom,#111,rgba(17,17,17,0))}.main-feature-card__name{max-width:14.16666667em;font:500 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls24)}.main-feature-card__name:not(:last-child){margin-bottom:var(--m16)}.main-feature-card__text{color:var(--secondary-color);font:400 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.main-feature-card__btn{--btn-hover-bg-color:#fcc202;--btn-hover-border-color:#fcc202;--btn-hover-color:#fff;--btn-active-bg-color:#c49302;--btn-active-border-color:#c49302;--btn-active-color:#fff;grid-column:1;grid-row:3;align-self:end;position:relative;z-index:3}.main-feature-card--orange{--bg-color:#fcc202;--hover-bg-color:#e2ad02;--active-bg-color:#c49302;--color:#fff;--secondary-color:#fff}.main-feature-card--orange .main-feature-card__btn{--btn-hover-bg-color:#4f4f4f;--btn-hover-border-color:#4f4f4f;--btn-hover-color:#fff;--btn-active-bg-color:#363636;--btn-active-border-color:#363636;--btn-active-color:#fff}@media (max-width:1239px){.main-feature-card__name{font-size:var(--fs18)}.main-feature-card__text{font-size:var(--fs14)}}@media (min-width:1024px){.main-feature-card__picture--mobile{display:none}}@media (max-width:1023px){.main-feature-card__picture--desktop{display:none}}@media (max-width:767px){.main-feature-card{--padding:var(--m16)}.main-feature-card__name{font-size:16px}.main-feature-card__name:not(:last-child){margin-bottom:4px}.main-feature-card__text{font-size:13px}.main-feature-card__picture{grid-row:2;margin-top:calc(-1*(var(--padding) + 2*var(--m16)))}.main-feature-card__btn{display:none}}.manufacturer-card-slider,.manufacturer-card-slider__rail{position:relative}.manufacturer-card-slider__header:not(:last-child){margin-bottom:var(--m32)}.manufacturer-card-slider__rail:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;box-sizing:border-box;pointer-events:none;border:2px solid #fff}.manufacturer-card-slider__slide{border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;box-sizing:border-box}@media (min-width:768px){}.manufacturer-card{color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;background:#fff;box-sizing:border-box;position:relative;padding:4px}.manufacturer-card__picture{position:relative;overflow:hidden;transform:translateZ(0);display:block;width:100%}.manufacturer-card__picture:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,var(--picture-ratio, 1)*100%,9999999px)}.manufacturer-card__picture img,.manufacturer-card__picture picture{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:scale-down;border-radius:inherit;transform:translateZ(0)}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.manufacturer-card--link:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.news-block{display:flex}.news-block__col{flex:1}@media (min-width:768px){.news-block__col--lg{width:56.6%;flex:none;box-sizing:border-box}.news-block__col:not(:first-child){padding-left:var(--grid-gap);margin-left:var(--grid-gap);border-left:1px solid #e8e8e8}}@media (max-width:767px){.news-block{flex-direction:column}.news-block__col{grid-template-columns:repeat(2,calc(1*(100% - 0px*(2 - 1))/2 + 0px*(1 - 1)));display:grid;grid-column-gap:0;grid-row-gap:0}.news-block__col--lg{margin-bottom:24px}.news-block__item:nth-child(4n+1){border-left:none}.news-block__item:nth-child(4n+2){border-left:none;border-right:none}.news-block__item:nth-child(4n+3){border-top:none;border-left:none}.news-block__item:nth-child(4n+4){border-top:none;border-left:none;border-right:none}.news-block__item:first-child:last-child{grid-column:1/-1}}.news-card-slider__header:not(:last-child){margin-bottom:var(--m32)}.news-card-slider__more{margin-top:var(--m32);width:100%}@media (min-width:768px){.news-card-slider__more{display:none}}@media (min-width:768px){}.news-card{--hover-name-color:#fcc202;color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease;display:block;position:relative}@media (pointer:coarse){.news-card:active .news-card__name{color:var(--hover-name-color)}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.news-card:hover .news-card__name{color:var(--hover-name-color)}.news-card:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.news-card__picture{position:relative;transform:translateZ(0);display:block;border-radius:20px;overflow:visible}.news-card__picture:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.6358974358974359*100%,9999999px)}.news-card__picture img,.news-card__picture picture{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:cover;border-radius:inherit;transform:translateZ(0)}.news-card__picture:after{content:'';position:absolute;width:100px;height:100px;top:-1px;right:0;z-index:10;background:0 100% url(../assets/fa9ee291b77f76cc.svg) no-repeat;background-size:100% 100%}@media (max-width:767px){.news-card__picture:after{width:60px;height:60px;background-image:url(/images/corner/white-mobile.svg)}}.news-card__picture:not(:last-child){margin-bottom:var(--m12)}.news-card__content{display:flex;align-items:center;gap:var(--grid-gap)}.news-card__text-wrap{display:flex;flex-direction:column}.news-card__date{color:#838383;font:500 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.news-card__date:not(:last-child){margin-bottom:var(--m4)}.news-card__name{transition-property:color;transition-duration:.2s;transition-timing-function:ease;font:600 var(--fs18)/var(--lh18) 'Manrope',Arial,sans-serif,-apple-system;word-break:break-word}.news-card--lg .news-card__picture{position:relative}.news-card--lg .news-card__picture:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.514792899408284*100%,377px)}.news-card--lg .news-card__name{font:600 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls24)}.news-card--sm{--hover-name-color:currentColor}@media (min-width:768px){.news-card--sm:not(:first-child){padding-top:var(--m24)}.news-card--sm:not(:last-child){padding-bottom:var(--m24);border-bottom:1px solid #e8e8e8}}@media (max-width:767px){.news-card__text-wrap{row-gap:var(--m8)}.news-card__date{order:2}.news-card--sm{border:1px solid #e8e8e8;padding:var(--m12)}.news-card--sm .news-card__name{font-size:var(--fs14)}.news-card--lg .news-card__name{font-size:16px}}.main-popular__header:not(:last-child){margin-bottom:var(--m32)}.main-popular__items{display:grid;gap:var(--grid-gap)}@media (min-width:768px){.main-popular__items{grid-template-columns:repeat(12,calc(1*(100% - var(--grid-gap)*(12 - 1))/12 + var(--grid-gap)*(1 - 1)))}.main-popular__item:nth-child(6n+1){grid-column:span 8}.main-popular__item:nth-child(6n+2){grid-column:span 4;grid-row:span 2}.main-popular__item:nth-child(6n+3),.main-popular__item:nth-child(6n+4){grid-column:span 4}.main-popular__item:nth-child(6n+5),.main-popular__item:nth-child(6n+6){grid-column:span 6}}@media (max-width:767px){.main-popular__items{grid-template-columns:repeat(2,calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)))}}.popular-category-card{--bg-color:#f6f6f6;--hover-bg-color:#f6f6f6;--active-bg-color:#dddddd;--color:#242424;--secondary-color:#838383;--padding:var(--m24);color:currentColor;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:opacity,background-color;transition-duration:.2s;transition-timing-function:ease;position:relative;display:grid;background-color:var(--bg-color);border-radius:20px;overflow:hidden;color:var(--color);--x-start:10%;--x-step:50px;--y-start:-10%;--y-step:80px}@media (pointer:coarse){.popular-category-card:active{background-color:var(--hover-bg-color)}.popular-category-card:active .popular-category-card__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.popular-category-card:hover{background-color:var(--hover-bg-color)}.popular-category-card:hover .popular-category-card__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}.popular-category-card:active{background-color:var(--active-bg-color)}.popular-category-card:active .popular-category-card__btn{color:var(--btn-active-color);border-color:var(--btn-active-border-color);background-color:var(--btn-active-bg-color)}.popular-category-card:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.popular-category-card__rectangles{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none}.popular-category-card__rectangles--on-black{opacity:.5}.popular-category-card__rectangle{transition-property:transform;transition-duration:.2s;transition-timing-function:ease;background:0 0/contain url(/images/rectangle/rectangle.svg);top:calc(var(--y-start, 0px) + var(--index, 0)*var(--y-step, 0px));left:calc(var(--x-start, 0px) + var(--index, 0)*var(--x-step, 0px));width:var(--rectangle-width, 190%);mask-image:linear-gradient(to bottom,rgba(17,17,17,.6) 50%,rgba(17,17,17,0));transform:translate(calc(var(--translate, 0px)*(var(--index) + 1)),calc(var(--translate, 0px)*(var(--index) + 1))) rotate(var(--rotate, 0deg));pointer-events:none;position:absolute;background-image:url(/images/rectangle/popular.svg)}.popular-category-card__rectangle:before{position:relative;content:'';display:block;padding-bottom:clamp(0px,.9232111692844677*100%,9999999px)}.popular-category-card__rectangle:nth-child(1){--index:0}.popular-category-card__rectangle:nth-child(2){--index:1}.popular-category-card__rectangle:nth-child(3){--index:2}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.popular-category-card:hover{--translate:1%}}.popular-category-card__picture{grid-column:1;grid-row:1;position:relative;z-index:2;justify-self:right;align-self:end}.popular-category-card__picture img,.popular-category-card__picture picture{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.popular-category-card__content{grid-column:1;grid-row:1;position:relative;z-index:3;display:flex;flex-direction:column;row-gap:var(--m16);padding:var(--padding)}.popular-category-card__count{color:var(--secondary-color);font:500 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.popular-category-card__name-wrap{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between}.popular-category-card__name{max-width:12.5em;font:500 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls24)}.popular-category-card__btn{--btn-hover-bg-color:#fcc202;--btn-hover-border-color:#fcc202;--btn-hover-color:#fff;--btn-active-bg-color:#c49302;--btn-active-border-color:#c49302;--btn-active-color:#fff}.popular-category-card--black{--bg-color:#242424;--hover-bg-color:#242424;--active-bg-color:#171717;--color:#fff;--secondary-color:#ababab}@media (min-width:768px){.popular-category-card--vertical .popular-category-card__name-wrap{flex:1}.popular-category-card--vertical .popular-category-card__name{align-self:flex-start}}@media (max-width:1023px){.popular-category-card__count{font-size:var(--fs12)}.popular-category-card__name{font-size:var(--fs18)}}@media (max-width:767px){.popular-category-card{--padding:var(--m16);min-height:157px}.popular-category-card__name-wrap{margin-top:0;margin-bottom:auto}.popular-category-card__name{font-size:16px;line-height:1.2}.popular-category-card__btn,.popular-category-card__count{display:none}.popular-category-card__picture{grid-row:2;margin-top:calc(-1*var(--padding))}}.service-card-slider{--title-color:#fff;position:relative;background:#242424;border-radius:20px;padding:var(--m48) var(--m24);color:#fff}.service-card-slider:after{content:'';position:absolute;width:100px;height:100px;top:-1px;right:0;z-index:10;background:0 100% url(../assets/fa9ee291b77f76cc.svg) no-repeat;background-size:100% 100%}@media (max-width:767px){.service-card-slider:after{width:60px;height:60px;background-image:url(/images/corner/white-mobile.svg)}}.service-card-slider__header:not(:last-child){margin-bottom:var(--m32)}.service-card-slider__rail{margin-right:calc(-1*var(--m24))}.service-card-slider__slide{display:grid;gap:var(--m16);width:328px}@media (max-width:767px){.service-card-slider{margin-left:calc(-1*var(--full-page-gutter));margin-right:calc(-1*var(--full-page-gutter));padding:var(--m32) var(--full-page-gutter)}.service-card-slider__slide{width:244px}}@media (min-width:768px){}.service-card{--bg-color:#424242;--hover-bg-color:#4f4f4f;--active-bg-color:#3d3d3d;text-decoration:none;outline:0!important;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;transition-property:opacity,background-color;transition-duration:.2s;transition-timing-function:ease;position:relative;display:flex;flex-direction:column;gap:var(--m12);background-color:var(--bg-color);border-radius:20px;box-sizing:border-box;min-height:250px;padding:var(--m24);color:#fff}@media (pointer:coarse){.service-card:active{background-color:var(--hover-bg-color)}.service-card:active .service-card__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}}@media (pointer:fine),(-ms-high-contrast:none),(-ms-high-contrast:active){.service-card:hover{background-color:var(--hover-bg-color)}.service-card:hover .service-card__btn{color:var(--btn-hover-color);border-color:var(--btn-hover-border-color);background-color:var(--btn-hover-bg-color)}.service-card:active{background-color:var(--active-bg-color)}.service-card:active .service-card__btn{color:var(--btn-active-color);border-color:var(--btn-active-border-color);background-color:var(--btn-active-bg-color)}.service-card:focus-visible{outline:1px dashed #111!important;outline-offset:5px}}.service-card__name{font:500 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif,-apple-system;letter-spacing:var(--ls24)}.service-card__text{color:#ababab;font:400 var(--fs16)/var(--lh16) 'Manrope',Arial,sans-serif,-apple-system}.service-card__btn{margin-top:auto;margin-left:auto}@media (max-width:767px){.service-card{min-height:250px;padding:var(--m20)}}.main-page__articles:not(:empty),.main-page__features:not(:empty),.main-page__reviews:not(:empty),.main-page__manufacturers:not(:empty),.main-page__news:not(:empty),.main-page__popular:not(:empty),.main-page__promo:not(:empty),.main-page__services:not(:empty){margin-bottom:var(--m120)}.main-page__promo-banners:not(:last-child){margin-bottom:var(--m32)}.main-page__about{margin-bottom:var(--m60)}@media (max-width:767px){.main-page__promo{order:1}.main-page__catalog-categories{display:none}.main-page__reviews,.main-page__popular{order:2}.main-page__about{order:4}.main-page__features{order:5}.main-page__services{order:9}.main-page__manufacturers{order:10}.main-page__articles{order:11}.main-page__news{order:12}}.todo{display:none}
/* Keep the document gutter reserved while the catalogue menu locks scrolling. */
html.menu-open { scrollbar-gutter: stable; }

/* otrana:slider */
/* Shared native horizontal rail. */
.native-slider {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: var(--m16);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.native-slider::-webkit-scrollbar {
  display: none;
}

.native-slide {
  flex: 0 0 auto;
}

.service-card-slider .native-slider {
  gap: var(--m16);
}
/* otrana:promo */
.main-banner-slider {
  position: relative;
  container-type: inline-size;
  height: 100%;
  min-height: 442px;
  overflow: hidden;
  border-radius: var(--br20);
  background: var(--otrana-color-ink-strong);
  color: var(--otrana-color-surface);
}

.main-banner-slider-wrapper {
  height: 100%;
}

/* The rounded cut belongs to the frame, not to every fading slide. */
.native-main-banner-slide.main-banner::after {
  display: none;
}

.native-main-banner-track,
.native-main-banner-slide,
.main-banner__picture,
.main-banner__picture img {
  width: 100%;
  height: 100%;
}

video.main-banner__picture {
  display: block;
  object-fit: cover;
}

.native-main-banner-track {
  position: relative;
}

.native-main-banner-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
}

.native-main-banner-slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.main-banner__picture {
  display: block;
}

.main-banner__picture img {
  display: block;
  object-fit: cover;
}

.main-banner__content {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: clamp(58px, 7cqw, 100px) clamp(21px, 2.67cqw, 40px) clamp(24px, 3cqw, 44px);
  background: linear-gradient(90deg, var(--otrana-hero-shadow-strong), var(--otrana-hero-shadow-medium) 72%, var(--otrana-hero-shadow-soft));
}

.main-banner__name {
  max-width: 84%;
  margin: 0 0 clamp(26px, 3.65cqw, 55px);
  color: var(--otrana-color-surface);
  font-size: clamp(38px, 5.25cqw, 80px);
  line-height: 1.12;
  font-weight: 500;
}

.main-banner__text,
.main-banner__text h3 {
  color: var(--otrana-color-surface);
  font-size: clamp(15px, 1.65cqw, 25px);
  line-height: 1.48;
}

.main-banner__text h3 { margin: 0 0 clamp(10px, 1.2cqw, 18px); font-size: clamp(17px, 2.05cqw, 31px); line-height: 1.45; font-weight: 600; }
.main-banner__text ul { margin: 0 0 clamp(18px, 2.6cqw, 38px); padding-left: 1.45em; }
.main-banner__btn-wrapper { position: relative; z-index: 3; }

@media (max-width: 767px) {
  .banner--action .banner__btn { display: none; }
}
.main-banner__btn.btn {
  min-width: 0;
  height: auto;
  padding: clamp(13px, 1.55cqw, 23px) clamp(19px, 2.4cqw, 36px);
  border-color: var(--otrana-color-surface);
  border-radius: clamp(11px, 1.35cqw, 20px);
  background: var(--otrana-color-surface);
  color: var(--otrana-color-ink-deep);
  font-size: clamp(15px, 1.65cqw, 25px);
  font-weight: 600;
}

@media (pointer: coarse) {
  .main-banner__btn.btn:active {
    border-color: var(--otrana-color-border-strong);
    background: var(--otrana-color-border-strong);
    color: var(--otrana-color-ink-deep);
  }
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main-banner__btn.btn:hover {
    border-color: var(--otrana-color-border);
    background: var(--otrana-color-border);
    color: var(--otrana-color-ink-deep);
  }

  .main-banner__btn.btn:active {
    border-color: var(--otrana-color-border-strong);
    background: var(--otrana-color-border-strong);
    color: var(--otrana-color-ink-deep);
  }
}
.native-main-banner-link { position: absolute; z-index: 3; inset: 0; }

.main-banner-slider__arrows {
  position: absolute;
  z-index: 5;
  right: clamp(21px, 2.67cqw, 40px);
  bottom: 24px;
  display: flex !important;
  gap: var(--m12);
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.main-banner-slider__arrows .slider-button-prev,
.main-banner-slider__arrows .slider-button-next {
  position: relative;
  width: clamp(36px, 3.35cqw, 50px);
  height: clamp(36px, 3.35cqw, 50px);
  border: 1px solid var(--otrana-white-a16);
  border-radius: 50%;
  background: var(--otrana-white-a14);
  box-shadow: inset 0 1px 0 var(--otrana-white-a14), 0 3px 12px var(--otrana-black-a08);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  backdrop-filter: blur(12px) saturate(125%);
  transition: background-color .2s ease, border-color .2s ease;
}

.main-banner-slider__arrows .slider-button-prev:hover,
.main-banner-slider__arrows .slider-button-next:hover {
  border-color: var(--otrana-white-a28);
  background: var(--otrana-white-a26);
  box-shadow: inset 0 1px 0 var(--otrana-white-a24), 0 5px 16px var(--otrana-black-a12);
}

.main-banner-slider__arrows .slider-button-prev:active,
.main-banner-slider__arrows .slider-button-next:active {
  border-color: var(--otrana-white-a34);
  background: var(--otrana-white-a32);
  transform: scale(.96);
}

.main-banner-slider__arrows .slider-button-prev:focus-visible,
.main-banner-slider__arrows .slider-button-next:focus-visible {
  outline: 1px solid var(--otrana-white-a80);
  outline-offset: 3px;
}

.main-banner-slider__arrows .slider-button-prev::after,
.main-banner-slider__arrows .slider-button-next::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid var(--otrana-color-surface);
  border-right: 1.5px solid var(--otrana-color-surface);
}
.main-banner-slider__arrows .slider-button-prev::after { transform: translate(-35%, -50%) rotate(-135deg); }
.main-banner-slider__arrows .slider-button-next::after { transform: translate(-65%, -50%) rotate(45deg); }

.main-banner-slider__pagination {
  position: absolute;
  z-index: 5;
  top: 24px;
  left: clamp(21px, 2.67cqw, 40px);
  display: flex;
  width: min(39%, 590px);
  gap: var(--m8);
}

.native-promo-dot {
  flex: 1 1 0;
  width: auto;
  height: 3px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: var(--otrana-white-a42);
  cursor: pointer;
  outline: none;
  box-shadow: none;
}

.native-promo-dot.is-active { width: auto; border-radius: 3px; background: var(--otrana-color-surface); }
/* otrana:header-base */
.header {
  --otrana-logo-width-desktop: 198px;
  --otrana-logo-height-desktop: 66px;
  --otrana-logo-width-compact: 156px;
  --otrana-logo-height-compact: 48px;
}

.header__catalog-btn {
  display: inline-flex !important;
}

.header__top .seo-header-email,
.header__top .header-phone__number {
  font-size: var(--fs14);
  line-height: var(--lh14);
  font-weight: 600;
}

.header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}


.header__socials {
  display: flex;
  align-items: center;
  gap: 2px;
}

.header__messenger-link {
  position: relative;
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: var(--otrana-neutral-600);
}

.header__messenger-link::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: center / contain no-repeat;
  transition: opacity var(--otrana-control-duration) ease;
}

.header__messenger-link:nth-child(1)::before { mask-image: url('../assets/social-whatsapp.svg?v=1'); }
.header__messenger-link:nth-child(2)::before { mask-image: url('../assets/social-viber.svg?v=1'); }
.header__messenger-link:nth-child(3)::before { mask-image: url('../assets/social-telegram.svg?v=1'); }
.header__messenger-link:nth-child(4)::before { mask-image: url('../assets/social-wechat.svg?v=4'); }

.header__messenger-link img {
  display: block;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: opacity var(--otrana-control-duration) ease;
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header__messenger-link:hover {
    color: var(--otrana-neutral-600);
  }

  .header__messenger-link:hover:nth-child(4)::after { opacity: 0; }

.header__messenger-link:hover::before {
    opacity: 0;
  }

  .header__messenger-link:hover img {
    opacity: 1;
  }
}

.header-menu .socials__items {
  gap: 6px;
}

.header-menu .btn--socials img {
  filter: grayscale(1);
  opacity: .62;
  transition: filter var(--otrana-control-duration) ease,
    opacity var(--otrana-control-duration) ease;
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header-menu .btn--socials:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
}

.header__logo.otrana-wordmark {
  position: relative;
  align-self: start;
  width: var(--otrana-logo-width-desktop);
  min-width: var(--otrana-logo-width-desktop);
  height: var(--otrana-logo-height-desktop);
  min-height: 0;
  max-height: var(--otrana-logo-height-desktop);
  margin: -13px 0 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
}

.header__logo.otrana-wordmark::before,
.header__logo.otrana-wordmark::after { display: none !important; }

.header__logo.otrana-wordmark img {
  display: block;
  width: var(--otrana-logo-width-desktop);
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.main-banner__name {
  overflow-wrap: anywhere;
}

.header__catalog-menu {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transform-origin: top center;
  transition: opacity .2s ease, transform .24s cubic-bezier(.22, .8, .3, 1), visibility 0s linear .24s;
  will-change: opacity, transform;
}

.header__catalog-menu.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}
/* otrana:popular */
.main-popular { position: relative; min-width: 0; }

.main-popular__items {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: 340px 260px !important;
  gap: var(--m16);
  overflow: visible;
}

.main-popular__items::-webkit-scrollbar { display: none; }

.main-popular__item.popular-category-card {
  position: relative;
  isolation: isolate;
  display: block !important;
  box-sizing: border-box;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  border-radius: var(--otrana-radius-lg);
  background: var(--otrana-color-surface-muted);
  color: var(--otrana-color-ink);
  scroll-snap-align: start;
  transform: translateZ(0);
}

.main-popular__item:nth-child(-n + 4) { grid-row: 1 !important; }
.main-popular__item:nth-child(1) { grid-column: 1 !important; }
.main-popular__item:nth-child(2) { grid-column: 2 !important; }
.main-popular__item:nth-child(3) { grid-column: 3 !important; }
.main-popular__item:nth-child(4) { grid-column: 4 !important; }
.main-popular__item:nth-child(5) { grid-column: 1 / span 2 !important; grid-row: 2 !important; }
.main-popular__item:nth-child(6) { grid-column: 3 / span 2 !important; grid-row: 2 !important; }

.main-popular__item.popular-category-card--black {
  background: var(--otrana-color-surface-inverse);
  color: var(--otrana-color-text-on-inverse);
}

.main-popular__item .popular-category-card__rectangles { opacity: .24; }

.main-popular__item .popular-category-card__picture {
  position: absolute;
  z-index: 1;
  right: -12%;
  bottom: -10%;
  display: block;
  width: 88%;
  height: 72%;
  max-height: none;
  margin: 0;
  overflow: visible;
  pointer-events: none;
  transform: scale(1);
  transform-origin: 100% 100%;
  transition: transform var(--otrana-control-duration) var(--otrana-control-easing);
}

.main-popular__item:nth-child(n + 5) .popular-category-card__picture {
  right: -6%;
  bottom: -18%;
  width: 58%;
  height: 108%;
}

.main-popular__item .popular-category-card__picture picture,
.main-popular__item .popular-category-card__picture img { display: block; width: 100%; height: 100%; }

.main-popular__item .popular-category-card__picture img {
  object-fit: contain;
  object-position: right bottom;
}

.main-popular__item .popular-category-card__content {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--m24);
  pointer-events: none;
}

.main-popular__item .popular-category-card__count {
  color: var(--otrana-color-text-muted);
  font-size: var(--otrana-text-small);
}

.main-popular__item.popular-category-card--black .popular-category-card__count { color: var(--otrana-color-text-subtle); }

.main-popular__item .popular-category-card__name-wrap {
  display: block;
  width: 100%;
  margin: var(--m12) 0 0;
}

.main-popular__item .popular-category-card__name {
  max-width: 72%;
  color: inherit;
  font-size: var(--fs24);
  line-height: var(--lh24);
  font-weight: var(--otrana-font-weight-medium);
}

.main-popular__item:nth-child(n + 5) .popular-category-card__name { max-width: 48%; }

.main-popular__item .popular-category-card__btn {
  position: absolute;
  bottom: var(--m24);
  left: var(--m24);
}

.main-popular__arrows { display: none; }

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main-popular__item:hover .popular-category-card__picture { transform: scale(1.075); }
}

@media (max-width: 1023px) {
  .main-popular {
    --otrana-popular-card-width: min(42vw, 292px);
    --otrana-popular-card-height: 320px;
  }

  .main-popular__items {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: var(--m12);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 var(--m32) var(--m8) 0;
    scroll-padding-inline: var(--m12);
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .main-popular__item.popular-category-card {
    flex: 0 0 var(--otrana-popular-card-width);
    width: var(--otrana-popular-card-width) !important;
    height: var(--otrana-popular-card-height) !important;
    min-height: var(--otrana-popular-card-height) !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .main-popular__item:nth-child(n + 5) .popular-category-card__picture {
    right: -12%;
    bottom: -10%;
    width: 88%;
    height: 72%;
  }

  .main-popular__item:nth-child(n + 5) .popular-category-card__name { max-width: 72%; }
  .main-popular__arrows { display: flex !important; }
}

@media (max-width: 767px) {
  .main-popular { --otrana-popular-card-width: min(78vw, 292px); }
  .main-popular__header .section-header__right { gap: var(--m8); }

  .main-popular__header .section-header__more {
    display: inline-flex !important;
    height: 36px;
    padding-inline: var(--m12);
    font-size: var(--fs12);
  }

  .main-popular__item .popular-category-card__content { padding: var(--m20); }

  .main-popular__item .popular-category-card__name {
    font-size: var(--fs20);
    line-height: var(--lh20-sm);
  }

  .main-popular__item .popular-category-card__btn {
    display: inline-flex !important;
    bottom: var(--m20);
    left: var(--m20);
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-popular__item .popular-category-card__picture { transition-duration: .01ms; }
}
/* otrana:features */
/* Small feature cards keep their transparent artwork clear of the copy. */
.main-feature-card--art-offset .main-feature-card__picture {
  transform: translate(var(--m16), var(--m20));
}

@media (max-width: 767px) {
  .main-feature-card--art-offset .main-feature-card__picture {
    transform: translate(var(--m12), var(--m16));
  }
}

/* Transparent product cluster, anchored and animated like the other card art. */
.main-features__item:first-child .main-feature-card__picture {
  position: absolute;
  z-index: 2;
  inset: auto -8% -10% auto;
  width: 96%;
  height: 78%;
  margin: 0;
  pointer-events: none;
  transform: scale(1);
  transform-origin: 100% 100%;
  transition: transform var(--otrana-control-duration) var(--otrana-control-easing);
}

.main-features__item:first-child .main-feature-card__picture picture,
.main-features__item:first-child .main-feature-card__picture img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: right bottom;
}

.main-features__item:first-child .main-feature-card__content::before {
  display: none;
}

.main-features__item:first-child .main-feature-card__btn {
  border-color: var(--otrana-control-glass-dark-border) !important;
  background: var(--otrana-control-glass-dark-bg) !important;
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main-features__item:first-child:hover .main-feature-card__picture {
    transform: scale(1.075);
  }

  .main-features__item:first-child:hover .main-feature-card__btn {
    border-color: var(--otrana-control-glass-dark-hover-border) !important;
    background: var(--otrana-control-glass-dark-hover-bg) !important;
  }
}

@media (max-width: 767px) {
  .main-features__item .main-feature-card__btn {
    z-index: 3;
    display: inline-flex !important;
    align-self: end;
    justify-self: end;
  }

  .main-features__item:first-child {
    min-height: 300px;
  }

  .main-features__item:first-child .main-feature-card__picture--desktop {
    display: none !important;
  }

  .main-features__item:first-child .main-feature-card__picture--mobile {
    display: block !important;
  }

  .main-features__item:first-child .main-feature-card__picture {
    right: -12%;
    bottom: -7%;
    width: 108%;
    height: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-features__item:first-child .main-feature-card__picture {
    transition-duration: .01ms;
  }
}

.main-features__item:first-child:active .main-feature-card__btn {
  border-color: var(--otrana-control-glass-dark-active-border) !important;
  background: var(--otrana-control-glass-dark-active-bg) !important;
}
/* otrana:testimonials */
.customer-reviews { min-width: 0; }
.customer-reviews__header { margin-bottom: var(--m32); }
.customer-reviews__rail { display: flex; gap: var(--m16); overflow-x: auto; overflow-y: hidden; padding-bottom: var(--m8); scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }
.customer-reviews__rail::-webkit-scrollbar { display: none; }
.customer-review { flex: 0 0 calc((100% - 2 * var(--m16)) / 3); box-sizing: border-box; min-width: 0; min-height: 228px; padding: var(--m24); border: 1px solid var(--otrana-color-border-soft); border-radius: var(--otrana-radius-lg); background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); scroll-snap-align: start; }
.customer-review__author { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: var(--m12); margin-bottom: var(--m24); }
.customer-review__avatar { display: block; width: 48px; height: 48px; border: 2px solid var(--otrana-color-surface); border-radius: 50%; object-fit: cover; }
.customer-review__identity { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.customer-review__identity strong { overflow: hidden; font-size: var(--fs16); text-overflow: ellipsis; white-space: nowrap; }
.customer-review__identity span, .customer-review time { color: var(--otrana-color-text-muted); font-size: var(--fs12); }
.customer-review__rating { margin: -8px 0 var(--m12); color: var(--otrana-color-brand); font-size: var(--fs16); letter-spacing: 2px; line-height: 1; }
.customer-review p { margin: 0; font-size: var(--fs16); line-height: var(--lh16-lg); }
@media (max-width: 1023px) { .customer-review { flex-basis: min(72vw, 360px); } }
@media (max-width: 767px) {
  .customer-reviews {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .customer-reviews__header { margin-bottom: var(--m20); }

  .customer-reviews__rail {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .customer-review { flex-basis: min(84vw, 340px); min-height: 218px; padding: var(--m20); }
  .customer-review__author { grid-template-columns: 44px minmax(0, 1fr); margin-bottom: var(--m20); }
  .customer-review__avatar { width: 44px; height: 44px; }
  .customer-review time { grid-column: 2; }
  .customer-review p { font-size: var(--fs14); }
}
/* otrana:news */
.news-card__summary { display: none; }
.main-page__news { margin-bottom: 0 !important; }
.news-card .news-card__btn { border-color: var(--otrana-control-glass-dark-border) !important; background: var(--otrana-control-glass-dark-bg) !important; }

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .news-card:hover .news-card__btn { border-color: var(--otrana-control-glass-dark-hover-border) !important; background: var(--otrana-control-glass-dark-hover-bg) !important; transform: scale(1.08); }
  .news-card:hover .news-card__btn .symbol-more { transform: rotate(45deg) scale(1.14); }
}

.news-card:active .news-card__btn { border-color: var(--otrana-control-glass-dark-active-border) !important; background: var(--otrana-control-glass-dark-active-bg) !important; transform: scale(1.02); }
.news-card:active .news-card__btn .symbol-more { transform: rotate(45deg) scale(1.08); }

@media (max-width: 767px) {
  .news-card-slider .news-block__col--briefs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .news-card-slider .news-block__col--briefs .news-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .news-card-slider .news-card--sm .news-card__content {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: end;
    gap: var(--m12);
    box-sizing: border-box;
  }

  .news-card-slider .news-card__btn {
    display: inline-flex !important;
    align-self: end;
    justify-self: end;
    position: static;
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .news-card-slider .news-block__col:not(:first-child) {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }

  .news-card-slider .native-slider,
  .news-card-slider .native-slide,
  .news-card-slider .news-block,
  .news-card-slider .news-block__col,
  .news-card-slider .news-card {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .news-card-slider .news-block {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
    gap: var(--m12);
    height: 360px;
  }

  .news-card-slider .news-block__col--lg,
  .news-card-slider .news-block__col--lg .news-card { height: 100%; }

  .news-card-slider .news-block__col--briefs {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: var(--m12);
    height: 100%;
  }

  .news-card-slider .news-block__col--briefs .news-card {
    height: auto;
    min-height: 0;
    overflow: hidden;
  }

  .news-card-slider .news-block__col--briefs .news-card__content {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: end;
    gap: var(--m12);
    box-sizing: border-box;
    padding-right: var(--m12);
  }

  .news-card-slider .news-block__col--briefs .news-card__btn {
    display: inline-flex !important;
    position: static;
    justify-self: end;
    align-self: end;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .news-card-slider .native-slide { width: 100%; min-width: 0; }
  .news-card-slider .news-block { width: 100%; }
  .news-block { container-type: inline-size; align-items: stretch; height: clamp(427px, 34.4cqw, 468px); }
  .news-block__col--lg,
  .news-block__col--briefs,
  .news-block__col--lg .news-card { height: 100%; }
  .news-block__col--briefs { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: var(--m12); }
  .news-block__col--briefs .news-card { height: auto; min-height: 0; overflow: hidden; padding: 0; border-radius: var(--otrana-radius-lg); background: var(--otrana-color-surface-muted); }
  .news-block__col--briefs .news-card__content { position: relative; inset: auto; display: grid; width: auto; height: 100% !important; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--m16); box-sizing: border-box; padding: var(--m20); }
  .news-block__col--briefs .news-card__text-wrap { align-self: stretch; height: auto !important; min-height: 0; }
  .news-block__col--briefs .news-card__name { max-width: 22em; font-size: var(--fs18); line-height: var(--lh18-sm); }
  .news-block__col--briefs .news-card__summary { display: -webkit-box; max-width: 34em; max-height: 2.8em; margin-top: var(--m4); overflow: hidden; color: var(--otrana-color-text-muted); font-size: var(--fs13); line-height: var(--lh13); white-space: normal; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .news-block__col--briefs .news-card__btn { align-self: end; }
  .news-block__col--briefs .news-card--accent { background: var(--otrana-color-brand); color: var(--otrana-color-ink-deep); }
  .news-card--accent .news-card__date,
  .news-card--accent .news-card__summary { color: var(--otrana-color-ink-deep); opacity: .66; }
}
/* otrana:responsive-rails */
@media (min-width: 768px) {
  .service-card-slider .slider-arrows-group,
  .article-card-slider .slider-arrows-group,
  .news-card-slider .slider-arrows-group {
    display: flex !important;
  }

  /* These rows are the desktop masonry proportions used by the original.
     Declaring the grid tracks prevents the locally stored source images from
     changing card height according to their larger intrinsic dimensions. */
  .main-popular__items {
    grid-template-rows: 165px 445px 272px;
  }

  .article-card-slider {
    min-height: 498px;
  }

  .manufacturer-card-slider .native-slider {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: repeat(2, 130px);
    gap: 0;
    height: 260px;
    overflow: hidden;
  }

  .manufacturer-card-slider .native-slide {
    width: auto;
    height: 130px;
    min-width: 0;
  }

  .manufacturer-card-slider .native-slide:nth-child(n+9) {
    border-top: 1px solid var(--otrana-color-border-muted);
  }

  .manufacturer-card-slider .manufacturer-card {
    width: 100%;
    height: 100%;
  }

  .manufacturer-card-slider .manufacturer-card__picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .manufacturer-card-slider .manufacturer-card__picture img {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    max-width: 160px;
    max-height: 110px;
    object-fit: contain;
  }


  .news-card-slider .slider-arrows-group {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .service-card-slider .native-slider {
    gap: var(--m8);
    align-items: stretch;
  }

  /* On phones the original runtime flattens grouped desktop columns into
     individual cards. Without that step two cards remained stacked inside
     one slide and made the section roughly 300px too tall. */
  .service-card-slider .native-slide {
    display: contents;
  }

  .service-card-slider .service-card {
    flex: 0 0 244px;
    width: 244px;
  }

  .manufacturer-card-slider .native-slider {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: repeat(3, 112px);
    grid-auto-flow: column;
    grid-auto-columns: 46%;
    gap: 0 8px;
    width: 100%;
    height: 336px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .manufacturer-card-slider .native-slider::-webkit-scrollbar {
    display: none;
  }

  .manufacturer-card-slider .native-slide {
    width: auto;
    height: 112px;
    min-width: 0;
    scroll-snap-align: start;
  }

  .manufacturer-card-slider .manufacturer-card,
  .manufacturer-card-slider .manufacturer-card__picture {
    width: 100%;
    height: 100%;
  }

  .manufacturer-card-slider .manufacturer-card__picture {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .manufacturer-card-slider .manufacturer-card__picture img {
    width: calc(100% - 12px);
    height: calc(100% - 16px);
    max-width: 140px;
    max-height: 88px;
    object-fit: contain;
  }

  .news-card-slider .native-slider,
  .news-card-slider .native-slide,
  .news-card-slider .news-block,
  .news-card-slider .news-block__col {
    width: 100%;
    height: auto;
  }

  .news-card-slider .news-block {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--m12);
  }

  .news-card-slider .news-block__col {
    display: flex;
    flex-direction: column;
  }

  .news-card-slider .news-card {
    width: 100%;
  }

  .news-card-slider .news-card--lg {
    display: flex;
    flex-direction: column;
  }

  .news-card-slider .news-card--lg .news-card__picture {
    position: relative;
    inset: auto;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: var(--br16);
  }

  .news-card-slider .news-card--lg .news-card__picture picture,
  .news-card-slider .news-card--lg .news-card__picture img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .news-card-slider .news-card--lg .news-card__picture img {
    object-fit: cover;
    object-position: center;
  }

  .news-card-slider .news-card__content {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 0;
    padding: 14px 0;
    background: transparent;
  }

  .news-card-slider .news-card--sm {
    border-top: 1px solid var(--otrana-color-border-muted);
  }

  .news-card-slider .news-card--sm .news-card__content {
    padding: 14px 0;
  }

  .news-card-slider .news-card__btn {
    display: none;
  }


  .main-banner-slider {
    height: 373px;
    min-height: 373px;
    border-radius: var(--br16);
  }

  .main-banner__content {
    inset: 0;
    width: 100%;
    padding: var(--m24);
  }

  .main-banner__name { margin-bottom: 10px; font-size: var(--fs24); }
  .main-banner__text, .main-banner__text h3 { font-size: var(--fs13); }
  .main-banner__text li:nth-child(n+3) { display: none; }
  .main-banner-slider__arrows { display: none !important; }
  .main-banner-slider__pagination { top: auto; right: 16px; bottom: 16px; left: auto; }
}
/* otrana:header-catalog */
@media (max-width: 1023px) {
  .header__logo.otrana-wordmark {
    align-self: center;
    width: var(--otrana-logo-width-compact);
    min-width: var(--otrana-logo-width-compact);
    height: var(--otrana-logo-height-compact);
    max-height: var(--otrana-logo-height-compact);
    margin: 0;
  }

  .header__logo.otrana-wordmark img {
    width: var(--otrana-logo-width-compact);
  }
}

/* Otrana catalogue: all text and images are present in HTML; JS only switches panels. */
:root { --otrana-catalog-desktop-top: 106px; }
.header__catalog-btn[aria-expanded='true'] .menu-icon i:nth-child(1) { transform: rotate(45deg); }
.header__catalog-btn[aria-expanded='true'] .menu-icon i:nth-child(2) { transform: scaleX(0); }
.header__catalog-btn[aria-expanded='true'] .menu-icon i:nth-child(3) { transform: rotate(-45deg); }
.header__catalog-menu { position: fixed !important; z-index: 10020 !important; top: var(--otrana-catalog-desktop-top) !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: translateY(-10px); }
.header__catalog-menu.is-open { transform: none; }
html.menu-open,
html.menu-open body { overflow: hidden; }

.otrana-catalog { position: relative; width: 100%; height: 100%; background: var(--otrana-color-surface); color: var(--otrana-color-surface-inverse); box-shadow: none; }
.otrana-catalog__header { display: none; }
.otrana-catalog__close { position: relative; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--otrana-color-surface-soft); cursor: pointer; }
.otrana-catalog__close::before,.otrana-catalog__close::after { position: absolute; top: 19px; left: 11px; width: 18px; height: 2px; background: var(--otrana-neutral-875); content: ''; transform: rotate(45deg); }
.otrana-catalog__close::after { transform: rotate(-45deg); }
.otrana-catalog__body { display: grid; height: 100%; grid-template-columns: 364px 1fr; min-height: 0; }
.otrana-catalog__categories { overflow: auto; padding: 20px 7px 20px 40px; border-right: 1px solid var(--otrana-color-border-soft); scrollbar-color: var(--otrana-color-border-strong) transparent; scrollbar-width: thin; }
.otrana-catalog__categories::-webkit-scrollbar,.otrana-catalog__details::-webkit-scrollbar { width: 6px; }
.otrana-catalog__categories::-webkit-scrollbar-track,.otrana-catalog__details::-webkit-scrollbar-track { background: transparent; }
.otrana-catalog__categories::-webkit-scrollbar-thumb,.otrana-catalog__details::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--otrana-color-border-strong); }
.otrana-catalog__category { display: grid; box-sizing: border-box; width: 100%; min-height: 60px; grid-template-columns: 44px 1fr 18px; align-items: center; gap: var(--m8); padding: 7px 8px; border: 0; border-radius: 10px; background: transparent; color: var(--otrana-color-ink); font: inherit; font-size: var(--fs16); font-weight: 600; text-align: left; text-decoration: none; cursor: pointer; }
.otrana-catalog__category:hover,.otrana-catalog__category.is-active { background: var(--otrana-color-surface-muted); color: var(--otrana-color-brand-active); }
.otrana-catalog__category b { font-size: 26px; font-weight: 400; }
.otrana-catalog__category-meta { display: none; }
.otrana-catalog__thumb { display: block; width: 44px; height: 44px; overflow: hidden; border-radius: 0; background: transparent; }
.otrana-catalog__thumb img { width: 100%; height: 100%; object-fit: contain; }
.otrana-catalog__details { overflow: auto; padding: 20px 16px; }
.otrana-catalog__panel { display: none; }
.otrana-catalog__panel.is-active { display: block; }
.otrana-catalog__panel-head { display: flex; align-items: baseline; gap: var(--m12); margin-bottom: 22px; }
.otrana-catalog__panel-head img { display: none; }
.otrana-catalog__panel-head h3 { max-width: 760px; margin: 0 0 8px; font-size: var(--fs40); font-weight: 500; line-height: 1.1; }
.otrana-catalog__panel-head a { display: none; }
.otrana-catalog__count { color: var(--otrana-color-text-muted-alt); font-size: var(--fs16); white-space: nowrap; }
.otrana-catalog__groups { display: grid; gap: var(--m24); }
.otrana-catalog__empty-link { display: inline-flex; min-height: 48px; align-items: center; padding: 0 var(--m20); border-radius: var(--br12); background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); font-size: var(--fs16); font-weight: 600; text-decoration: none; }
.otrana-catalog__empty-link:hover { background: var(--otrana-color-brand); color: #fff; }

.otrana-catalog__group h4 { margin: 0 0 var(--m12); color: var(--otrana-color-text-muted-alt); font-size: var(--fs13); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.otrana-catalog__group h4 span { margin-left: var(--m6); color: var(--otrana-color-text-muted); font-weight: 500; }
.otrana-catalog__group--related { padding-top: var(--m20); border-top: 1px solid var(--otrana-color-border-soft); }
.otrana-catalog__links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 52px; }
.otrana-catalog__links a { min-height: 35px; padding: 6px 0; border: 0; color: var(--otrana-color-ink); font-size: 17px; line-height: 1.35; text-decoration: none; }
.otrana-catalog__links a:hover { color: var(--otrana-color-brand-active); }
.otrana-catalog__links .otrana-catalog__tree-link--depth-0 { font-weight: 400; }
.otrana-catalog__links--related a { font-size: var(--fs14); font-weight: 500; }
.otrana-catalog__related-image { display: none; }

@media (min-width: 1200px) {
  .otrana-catalog__links--related { gap: var(--m12) 28px; }
  .otrana-catalog__links--related a { display: grid; min-height: 60px; grid-template-columns: 60px minmax(0, 1fr); align-items: center; gap: var(--m8); padding: 4px 0; line-height: 1.25; }
  .otrana-catalog__related-image { display: block; width: 60px; height: 52px; }
  .otrana-catalog__related-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
}

.otrana-catalog__links .otrana-catalog__tree-link--depth-1 { padding-left: 14px; color: var(--otrana-color-text-muted-alt); font-size: var(--fs14); }
.otrana-catalog__links .otrana-catalog__tree-link--depth-2 { padding-left: 28px; color: var(--otrana-color-text-muted-alt); font-size: var(--fs14); }
.otrana-catalog__links .otrana-catalog__tree-link:hover { color: var(--otrana-color-brand-active); }
.otrana-catalog__back { display: none; }

@media (max-width: 1199px) {
  .header__catalog-menu { top: 60px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: calc(100dvh - 60px) !important; transform: translateY(12px); }
  .header__catalog-menu.is-open { transform: none; }
  .otrana-catalog { height: calc(100dvh - 60px); box-shadow: none; }
  .otrana-catalog__header { display: flex; height: 56px; align-items: center; justify-content: center; padding: 0 46px; border: 0; font-size: 17px; }
  .otrana-catalog__header strong { font-weight: 600; }
  .otrana-catalog__close { display: none; }
  .otrana-catalog__body { display: block; height: calc(100dvh - 116px); }
  .otrana-catalog__categories { height: 100%; padding: 0 20px 24px; border: 0; }
  .otrana-catalog__categories,.otrana-catalog__details { scrollbar-width: none; }
  .otrana-catalog__categories::-webkit-scrollbar,.otrana-catalog__details::-webkit-scrollbar { display: none; }
  .otrana-catalog__category { width: max-content; max-width: 100%; min-height: 42px; grid-template-columns: auto 12px; gap: 3px; padding: 7px 0; border: 0; border-radius: 0; font-size: var(--fs14); }
  .otrana-catalog__category:hover,.otrana-catalog__category.is-active { background: transparent; color: var(--otrana-color-ink); }
  .otrana-catalog__category b { font-size: var(--fs18); }
  .otrana-catalog__thumb { display: none; }
  .otrana-catalog__details { display: none; height: 100%; padding: 0 20px 24px; }
  .otrana-catalog.is-detail .otrana-catalog__categories { display: none; }
  .otrana-catalog.is-detail .otrana-catalog__details { display: block; }
  .otrana-catalog__back { position: absolute; z-index: 2; top: 13px; left: 20px; display: inline-flex; width: 28px; height: 30px; margin: 0; padding: 0; align-items: center; border: 0; background: none; color: var(--otrana-color-text-subtle-alt); font-size: 0; }
  .otrana-catalog__back::before { content: '‹'; font-size: 22px; font-weight: 400; }
  .otrana-catalog__panel-head { display: block; margin: 0; }
  .otrana-catalog__panel-head img,.otrana-catalog__panel-head h3 { display: none; }
  .otrana-catalog__count { display: none; }
  .otrana-catalog__panel-head a { display: block; box-sizing: border-box; height: 47px; padding: 7px 0; font-size: var(--fs14); font-weight: 600; }
  .otrana-catalog__links { grid-template-columns: 1fr; gap: 0; }
  .otrana-catalog__links a { box-sizing: border-box; height: 42px; min-height: 0; padding: 7px 0; font-size: var(--fs14); font-weight: 500; }
  .otrana-catalog__links a::after { margin-left: 4px; content: '›'; }
  .otrana-catalog__links .otrana-catalog__tree-link--depth-0 { font-weight: 500; }
  .otrana-catalog__group h4 { margin-top: var(--m8); }

  .otrana-catalog__close { display: none !important; }

  .header__menu-btn[aria-expanded='true'] .menu-icon i:nth-child(1) {
    transform: rotate(45deg);
  }

  .header__menu-btn[aria-expanded='true'] .menu-icon i:nth-child(2) {
    transform: scaleX(0);
  }

  .header__menu-btn[aria-expanded='true'] .menu-icon i:nth-child(3) {
    transform: rotate(-45deg);
  }
}

/* Tablet: persistent category index with the selected category beside it. */
@media (min-width: 768px) and (max-width: 1199px) {
  .otrana-catalog__header {
    position: relative;
    justify-content: flex-start;
    padding: 0 72px 0 24px;
    border-bottom: 1px solid var(--otrana-color-border-soft);
  }

  .otrana-catalog__header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .otrana-catalog__close {
    position: absolute;
    right: 16px;
    display: block;
  }

  .otrana-catalog__body {
    display: grid;
    grid-template-columns: minmax(270px, 36%) minmax(0, 1fr);
  }

  .otrana-catalog__categories,
  .otrana-catalog.is-detail .otrana-catalog__categories {
    display: block;
    height: 100%;
    padding: 12px 12px 24px 24px;
    border-right: 1px solid var(--otrana-color-border-soft);
  }

  .otrana-catalog__category {
    width: 100%;
    min-height: 64px;
    grid-template-columns: 48px minmax(0, 1fr) 20px;
    grid-template-rows: auto auto;
    gap: 1px var(--m12);
    padding: 7px 10px;
    border-radius: var(--otrana-radius-md);
    font-size: var(--fs14);
  }

  .otrana-catalog__category:hover,
  .otrana-catalog__category.is-active {
    background: var(--otrana-color-surface-muted);
    color: var(--otrana-color-brand-active);
  }

  .otrana-catalog__thumb {
    display: block;
    width: 48px;
    height: 48px;
    grid-row: 1 / 3;
  }

  .otrana-catalog__category > b {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
  }

  .otrana-catalog__category-meta {
    display: block;
    grid-column: 2;
    color: var(--otrana-color-text-muted);
    font-size: var(--fs12);
    font-weight: 500;
  }

  .otrana-catalog__details,
  .otrana-catalog.is-detail .otrana-catalog__details {
    display: block;
    height: 100%;
    padding: 24px;
  }

  .otrana-catalog__back { display: none; }
  .otrana-catalog__panel-head { display: block; margin-bottom: var(--m24); }
  .otrana-catalog__panel-head img,
  .otrana-catalog__panel-head a { display: none; }
  .otrana-catalog__panel-head h3 { display: block; max-width: 18em; margin: 0; font-size: var(--fs28); line-height: 1.15; }
  .otrana-catalog__count { display: none; }
  .otrana-catalog__links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px var(--m24); }
  .otrana-catalog__links a { height: auto; min-height: 44px; padding: 10px 0; font-size: var(--fs14); font-weight: 500; }
  .otrana-catalog__links a::after { content: none; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .header__catalog-menu {
    top: var(--otrana-catalog-desktop-top) !important;
    height: calc(100dvh - var(--otrana-catalog-desktop-top)) !important;
  }

  .otrana-catalog { height: calc(100dvh - var(--otrana-catalog-desktop-top)); }
  .otrana-catalog__body { height: calc(100dvh - var(--otrana-catalog-desktop-top) - 56px); }
}

/* Phone: two distinct touch screens with a reversible drilldown. */
@media (max-width: 767px) {
  .otrana-catalog__header {
    position: relative;
    justify-content: center;
    padding: 0 56px;
    border-bottom: 1px solid var(--otrana-color-border-soft);
  }

  .otrana-catalog__header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .otrana-catalog__close {
    position: absolute;
    right: 10px;
    display: block;
    width: 36px;
    height: 36px;
  }

  .otrana-catalog__body { position: relative; overflow: hidden; }

  .otrana-catalog__categories,
  .otrana-catalog__details,
  .otrana-catalog.is-detail .otrana-catalog__categories,
  .otrana-catalog.is-detail .otrana-catalog__details {
    position: absolute;
    inset: 0;
    display: block;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    transition: transform var(--otrana-control-duration) var(--otrana-control-easing), opacity var(--otrana-control-duration) ease;
  }

  .otrana-catalog__categories { padding: 8px var(--m16) 32px; transform: translateX(0); opacity: 1; }
  .otrana-catalog__details { padding: 16px var(--m16) 32px; transform: translateX(100%); opacity: 0; pointer-events: none; }
  .otrana-catalog.is-detail .otrana-catalog__categories { transform: translateX(-24%); opacity: 0; pointer-events: none; }
  .otrana-catalog.is-detail .otrana-catalog__details { transform: translateX(0); opacity: 1; pointer-events: auto; }

  .otrana-catalog__category {
    width: 100%;
    min-height: 64px;
    grid-template-columns: 48px minmax(0, 1fr) 20px;
    grid-template-rows: auto auto;
    gap: 1px var(--m12);
    padding: 7px 4px;
    border-bottom: 1px solid var(--otrana-color-border-soft);
    font-size: var(--fs14);
  }

  .otrana-catalog__category:active { color: var(--otrana-color-brand-active); }
  .otrana-catalog__thumb { display: block; width: 48px; height: 48px; grid-row: 1 / 3; }
  .otrana-catalog__category > b { grid-column: 3; grid-row: 1 / 3; align-self: center; font-size: 24px; }
  .otrana-catalog__category-meta { display: block; grid-column: 2; color: var(--otrana-color-text-muted); font-size: var(--fs12); font-weight: 500; }

  .otrana-catalog__back {
    position: static;
    width: auto;
    min-height: 44px;
    margin-bottom: var(--m12);
    gap: var(--m8);
    color: var(--otrana-color-ink);
    font-size: var(--fs14);
    font-weight: 600;
  }

  .otrana-catalog__back::before { content: none; }
  .otrana-catalog__panel-head { display: none; }
  .otrana-catalog__links { grid-template-columns: 1fr; }
  .otrana-catalog__links a { display: flex; min-height: 48px; height: auto; align-items: center; padding: 8px 4px; border-bottom: 1px solid var(--otrana-color-border-soft); font-size: var(--fs14); }
  .otrana-catalog__links a::after { margin-left: auto; padding-left: var(--m12); }
}
/* otrana:manufacturers */
.manufacturer-card-slider .slider-arrows-group { display: none !important; }

.manufacturer-card-slider .manufacturer-card {
  display: block;
  position: relative;
  box-sizing: border-box;
}

.otrana-manufacturer-name {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: var(--m16);
  color: var(--otrana-color-ink);
  font: 700 clamp(12px, 1.15vw, 17px)/1.15 'Manrope', Arial, sans-serif;
  text-align: center;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.otrana-manufacturer-logo {
  display: block !important;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  margin: var(--m12);
  object-fit: contain;
  object-position: center;
  transform: scale(1);
  transition: transform var(--otrana-control-duration) var(--otrana-control-easing);
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .manufacturer-card--link:hover .otrana-manufacturer-logo {
    transform: scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .otrana-manufacturer-logo {
    transition: none;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .manufacturer-card-slider .native-slider {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(4, 116px);
    height: 464px;
  }

  .manufacturer-card-slider .native-slide {
    width: auto;
    min-width: 0;
    height: 116px;
  }

  .manufacturer-card-slider .manufacturer-card,
  .manufacturer-card-slider .manufacturer-card__picture {
    width: 100%;
    height: 100% !important;
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .manufacturer-card-slider .native-slider {
    grid-template-rows: repeat(3, 96px);
    grid-auto-columns: 42%;
    height: 288px;
  }

  .manufacturer-card-slider .native-slide {
    height: 96px;
  }

  .manufacturer-card-slider .manufacturer-card,
  .manufacturer-card-slider .manufacturer-card__picture {
    min-height: 0;
  }

  .manufacturer-card-slider .manufacturer-card__picture img {
    max-width: 124px;
    max-height: 72px;
  }
}
/* otrana:catalog-categories */
.main-page__promo:not(:empty) {
  margin-bottom: var(--m32);
}

.main-page__promo-categories:not(:empty) {
  margin-bottom: var(--m120);
}

.main-catalog-category__picture img {
  object-fit: contain;
}

/* Below desktop the category grid becomes a two-row, touch-first rail. */
@media (max-width: 1239px) {
  .main-page__catalog-categories {
    display: block !important;
  }

  .main-catalog-categories {
    position: relative;
    width: calc(100% + 2 * var(--full-page-gutter));
    margin-right: calc(-1 * var(--full-page-gutter));
    margin-left: calc(-1 * var(--full-page-gutter));
  }

  .main-catalog-categories__items {
    display: grid !important;
    grid-template-rows: repeat(2, 80px);
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: clamp(184px, 27vw, 230px);
    gap: var(--m12);
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: var(--full-page-gutter);
    scroll-padding-inline: var(--m12);
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .main-catalog-categories__items::-webkit-scrollbar {
    display: none;
  }

  .main-catalog-category {
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    height: 80px;
    scroll-snap-align: start;
  }
}

@media (max-width: 767px) {
  .main-page__promo-categories {
    order: 1;
  }
}

@media (max-width: 767px) {
  .main-catalog-categories {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .main-catalog-categories__items {
    grid-auto-columns: clamp(176px, 54vw, 208px);
    padding-right: var(--page-gutter);
  }
}
/* otrana:services */
/* Services are a complete responsive grid, not a carousel. */
.service-card-slider .native-slider {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--m16);
  overflow: visible;
  align-items: stretch;
}

.service-card-slider .native-slide {
  width: auto;
  min-width: 0;
  display: grid;
  gap: var(--m16);
}

.service-card-slider .slider-arrows-group {
  display: none !important;
}

.service-card-slider .service-card {
  width: auto;
  min-width: 0;
}

.service-card__picture {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.service-card__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.service-card:has(.service-card__picture) {
  min-height: 516px;
  padding-bottom: 188px;
}

.service-card:has(.service-card__picture) .service-card__btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 2;
}

@media (min-width: 1200px) {
  .service-card:has(.service-card__picture) {
    overflow: hidden;
  }

  .service-card__picture {
    right: -88px;
    bottom: -22px;
    left: auto;
    width: 82%;
  }

  .service-card__picture img {
    transform: scale(1.6);
    transform-origin: right bottom;
  }
}

@media (max-width: 1199px) {
  .service-card-slider .native-slider {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .service-card-slider .native-slide {
    display: contents;
  }

  .service-card-slider .native-slide:first-child .service-card {
    grid-column: span 3;
    min-height: 220px;
    height: 220px;
  }

  .service-card-slider .native-slide:not(:first-child) .service-card {
    grid-column: span 2;
    min-height: 360px;
    height: 360px;
    padding-bottom: 150px;
    overflow: hidden;
  }

  .service-card-slider .native-slide:not(:first-child) .service-card__picture {
    height: 118px;
  }
}

@media (max-width: 767px) {
  .service-card-slider {
    border-radius: 0 !important;
  }

  .service-card-slider::after {
    display: none !important;
  }

  .service-card-slider .native-slider {
    display: flex;
    gap: var(--m8);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .service-card-slider .native-slider::-webkit-scrollbar { display: none; }

  .service-card-slider .native-slide {
    display: grid;
    flex: 0 0 min(82vw, 320px);
    width: min(82vw, 320px);
    height: 350px;
    gap: var(--m8);
    scroll-snap-align: start;
  }

  .service-card-slider .native-slide:first-child {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .service-card-slider .native-slide:first-child .service-card,
  .service-card-slider .native-slide:not(:first-child) .service-card {
    grid-column: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .service-card-slider .native-slide:not(:first-child) .service-card {
    height: 350px;
    padding-bottom: 145px;
    overflow: hidden;
  }

  .service-card-slider .native-slide:not(:first-child) .service-card__picture {
    height: 112px;
  }

  .service-card__picture img {
    transform: scale(1.5);
    transform-origin: center bottom;
  }
}
.service-card-slider {
  border-top-right-radius: var(--br20) !important;
}

.service-card-slider::after {
  display: none !important;
}
/* otrana:footer */
.otrana-footer {
  --otrana-footer-control-border: var(--otrana-neutral-600);
  --otrana-footer-control-background: var(--otrana-neutral-800);
  --otrana-footer-text-subtle: var(--otrana-neutral-600);
  --otrana-footer-divider: var(--otrana-neutral-750);
  margin-top: 88px;
  padding: 48px 40px 24px;
  background: var(--otrana-color-ink);
  color: var(--otrana-color-surface);
  border-radius: 28px 28px 0 0;
}

.otrana-footer a {
  color: inherit;
  text-decoration: none;
}

.otrana-footer__main {
  display: grid;
  grid-template-columns: 1.15fr .8fr .9fr 1.35fr;
  gap: 36px;
  max-width: 1360px;
  margin: 0 auto;
}

.otrana-footer h2 {
  margin: 0 0 20px;
  color: var(--otrana-color-surface);
  font-size: var(--fs16);
  line-height: 1.25;
  font-weight: 700;
}

.otrana-footer__brand p,
.otrana-footer__contacts address,
.otrana-footer__hours {
  margin: 0 0 18px;
  color: var(--otrana-color-text-subtle);
  font-size: var(--fs13);
  line-height: 1.5;
  font-style: normal;
}

.otrana-footer__logo {
  display: block;
  width: 180px;
  margin-bottom: 22px;
}

.otrana-footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.otrana-footer__quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--m8);
}

.otrana-footer__quick-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--otrana-footer-control-border);
  border-radius: 50%;
  position: relative;
  transition: border-color var(--otrana-control-duration) ease,
    background-color var(--otrana-control-duration) ease,
    transform var(--otrana-control-duration) var(--otrana-control-easing);
}

.otrana-footer__quick-links a::before {
  content: '';
  position: absolute;
  width: 19px;
  height: 19px;
  background: var(--otrana-footer-control-border);
  mask: center / contain no-repeat;
  transition: background-color var(--otrana-control-duration) ease;
}

.otrana-footer__quick-links a:nth-child(1)::before { mask-image: url('../assets/social-telegram.svg?v=1'); }
.otrana-footer__quick-links a:nth-child(2)::before { mask-image: url('../assets/social-whatsapp.svg?v=1'); }
.otrana-footer__quick-links a:nth-child(3)::before { mask-image: url('../assets/social-viber.svg?v=1'); }

.otrana-footer__quick-links a:hover {
  background: transparent;
  border-color: var(--otrana-color-brand);
  transform: scale(1.06);
}

.otrana-footer__quick-links a:hover::before {
  background: var(--otrana-color-brand);
}

.otrana-footer__quick-links img,
.otrana-footer__quick-links svg {
  display: block;
  width: 19px;
  height: 19px;
  object-fit: contain;
}

.otrana-footer__quick-links img {
  opacity: 0;
}

.otrana-footer__quick-links svg {
  color: var(--otrana-color-surface);
}

.otrana-footer__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.otrana-footer__column a,
.otrana-footer__stock {
  color: var(--otrana-color-text-subtle);
  font-size: var(--fs13);
  line-height: 1.35;
}

.otrana-footer__column a:hover,
.otrana-footer__stock:hover,
.otrana-footer__email:hover,
.otrana-footer__phones a:hover {
  color: var(--otrana-color-brand);
}

.otrana-footer__phones {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 14px;
}

.otrana-footer__phones a,
.otrana-footer__email {
  font-size: var(--fs14);
  font-weight: 600;
}

.otrana-footer__phones span {
  color: var(--otrana-color-text-muted);
  font-size: var(--fs11);
  font-weight: 400;
}

.otrana-footer__email,
.otrana-footer__stock {
  display: block;
  margin-bottom: 14px;
}

.otrana-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: var(--m24);
  max-width: 1360px;
  margin: 40px auto 0;
  padding-top: 20px;
  color: var(--otrana-color-text-muted);
  border-top: 1px solid var(--otrana-footer-divider);
  font-size: var(--fs12);
}

@media (max-width: 1199px) {
  .otrana-footer__main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 767px) {
  .otrana-footer {
    margin-top: 56px;
    padding: 32px 16px;
    border-radius: 22px 22px 0 0;
  }

  .otrana-footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--m32) 20px;
  }

  .otrana-footer__brand,
  .otrana-footer__contacts {
    grid-column: 1 / -1;
  }

  .otrana-footer__logo {
    width: 150px;
  }

  .otrana-footer__bottom {
    flex-direction: column;
    margin-top: 32px;
  }
}
/* otrana:brand-primitives */
:root {
  --otrana-yellow-400: #ffd02f;
  --otrana-yellow-500: #fcc202;
  --otrana-orange-600: #f28a1a;
  --otrana-orange-500: #f89d31;
  --otrana-neutral-975: #171717;
  --otrana-neutral-950: #111111;
  --otrana-neutral-925: #202020;
  --otrana-neutral-900: #242424;
  --otrana-neutral-875: #222222;
  --otrana-neutral-800: #343434;
  --otrana-neutral-750: #3d3d3d;
  --otrana-neutral-700: #474747;
  --otrana-neutral-600: #737373;
  --otrana-neutral-500: #838383;
  --otrana-neutral-450: #909090;
  --otrana-neutral-350: #a5a5a5;
  --otrana-neutral-300: #ababab;
  --otrana-neutral-175: #e1e1e1;
  --otrana-neutral-160: #e4e4e4;
  --otrana-neutral-140: #e7e9eb;
  --otrana-neutral-200: #e8e8e8;
  --otrana-neutral-90: #f2f3f4;
  --otrana-neutral-100: #f6f6f6;
  --otrana-white: #ffffff;
  --otrana-red-500: #f14e38;

  --otrana-white-a14: rgba(255, 255, 255, 0.14);
  --otrana-white-a16: rgba(255, 255, 255, 0.16);
  --otrana-white-a24: rgba(255, 255, 255, 0.24);
  --otrana-white-a26: rgba(255, 255, 255, 0.26);
  --otrana-white-a28: rgba(255, 255, 255, 0.28);
  --otrana-white-a32: rgba(255, 255, 255, 0.32);
  --otrana-white-a34: rgba(255, 255, 255, 0.34);
  --otrana-white-a42: rgba(255, 255, 255, 0.42);
  --otrana-white-a80: rgba(255, 255, 255, 0.8);
  --otrana-black-a08: rgba(0, 0, 0, 0.08);
  --otrana-black-a12: rgba(0, 0, 0, 0.12);
  --otrana-black-a14: rgba(0, 0, 0, 0.14);
  --otrana-black-a16: rgba(0, 0, 0, 0.16);
  --otrana-black-a26: rgba(0, 0, 0, 0.26);
  --otrana-black-a28: rgba(0, 0, 0, 0.28);
  --otrana-black-a32: rgba(0, 0, 0, 0.32);
  --otrana-black-a34: rgba(0, 0, 0, 0.34);
  --otrana-hero-shadow-strong: rgba(22, 12, 12, 0.54);
  --otrana-hero-shadow-medium: rgba(22, 12, 12, 0.26);
  --otrana-hero-shadow-soft: rgba(22, 12, 12, 0.18);
}
/* otrana:semantics */
:root {
  --otrana-color-brand: var(--otrana-yellow-500);
  --otrana-color-brand-soft-hover: var(--otrana-yellow-400);
  --otrana-color-brand-active: var(--otrana-orange-600);
  --otrana-color-brand-hover: var(--otrana-orange-500);
  --otrana-color-ink: var(--otrana-neutral-900);
  --otrana-color-ink-deep: var(--otrana-neutral-975);
  --otrana-color-ink-strong: var(--otrana-neutral-950);
  --otrana-color-text-muted: var(--otrana-neutral-500);
  --otrana-color-text-muted-alt: var(--otrana-neutral-450);
  --otrana-color-text-subtle: var(--otrana-neutral-300);
  --otrana-color-text-subtle-alt: var(--otrana-neutral-350);
  --otrana-color-text-on-inverse: var(--otrana-white);
  --otrana-color-surface: var(--otrana-white);
  --otrana-color-surface-muted: var(--otrana-neutral-100);
  --otrana-color-surface-soft: var(--otrana-neutral-90);
  --otrana-color-surface-inverse: var(--otrana-neutral-925);
  --otrana-color-border: var(--otrana-neutral-200);
  --otrana-color-border-soft: var(--otrana-neutral-140);
  --otrana-color-border-muted: var(--otrana-neutral-160);
  --otrana-color-border-strong: var(--otrana-neutral-175);
  --otrana-color-danger: var(--otrana-red-500);

  --otrana-font-family: var(--input-font-family, 'Manrope', Arial, sans-serif, -apple-system);
  --otrana-font-weight-regular: 400;
  --otrana-font-weight-medium: 500;
  --otrana-font-weight-semibold: 600;
  --otrana-font-weight-bold: 700;
  --otrana-font-weight-extrabold: 800;

  --otrana-text-caption: var(--fs12);
  --otrana-text-small: var(--fs14);
  --otrana-text-body: var(--fs16);
  --otrana-text-card-title: var(--fs20);
  --otrana-text-section-title: var(--fs40);

  --otrana-radius-sm: 10px;
  --otrana-radius-md: var(--br16);
  --otrana-radius-lg: var(--br24);
  --otrana-radius-pill: 999px;
  --otrana-shadow-card: 0 12px 32px rgba(17, 17, 17, 0.06);
  --otrana-shadow-raised: 0 18px 40px rgba(17, 17, 17, 0.18);

  --otrana-control-duration: 200ms;
  --otrana-control-easing: cubic-bezier(.22, .8, .3, 1);
  --otrana-control-focus-color: var(--otrana-color-brand);
  --otrana-control-focus-width: 2px;
  --otrana-control-focus-offset: 3px;
  --otrana-control-glass-bg: var(--otrana-white-a14);
  --otrana-control-glass-border: var(--otrana-white-a16);
  --otrana-control-glass-hover-bg: var(--otrana-white-a26);
  --otrana-control-glass-hover-border: var(--otrana-white-a28);
  --otrana-control-glass-active-bg: var(--otrana-white-a32);
  --otrana-control-glass-active-border: var(--otrana-white-a34);
  --otrana-control-glass-dark-bg: var(--otrana-black-a14);
  --otrana-control-glass-dark-border: var(--otrana-black-a16);
  --otrana-control-glass-dark-hover-bg: var(--otrana-black-a26);
  --otrana-control-glass-dark-hover-border: var(--otrana-black-a28);
  --otrana-control-glass-dark-active-bg: var(--otrana-black-a32);
  --otrana-control-glass-dark-active-border: var(--otrana-black-a34);
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: var(--m12);
  left: var(--m12);
  padding: var(--m12) var(--m16);
  border-radius: var(--otrana-radius-sm);
  background: var(--otrana-color-ink);
  color: var(--otrana-color-text-on-inverse);
  transform: translateY(calc(-100% - var(--m24)));
}

.skip-link:focus { transform: translateY(0); }

/* These nodes used to be conditionally mounted by the previous runtime. */
.search-form__overlay,
.header__menu {
  display: none;
}

.main-feature-card__name,
.popular-category-card__name,
.service-card__name,
.article-card__name,
.news-card__name {
  margin: 0;
}
/* otrana:layout-scale */
:root {
  --otrana-space-xs: var(--m8);
  --otrana-space-sm: var(--m12);
  --otrana-space-md: var(--m16);
  --otrana-space-lg: var(--m24);
  --otrana-space-xl: var(--m40);
  --otrana-content-gutter-desktop: var(--page-gutter);
  --otrana-content-gutter-tablet: var(--m24);
  --otrana-content-gutter-mobile: var(--m16);
  --otrana-section-gap: clamp(48px, 5vw, 64px);
  --otrana-section-head-gap: var(--m24);
  --otrana-page-bottom-gap: var(--m40);
}

/* One rhythm for every homepage section, regardless of its background. */
.main-page .page__content > section {
  margin-bottom: var(--otrana-section-gap) !important;
}

.main-page .section-header:not(:last-child),
.main-page .customer-reviews__header {
  margin-bottom: var(--otrana-section-head-gap) !important;
}

.main-page .section-header__title {
  font-size: var(--fs40) !important;
  line-height: var(--lh40) !important;
}

.main-page .otrana-footer {
  margin-top: 0 !important;
}
/* otrana:controls */
/* Canonical states for buttons, links and slider controls. */
.btn,
.catalog-card-arrow {
  transition-duration: var(--otrana-control-duration);
  transition-timing-function: var(--otrana-control-easing);
  transition-property: transform, opacity, color, border-color, background-color, box-shadow;
}

.btn:focus-visible,
.link--arrow:focus-visible,
.otrana-catalog__category:focus-visible,
.otrana-catalog__close:focus-visible,
.otrana-catalog__back:focus-visible {
  outline: var(--otrana-control-focus-width) solid var(--otrana-control-focus-color) !important;
  outline-offset: var(--otrana-control-focus-offset);
}

/* Color families. Size and shape modifiers stay independent. */
.btn--orange {
  --btn-bg-color: var(--otrana-color-brand);
  --btn-border-color: var(--otrana-color-brand);
  --btn-color: #403000;
  --btn-hover-bg-color: var(--otrana-color-brand-soft-hover);
  --btn-hover-border-color: var(--otrana-color-brand-soft-hover);
  --btn-hover-color: #403000;
  --btn-active-bg-color: var(--otrana-color-brand-active);
  --btn-active-border-color: var(--otrana-color-brand-active);
  --btn-active-color: #403000;
}

.btn--grey-light {
  --btn-bg-color: var(--otrana-color-surface-muted);
  --btn-border-color: var(--otrana-color-surface-muted);
  --btn-hover-bg-color: var(--otrana-color-surface-soft);
  --btn-hover-border-color: var(--otrana-color-surface-soft);
  --btn-active-bg-color: var(--otrana-color-border-strong);
  --btn-active-border-color: var(--otrana-color-border-strong);
}

.btn--black-light {
  --btn-bg-color: var(--otrana-neutral-700);
  --btn-border-color: var(--otrana-neutral-700);
  --btn-hover-bg-color: var(--otrana-neutral-600);
  --btn-hover-border-color: var(--otrana-neutral-600);
  --btn-active-bg-color: var(--otrana-neutral-750);
  --btn-active-border-color: var(--otrana-neutral-750);
}

.btn--white-with-border {
  --btn-bg-color: var(--otrana-color-surface);
  --btn-border-color: var(--otrana-color-border-strong);
  --btn-hover-bg-color: var(--otrana-color-surface-muted);
  --btn-hover-border-color: var(--otrana-color-border);
  --btn-active-bg-color: var(--otrana-color-border);
  --btn-active-border-color: var(--otrana-color-border-strong);
}

/* Reusable white-glass button for muted and photographic surfaces. */
.btn--glass-white {
  --btn-bg-color: var(--otrana-control-glass-bg);
  --btn-border-color: var(--otrana-control-glass-border);
  --btn-color: var(--otrana-color-ink);
  --btn-hover-bg-color: var(--otrana-control-glass-hover-bg);
  --btn-hover-border-color: var(--otrana-control-glass-hover-border);
  --btn-hover-color: var(--otrana-color-ink);
  --btn-active-bg-color: var(--otrana-control-glass-active-bg);
  --btn-active-border-color: var(--otrana-control-glass-active-border);
  --btn-active-color: var(--otrana-color-ink);
  box-shadow: inset 0 1px 0 var(--otrana-white-a24), 0 2px 6px var(--otrana-black-a08);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  backdrop-filter: blur(12px) saturate(125%);
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn--glass-white:hover {
    box-shadow: inset 0 1px 0 var(--otrana-white-a24), 0 3px 9px var(--otrana-black-a12);
    transform: scale(1.02);
  }
}

.btn--glass-white:active {
  box-shadow: inset 0 1px 0 var(--otrana-white-a14), 0 1px 3px var(--otrana-black-a08);
  transform: scale(.98);
}

/* Card arrows: one glass treatment, regardless of the card palette. */
.btn--more,
.btn--more-mobile-sm,
.catalog-card-arrow {
  --btn-bg-color: var(--otrana-control-glass-bg);
  --btn-border-color: var(--otrana-control-glass-border);
  --btn-color: var(--otrana-color-surface);
  --btn-hover-bg-color: var(--otrana-control-glass-hover-bg);
  --btn-hover-border-color: var(--otrana-control-glass-hover-border);
  --btn-hover-color: var(--otrana-color-surface);
  --btn-active-bg-color: var(--otrana-control-glass-active-bg);
  --btn-active-border-color: var(--otrana-control-glass-active-border);
  --btn-active-color: var(--otrana-color-surface);
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--otrana-control-glass-border) !important;
  border-radius: 50% !important;
  background: var(--btn-bg-color) !important;
  color: var(--btn-color) !important;
  box-shadow: inset 0 1px 0 var(--otrana-white-a14), 0 2px 6px var(--otrana-black-a08);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  backdrop-filter: blur(12px) saturate(125%);
  transform: scale(1);
}

.btn--more .symbol-more,
.btn--more-mobile-sm .symbol-more,
.catalog-card-arrow::before {
  color: inherit;
  fill: currentColor;
  transform: rotate(0deg) scale(1);
  transform-box: fill-box;
  transform-origin: 50% 50%;
  transition: transform var(--otrana-control-duration) var(--otrana-control-easing);
}

.native-promo-dot:focus-visible {
  outline: var(--otrana-control-focus-width) solid var(--otrana-color-surface);
  outline-offset: var(--otrana-control-focus-offset);
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  :is(.banner, .main-feature-card, .popular-category-card, .service-card, .catalog-category-card, .search-live__product):hover :is(.btn--more, .btn--more-mobile-sm, .catalog-card-arrow) {
    border-color: var(--otrana-control-glass-hover-border) !important;
    background: var(--otrana-control-glass-hover-bg) !important;
    box-shadow: inset 0 1px 0 var(--otrana-white-a24), 0 3px 9px var(--otrana-black-a12);
    transform: scale(1.08);
  }

  :is(.banner, .main-feature-card, .popular-category-card, .service-card, .search-live__product):hover :is(.btn--more, .btn--more-mobile-sm) .symbol-more {
    transform: rotate(45deg) scale(1.14);
  }

  .catalog-category-card:hover .catalog-card-arrow::before {
    transform: translate(-50%, -50%) rotate(45deg) scale(1.14);
  }
}

:is(.banner, .main-feature-card, .popular-category-card, .service-card, .catalog-category-card, .search-live__product):active :is(.btn--more, .btn--more-mobile-sm, .catalog-card-arrow) {
  border-color: var(--otrana-control-glass-active-border) !important;
  background: var(--otrana-control-glass-active-bg) !important;
  transform: scale(1.02);
}

:is(.banner, .main-feature-card, .popular-category-card, .service-card, .search-live__product):active :is(.btn--more, .btn--more-mobile-sm) .symbol-more {
  transform: rotate(45deg) scale(1.08);
}

.catalog-category-card:active .catalog-card-arrow::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(1.08);
}

/* Dark glass is used when a white glass control would disappear into a light card. */
:is(.main-feature-card:not(:first-child), .popular-category-card:not(.popular-category-card--black), .search-live__product) .btn--more,
.catalog-category-card .catalog-card-arrow {
  border-color: var(--otrana-control-glass-dark-border) !important;
  background: var(--otrana-control-glass-dark-bg) !important;
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  :is(.main-feature-card:not(:first-child), .popular-category-card:not(.popular-category-card--black), .search-live__product):hover .btn--more,
  .catalog-category-card:hover .catalog-card-arrow {
    border-color: var(--otrana-control-glass-dark-hover-border) !important;
    background: var(--otrana-control-glass-dark-hover-bg) !important;
  }
}

:is(.main-feature-card:not(:first-child), .popular-category-card:not(.popular-category-card--black), .search-live__product):active .btn--more,
.catalog-category-card:active .catalog-card-arrow {
  border-color: var(--otrana-control-glass-dark-active-border) !important;
  background: var(--otrana-control-glass-dark-active-bg) !important;
}

@media (max-width: 767px) {
  .slider-arrows-group {
    display: none !important;
  }

  .btn--more,
  .btn--more-mobile-sm {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
  }
}

/* Slider arrows are the motion reference for the rest of the controls. */
.main-banner-slider__arrows .slider-button-prev,
.main-banner-slider__arrows .slider-button-next {
  transition: transform var(--otrana-control-duration) var(--otrana-control-easing),
    background-color var(--otrana-control-duration) var(--otrana-control-easing),
    border-color var(--otrana-control-duration) var(--otrana-control-easing),
    box-shadow var(--otrana-control-duration) var(--otrana-control-easing);
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  .btn--more .symbol-more,
  .btn--more-mobile-sm .symbol-more,
  .catalog-card-arrow::before,
  .main-banner-slider__arrows .slider-button-prev,
  .main-banner-slider__arrows .slider-button-next {
    transition-duration: 0.01ms !important;
  }
}
/* otrana:accent-cards */
/* Shared interaction language for the coloured accent cards. */
.banner--orange,
.main-feature-card--orange {
  background-color: var(--otrana-color-brand);
  transition: background-color var(--otrana-control-duration) var(--otrana-control-easing);
}

.banner__rectangle,
.main-feature-card__rectangle,
.popular-category-card__rectangle {
  opacity: 1;
  -webkit-mask-image: none;
  mask-image: none;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 320ms var(--otrana-control-easing);
  will-change: transform;
}

.banner__rectangles,
.main-feature-card__rectangles,
.main-popular__item .popular-category-card__rectangles {
  opacity: 1;
}

/* The legacy content mask painted a second colour over the yellow card on hover. */
.main-feature-card--orange .main-feature-card__content::before {
  display: none;
}

.banner--orange .banner__rectangle {
  background-image: url('/images/rectangle/season-rings.svg');
}

.banner--black .banner__rectangle {
  background-image: url('/images/rectangle/supply-flow.svg');
}

.main-feature-card--orange .main-feature-card__rectangle {
  background-image: url('/images/rectangle/production-hex.svg');
}

.popular-category-card--black .popular-category-card__rectangle {
  background-image: url('/images/rectangle/chain-links.svg');
}

@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .banner--orange:hover,
  .main-feature-card--orange:hover {
    background-color: var(--otrana-color-brand-soft-hover);
  }

  .banner--orange:hover .banner__rectangle:nth-child(1) { transform: translate(8px, -5px) rotate(-1.5deg); }
  .banner--orange:hover .banner__rectangle:nth-child(2) { transform: translate(13px, -8px) rotate(-2.5deg); }
  .banner--orange:hover .banner__rectangle:nth-child(3) { transform: translate(18px, -11px) rotate(-3.5deg); }

  .banner--black:hover .banner__rectangle:nth-child(1) { transform: translate(-7px, 5px) rotate(1deg); }
  .banner--black:hover .banner__rectangle:nth-child(2) { transform: translate(-12px, 8px) rotate(2deg); }
  .banner--black:hover .banner__rectangle:nth-child(3) { transform: translate(-17px, 11px) rotate(3deg); }

  .main-feature-card--orange:hover .main-feature-card__rectangle:nth-child(1) { transform: translate(5px, -5px) rotate(2deg); }
  .main-feature-card--orange:hover .main-feature-card__rectangle:nth-child(2) { transform: translate(9px, -9px) rotate(4deg); }
  .main-feature-card--orange:hover .main-feature-card__rectangle:nth-child(3) { transform: translate(13px, -13px) rotate(6deg); }

  .popular-category-card--black:hover .popular-category-card__rectangle:nth-child(1) { transform: translate(-5px, -4px) rotate(-1deg); }
  .popular-category-card--black:hover .popular-category-card__rectangle:nth-child(2) { transform: translate(-9px, -7px) rotate(-2deg); }
  .popular-category-card--black:hover .popular-category-card__rectangle:nth-child(3) { transform: translate(-13px, -10px) rotate(-3deg); }
}

@media (prefers-reduced-motion: reduce) {
  .banner__rectangle,
  .main-feature-card__rectangle,
  .popular-category-card__rectangle {
    transition-duration: .01ms;
  }
}
/* otrana:corner-cuts */
/* Shared smooth top-right cut for dark feature containers. */
:root {
  --otrana-corner-cut-size: 100px;
  --otrana-corner-cut-overscan: 2px;
  --otrana-corner-cut-image: url('../assets/fa9ee291b77f76cc.svg');
}

.main-banner-slider {
  border-top-right-radius: 0 !important;
}

.main-banner-slider::after {
  content: '';
  position: absolute;
  z-index: 10;
  top: calc(-1 * var(--otrana-corner-cut-overscan));
  right: calc(-1 * var(--otrana-corner-cut-overscan));
  display: block;
  width: calc(var(--otrana-corner-cut-size) + var(--otrana-corner-cut-overscan) + var(--otrana-corner-cut-overscan));
  height: calc(var(--otrana-corner-cut-size) + var(--otrana-corner-cut-overscan) + var(--otrana-corner-cut-overscan));
  pointer-events: none;
  background: 0 100% / 100% 100% no-repeat var(--otrana-corner-cut-image);
}

@media (max-width: 767px) {
  :root {
    --otrana-corner-cut-size: 60px;
    --otrana-corner-cut-image: url('/images/corner/white-mobile.svg');
  }
}
/* otrana:catalog-page */
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.catalog-page { min-width: 0; background: var(--otrana-color-surface); }
.catalog-page .page__header { margin-bottom: 0; }
.catalog-page__content { padding: var(--m40) 0 var(--otrana-page-bottom-gap); }
.catalog-breadcrumbs { display: flex; align-items: center; gap: var(--m8); margin-bottom: var(--m24); color: var(--otrana-color-text-muted); font-size: var(--fs12); scrollbar-width: none !important; -ms-overflow-style: none; }
.catalog-breadcrumbs::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.catalog-breadcrumbs a { color: inherit; text-decoration: none; transition: color var(--otrana-control-duration) ease; }
.catalog-breadcrumbs a:hover { color: var(--otrana-color-ink); }
.catalog-intro { max-width: 760px; margin-bottom: var(--m60); }
.catalog-intro h1 { margin: 0; color: var(--otrana-color-ink-deep); font-size: var(--fs48); line-height: 1.04; letter-spacing: var(--ls48); }
.catalog-intro h1 + p { max-width: 620px; margin: var(--m16) 0 0; color: var(--otrana-color-text-muted); font-size: var(--fs16); line-height: var(--lh16); }
.catalog-section { margin-bottom: var(--otrana-section-gap); }
.catalog-section__header { display: flex; align-items: end; justify-content: space-between; gap: var(--m24); margin-bottom: var(--otrana-section-head-gap); }
.catalog-section__header h2, .catalog-cta h2 { margin: 0; color: var(--otrana-color-ink-deep); font-size: var(--fs32); line-height: var(--lh32); letter-spacing: var(--ls32); }
.catalog-section__header > span { padding-bottom: 4px; color: var(--otrana-color-text-muted); font-size: var(--fs13); }
.catalog-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-height: 218px; gap: var(--grid-gap); overflow: hidden; transition: max-height 600ms var(--otrana-control-easing); }
.catalog-categories.is-expanded .catalog-category-grid { max-height: 1600px; }
.catalog-categories__expand { display: flex; min-width: 180px; margin: var(--m24) auto 0; }
.catalog-categories__expand[hidden] { display: none; }
.catalog-category-card { position: relative; display: grid; min-width: 0; min-height: 218px; padding: var(--m24); overflow: hidden; box-sizing: border-box; border-radius: var(--br20); background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); text-decoration: none; isolation: isolate; }
.catalog-category-card__name { position: relative; z-index: 3; max-width: 78%; font-size: var(--fs18); font-weight: 600; line-height: 1.2; }
.catalog-category-card__meta { position: relative; z-index: 3; align-self: end; max-width: 55%; color: var(--otrana-color-text-muted); font-size: var(--fs12); }
.catalog-category-card img { position: absolute; z-index: 1; right: 0; bottom: 0; width: 50%; height: 100%; object-fit: contain; object-position: right bottom; transform: scale(1); transform-origin: right bottom; transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-card-arrow { position: absolute; z-index: 4; right: var(--m16); top: var(--m16); display: grid; width: 34px; height: 34px; place-items: center; box-sizing: border-box; font-size: 0; }
.catalog-card-arrow::before { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; content: ''; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.65777 1.625H2.33332V0.375H9.79165V7.83333H8.54165V2.50888L1.44193 9.60861L0.558044 8.72473L7.65777 1.625Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.65777 1.625H2.33332V0.375H9.79165V7.83333H8.54165V2.50888L1.44193 9.60861L0.558044 8.72473L7.65777 1.625Z'/%3E%3C/svg%3E") center / contain no-repeat; transform: translate(-50%, -50%) rotate(0deg) scale(1); transform-origin: 50% 50%; }
@media (pointer: fine) { .catalog-category-card:hover img { transform: scale(1.06); }
}
.catalog-products { padding-top: var(--m16); }
.catalog-products__header { align-items: center; }
.catalog-products__header > div { display: grid; gap: var(--m6); }
.catalog-products__count { color: var(--otrana-color-text-muted); font-size: var(--fs13); }
.catalog-sort { --btn-height: 42px; --btn-padding: var(--m16); font-size: var(--fs13); }
.catalog-sort span { margin-left: var(--m8); color: var(--otrana-color-text-muted); }
.catalog-sort .input { min-width: 190px; height: 42px; padding-block: 0; background-color: var(--otrana-color-surface-muted); cursor: pointer; }
.catalog-products__layout { display: grid; grid-template-columns: 312px minmax(0, 1fr); gap: var(--m24); align-items: start; }
.catalog-products__sidebar { position: static; }
.catalog-tree { overflow: hidden; border: 1px solid var(--otrana-color-border); border-radius: var(--br20); background: var(--otrana-color-surface); }
.catalog-tree__heading { display: flex; min-height: 66px; padding: 0 var(--m20); align-items: center; justify-content: space-between; gap: var(--m12); color: var(--otrana-color-ink-deep); font-size: var(--fs16); font-weight: 650; }
.catalog-tree__body details > summary::-webkit-details-marker { display: none; }
.catalog-tree__summary-count { color: var(--otrana-color-text-muted); font-size: var(--fs11); font-weight: 500; }
.catalog-tree__body { padding: 0 var(--m12) var(--m12); }
.catalog-tree__all, .catalog-tree__body details > summary { display: flex; min-height: 46px; padding: 0 var(--m12); box-sizing: border-box; align-items: center; justify-content: space-between; gap: var(--m8); border-radius: var(--br12); color: var(--otrana-color-ink); font-size: var(--fs14); font-weight: 600; text-decoration: none; cursor: pointer; list-style: none; transition: background-color var(--otrana-control-duration) ease, color var(--otrana-control-duration) ease; }
.catalog-tree__body details > summary > a { display: flex; min-width: 0; flex: 1; align-items: center; justify-content: space-between; gap: var(--m8); color: inherit; text-decoration: none; }
.catalog-tree__all span { color: var(--otrana-color-text-muted); font-size: var(--fs11); font-weight: 500; }
.catalog-tree__all.is-active { background: var(--otrana-color-ink); color: var(--otrana-color-surface); }
.catalog-tree__all.is-active span { color: var(--otrana-color-text-subtle); }
.catalog-tree__body li a.is-active { color: var(--otrana-color-ink); font-weight: 700; }
.catalog-tree__body details > summary > span[aria-hidden] { color: var(--otrana-color-text-muted); font-size: 18px; transform: rotate(0); transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-tree__body details[open] > summary > span[aria-hidden] { transform: rotate(90deg); }
.catalog-tree__body ul { display: grid; gap: 2px; margin: 0 0 var(--m8); padding: 2px 0 var(--m8) var(--m16); border-left: 1px solid var(--otrana-color-border); list-style: none; }
.catalog-tree__body li a { display: block; padding: 8px var(--m12); border-radius: var(--br8); color: var(--otrana-color-text-muted); font-size: var(--fs13); line-height: 1.3; text-decoration: none; transition: color var(--otrana-control-duration) ease, background-color var(--otrana-control-duration) ease; }
.catalog-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--grid-gap); }
.catalog-product-card { position: relative; display: flex; min-width: 0; overflow: hidden; box-sizing: border-box; flex-direction: column; border: 1px solid var(--otrana-color-border); border-radius: var(--br20); background: var(--otrana-color-surface); }
.catalog-product-card__image { position: relative; display: grid; aspect-ratio: 1.18; place-items: center; overflow: hidden; background: var(--otrana-color-surface); }
.catalog-product-card__image img { width: 88%; height: 88%; object-fit: contain; transform: scale(1); transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-product-card__image.is-placeholder { background: var(--otrana-color-surface); }
.catalog-product-card__image.is-placeholder img { width: 90%; height: auto; max-height: 90%; transform: none; }
.catalog-product-card__image img,
.product-gallery__stage img,
.product-gallery__thumb img { -webkit-user-drag: none; -webkit-touch-callout: none; user-select: none; }
.catalog-product-card__body { display: flex; min-height: 156px; padding: var(--m12); box-sizing: border-box; flex: 1; flex-direction: column; align-items: flex-start; background: var(--otrana-color-surface-muted); }
.catalog-product-card h3 { margin: 0; font-size: var(--fs16); line-height: 1.22; }
.catalog-product-card h3 a { color: inherit; text-decoration: none; }
.catalog-product-card h3 a::after { position: absolute; z-index: 1; inset: 0; content: ''; }
.catalog-product-card h3 a:focus-visible::after { outline: var(--otrana-control-focus-width) solid var(--otrana-control-focus-color); outline-offset: calc(-1 * var(--otrana-control-focus-offset)); border-radius: var(--br20); }
.catalog-product-card p { display: -webkit-box; margin: var(--m4) 0 var(--m10); overflow: hidden; color: var(--otrana-color-text-muted); font-size: var(--fs12); line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.catalog-product-card__button { position: relative; z-index: 2; width: 100%; height: 40px; margin-top: auto; padding-inline: var(--m12); font-size: var(--fs13); }
.catalog-product-card__button-icon { width: 20px; height: 20px; fill: currentColor; }
.btn__phone-icon { width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; }
.header__ask .btn__phone-icon { width: 16px; height: 16px; flex-basis: 16px; }
@media (pointer: fine) { .catalog-tree__all:hover, .catalog-tree__body details > summary:hover, .catalog-tree__body li a:hover { background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); }
.catalog-tree__all.is-active:hover { background: var(--otrana-color-ink); color: var(--otrana-color-surface); }
.catalog-product-card:hover .catalog-product-card__image:not(.is-placeholder) img { transform: scale(1.06); }
}
@media (min-width: 1200px) and (pointer: fine) {
  .catalog-product-card__body { position: relative; min-height: 104px; overflow: hidden; }
  .catalog-product-card p { transition: opacity var(--otrana-control-duration) ease, transform var(--otrana-control-duration) var(--otrana-control-easing); }
  .catalog-product-card__button { position: absolute; right: var(--m12); bottom: var(--m12); left: var(--m12); width: auto; height: 40px; margin: 0; opacity: 0; pointer-events: none; transform: translateX(115%); transition: opacity var(--otrana-control-duration) ease, transform var(--otrana-control-duration) var(--otrana-control-easing); }
  .catalog-product-card:is(:hover, :focus-within) p { opacity: 0; transform: translateX(-115%); }
  .catalog-product-card:is(:hover, :focus-within) .catalog-product-card__button { opacity: 1; pointer-events: auto; transform: none; }
}
.catalog-products__more { display: flex; min-width: 180px; margin: var(--m32) auto 0; }
.catalog-pagination { display: flex; align-items: center; justify-content: center; gap: var(--m8); }
.catalog-pagination a, .catalog-pagination span { display: grid; width: 40px; height: 40px; place-items: center; box-sizing: border-box; border: 1px solid var(--otrana-color-border); border-radius: var(--br12); color: var(--otrana-color-ink); font-size: var(--fs13); font-weight: 600; text-decoration: none; transition: background-color var(--otrana-control-duration) ease, border-color var(--otrana-control-duration) ease; }
.catalog-pagination span { border-color: var(--otrana-color-ink); background: var(--otrana-color-ink); color: var(--otrana-color-surface); }
.catalog-pagination-actions { display: flex; margin-top: var(--m32); align-items: center; justify-content: space-between; gap: var(--m16); flex-wrap: wrap; }
.catalog-infinite-button { min-width: 180px; margin: 0; }
.catalog-infinite-button__icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-infinite-button:hover .catalog-infinite-button__icon { transform: translateY(2px); }
.catalog-infinite-loader { display: none; width: 24px; height: 24px; box-sizing: border-box; border: 2px solid var(--otrana-color-border); border-top-color: var(--otrana-color-brand); border-radius: 50%; animation: otrana-infinite-spin .7s linear infinite; }
.catalog-infinite-status { width: 100%; color: var(--otrana-color-text-muted); font-size: var(--fs12); text-align: center; }
.catalog-infinite-status:empty { display: none; }
.catalog-infinite-sentinel { width: 100%; height: 1px; }
.catalog-infinite-listing.is-infinite .catalog-pagination-actions { justify-content: center; }
.catalog-infinite-listing.is-infinite .catalog-pagination, .catalog-infinite-listing.is-infinite .catalog-infinite-button { display: none; }
.catalog-infinite-listing.is-infinite:not(.is-complete) .catalog-infinite-loader { display: block; }
.catalog-product-card.is-infinite-added { animation: otrana-infinite-card-in 320ms var(--otrana-control-easing) both; animation-delay: calc(min(var(--infinite-order), 7) * 34ms); }
@keyframes otrana-infinite-spin { to { transform: rotate(360deg); } }
@keyframes otrana-infinite-card-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.catalog-empty { margin: 0; padding: var(--m40); border-radius: var(--br20); background: var(--otrana-color-surface-muted); text-align: center; }
@media (pointer: fine) { .catalog-pagination a:hover { border-color: var(--otrana-color-brand); background: var(--otrana-color-brand); } }
.catalog-inquiry { width: min(440px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; overflow: visible; border: 0; border-radius: var(--br20); background: transparent; color: var(--otrana-color-ink); opacity: 0; transform: translateY(var(--m8)) scale(.985); transition: opacity var(--otrana-control-duration) var(--otrana-control-easing), transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-inquiry[open] { opacity: 1; transform: translateY(0) scale(1); }
.catalog-inquiry::backdrop { background: transparent; transition: background-color var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-inquiry[open]::backdrop { background: var(--otrana-black-a32); }
@starting-style { .catalog-inquiry[open] { opacity: 0; transform: translateY(var(--m8)) scale(.985); }
.catalog-inquiry[open]::backdrop { background: transparent; } }
.catalog-inquiry__panel { position: relative; display: grid; gap: var(--m16); padding: var(--m32); overflow: auto; box-sizing: border-box; border: 1px solid var(--otrana-color-border); border-radius: var(--br20); background: var(--otrana-color-surface); }
.catalog-inquiry__close { position: absolute; top: var(--m16); right: var(--m16); width: 36px; height: 36px; padding: 0; border-radius: 50%; font-size: 25px; font-weight: 400; }
.catalog-inquiry h2 { margin: 0; padding-right: var(--m40); font-size: var(--fs28); line-height: 1.08; }
.catalog-inquiry__lead { margin: -6px 0 2px; color: var(--otrana-color-text-muted); font-size: var(--fs14); line-height: 1.45; }
.catalog-inquiry label { display: grid; gap: 7px; color: var(--otrana-color-ink); font-size: var(--fs12); font-weight: 600; }
.catalog-inquiry label small { color: var(--otrana-color-text-muted); font-size: inherit; font-weight: 400; }
.catalog-inquiry .input { width: 100%; }
.catalog-inquiry__message { min-height: 84px; padding-block: var(--m12); resize: vertical; }
.catalog-inquiry__submit { width: 100%; margin-top: 2px; }
.catalog-inquiry__website { position: absolute!important; left: -10000px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }
.catalog-inquiry__status { min-height: 1.4em; margin: -4px 0 0; color: #a52a22; font-size: var(--fs12); line-height: 1.4; }
.catalog-inquiry__submit i { display: none; width: 18px; height: 18px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: otrana-infinite-spin .7s linear infinite; }
.catalog-inquiry__panel.is-sending .catalog-inquiry__submit span { opacity: .65; }
.catalog-inquiry__panel.is-sending .catalog-inquiry__submit i { display: inline-block; }
.catalog-inquiry__success { display: grid; min-height: 310px; padding: var(--m24) 0; align-content: center; justify-items: center; gap: var(--m16); text-align: center; }
.catalog-inquiry__success[hidden] { display: none; }
.catalog-inquiry__success p { max-width: 330px; margin: 0; color: var(--otrana-color-text-muted); line-height: 1.5; }
.catalog-inquiry__success-icon { display: grid; width: 64px; height: 64px; place-items: center; border-radius: 50%; background: var(--otrana-color-brand); color: var(--otrana-color-ink); font-size: 34px; font-weight: 700; }
.main-page__about,.main-page__features,.main-page__reviews,.main-page__popular,.main-page__services,.main-page__manufacturers,.main-page__articles,.main-page__news,.content-news-more,.product-related { content-visibility: auto; contain-intrinsic-size: auto 720px; }
.catalog-inquiry__consent { display: grid!important; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: var(--m10)!important; color: var(--otrana-color-text-muted)!important; font-size: 11px!important; font-weight: 400!important; line-height: 1.45; cursor: pointer; }
.catalog-inquiry__consent input { width: 18px; height: 18px; margin: 0; accent-color: var(--otrana-color-brand); cursor: pointer; }
.catalog-inquiry__consent a { color: var(--otrana-color-ink); text-underline-offset: 2px; }
.contact-fab-backdrop { position: fixed; z-index: 10040; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(20,20,20,.56); opacity: 0; cursor: default; transition: opacity 220ms ease; backdrop-filter: blur(2px); }
.contact-fab-backdrop[hidden] { display: none; }
.contact-fab-backdrop.is-visible { opacity: 1; }
.contact-fab { position: fixed; z-index: 10050; right: var(--m24); bottom: var(--m24); transition: bottom var(--otrana-control-duration) ease; }
.contact-fab__toggle { position: relative; display: grid; width: 58px; height: 58px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: var(--otrana-color-brand); color: #fff; box-shadow: 0 10px 26px rgba(0,0,0,.28); cursor: pointer; isolation: isolate; transition: background-color var(--otrana-control-duration) ease, transform var(--otrana-control-duration) ease; }
.contact-fab__toggle::before { position: absolute; z-index: -1; inset: 0; border: 2px solid rgba(252,194,2,.72); border-radius: inherit; content: ''; animation: contact-fab-pulse 2.2s ease-out infinite; }
.contact-fab__toggle svg { width: 26px; height: 26px; fill: currentColor; transition: opacity 160ms ease, transform 220ms var(--otrana-control-easing); }
.contact-fab__toggle > span { position: absolute; font-size: 33px; font-weight: 300; line-height: 1; opacity: 0; transform: rotate(-35deg) scale(.7); transition: opacity 160ms ease, transform 220ms var(--otrana-control-easing); }
.contact-fab.is-open .contact-fab__toggle { background: var(--otrana-color-ink); }
.contact-fab.is-open .contact-fab__toggle::before { display: none; }
.contact-fab.is-open .contact-fab__toggle svg { opacity: 0; transform: rotate(35deg) scale(.7); }
.contact-fab.is-open .contact-fab__toggle > span { opacity: 1; transform: none; }
.contact-fab__menu { position: absolute; right: -4px; bottom: calc(100% + var(--m10)); display: flex; width: min(390px, calc(100vw - 2 * var(--m16))); max-height: calc(100dvh - 110px); padding: var(--m8) 4px; overflow-y: auto; box-sizing: border-box; flex-direction: column; align-items: flex-end; gap: var(--m8); scrollbar-width: none; }
.contact-fab__menu::-webkit-scrollbar { display: none; }
.contact-fab__menu[hidden] { display: none; }
.contact-fab__item { display: grid; width: max-content; max-width: 100%; min-height: 46px; padding: 0; grid-template-columns: minmax(0,auto) 46px; align-items: center; justify-content: end; gap: var(--m8); border: 0; background: transparent; color: var(--otrana-color-ink); font: inherit; text-align: left; text-decoration: none; cursor: pointer; opacity: 0; transform: translateX(18px) scale(.97); transition: opacity 180ms ease, transform 220ms var(--otrana-control-easing); transition-delay: calc(var(--fab-index, 1) * 24ms); }
.contact-fab.is-open .contact-fab__item { opacity: 1; transform: none; }
.contact-fab__label { display: grid; min-width: 120px; max-width: 300px; padding: 8px var(--m12); box-sizing: border-box; gap: 2px; border: 1px solid rgba(255,255,255,.9); border-radius: var(--br12); background: rgba(255,255,255,.97); box-shadow: 0 7px 22px rgba(0,0,0,.18); color: var(--otrana-color-ink); justify-items: end; line-height: 1.3; text-align: right; }
.contact-fab__label strong { color: inherit; font-size: var(--fs13); font-weight: 650; overflow-wrap: anywhere; }
.contact-fab__icon { display: grid; width: 46px; height: 46px; padding: 0; place-items: center; box-sizing: border-box; border: 1px solid rgba(255,255,255,.95); border-radius: 50%; background: #fff; color: var(--otrana-color-ink); box-shadow: 0 7px 22px rgba(0,0,0,.2); }
.contact-fab__icon img { width: 25px; height: 25px; object-fit: contain; }
.contact-fab__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.contact-fab__item--phones .contact-fab__icon svg { fill: currentColor; stroke: none; }
@media (pointer: fine) { .contact-fab__toggle:hover { background: var(--otrana-color-brand-active); transform: translateY(-2px); } .contact-fab__item:hover .contact-fab__label { border-color: var(--otrana-color-brand); } .contact-fab__item:hover .contact-fab__icon { transform: scale(1.06); } }
@keyframes contact-fab-pulse { 0% { opacity: .7; transform: scale(1); } 72%,100% { opacity: 0; transform: scale(1.55); } }
@media (max-width: 767px) { .contact-fab { right: var(--m16); bottom: var(--m16); } body:has(.catalog-tree-float) .contact-fab { bottom: 82px; } .contact-fab__toggle { width: 54px; height: 54px; } .contact-fab__menu { right: -2px; max-height: calc(100dvh - 102px); } body:has(.catalog-tree-float) .contact-fab__menu { max-height: calc(100dvh - 168px); } .contact-fab__label { max-width: calc(100vw - 92px); } }
@media (prefers-reduced-motion: reduce) { .contact-fab-backdrop,.contact-fab,.contact-fab__toggle,.contact-fab__toggle::before,.contact-fab__toggle svg,.contact-fab__toggle > span,.contact-fab__item { animation: none; transition: none; } }
.cookie-notice { position: fixed; z-index: 10030; right: var(--page-gutter); bottom: var(--page-gutter); display: grid; width: min(500px, calc(100% - 2 * var(--page-gutter))); padding: var(--m20); box-sizing: border-box; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--m20); border: 1px solid var(--otrana-color-border); border-radius: var(--br20); background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(36,36,36,.12); opacity: 0; transform: translateY(var(--m12)); transition: opacity var(--otrana-control-duration) var(--otrana-control-easing), transform var(--otrana-control-duration) var(--otrana-control-easing); backdrop-filter: blur(12px); }
.cookie-notice.is-visible { opacity: 1; transform: translateY(0); }
.cookie-notice[hidden] { display: none; }
.cookie-notice__copy strong { display: block; margin-bottom: var(--m4); font-size: var(--fs14); }
.cookie-notice__copy p { margin: 0; color: var(--otrana-color-text-muted); font-size: var(--fs12); line-height: 1.45; }
.cookie-notice__copy a { color: var(--otrana-color-ink); text-underline-offset: 2px; }
.cookie-notice__accept { --btn-height: 40px; --btn-padding: var(--m16); font-size: var(--fs13); }
.information-contact-card__address { max-width: 19em; font: 600 var(--fs20)/var(--lh20) 'Manrope',Arial,sans-serif!important; text-decoration: none!important; }
.otrana-footer address a, .otrana-footer__stock { color: inherit; text-decoration: none; }
.otrana-footer address a:hover, .otrana-footer__stock:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) { .cookie-notice { right: var(--m16); bottom: var(--m16); width: calc(100% - 2 * var(--m16)); padding: var(--m16); grid-template-columns: 1fr; gap: var(--m12); } .cookie-notice__accept { width: 100%; } }
.catalog-description { padding-top: var(--m40); border-top: 1px solid var(--otrana-color-border); }
.catalog-description__content { max-width: 980px; color: var(--otrana-color-text-muted); }
.catalog-description__content h2, .catalog-description__content h3 { color: var(--otrana-color-ink-deep); }
.catalog-cta { position: relative; display: grid; min-height: 280px; padding: var(--m40); overflow: hidden; box-sizing: border-box; grid-template-columns: minmax(0, 1fr) minmax(300px, 420px); align-items: center; gap: var(--m32); border-radius: var(--br20); background: var(--otrana-color-ink); color: var(--otrana-color-surface); isolation: isolate; }
.catalog-cta__content { position: relative; z-index: 2; max-width: 660px; }
.catalog-cta h2 { color: inherit; }
.catalog-cta p { max-width: 560px; margin: var(--m12) 0 0; color: var(--otrana-color-text-subtle); font-size: var(--fs16); }
.catalog-cta__button { min-width: 180px; margin-top: var(--m24); }
.catalog-cta__visual { position: relative; align-self: stretch; min-height: 200px; pointer-events: none; }
.catalog-cta__visual img { position: absolute; right: -12%; bottom: -22%; width: 120%; height: 120%; object-fit: contain; object-position: right bottom; transform: scale(1); transform-origin: right bottom; transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.layout-cta { margin-top: var(--otrana-section-gap); }
@media (pointer: fine) { .catalog-cta:hover .catalog-cta__visual img { transform: scale(1.075); } }
@media (max-width: 1199px) { .catalog-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-category-grid { max-height: 204px; }
.catalog-categories.is-expanded .catalog-category-grid { max-height: 1800px; }
.catalog-products__layout { grid-template-columns: 230px minmax(0, 1fr); }
.catalog-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-category-card { min-height: 204px; } }
@media (max-width: 1023px) and (min-width: 768px) { .catalog-products__layout { grid-template-columns: 210px minmax(0, 1fr); }
.catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .catalog-page__content { padding-top: var(--m24); }
.catalog-breadcrumbs { margin-bottom: var(--m16); overflow-x: auto; white-space: nowrap; }
.catalog-intro { margin-bottom: var(--m40); }
.catalog-intro h1 { font-size: var(--fs32); }
.catalog-intro h1 + p { font-size: var(--fs14); }
.catalog-section__header h2, .catalog-cta h2 { font-size: var(--fs24); }
.catalog-category-grid, .catalog-categories.is-expanded .catalog-category-grid { grid-template-columns: none; grid-template-rows: repeat(2, 142px); grid-auto-flow: column; grid-auto-columns: min(62vw, 232px); max-height: none; gap: var(--m10); overflow-x: auto; overflow-y: hidden; padding-bottom: var(--m8); scroll-padding-inline: var(--m12); scroll-snap-type: x proximity; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; transition: none; }
.catalog-category-grid::-webkit-scrollbar { display: none; }
.catalog-category-card { min-height: 142px; padding: var(--m14); scroll-snap-align: start; }
.catalog-categories__expand { display: none; }
.catalog-category-card__name { max-width: 84%; font-size: 13px; }
.catalog-category-card__meta { display: none; }
.catalog-category-card img { right: 0; bottom: 0; width: 50%; height: 100%; }
.catalog-card-arrow { top: var(--m10); right: var(--m10); bottom: auto; width: 30px; height: 30px; font-size: 0; }
.catalog-products__header { align-items: end; }
.catalog-sort { --btn-height: 38px; --btn-padding: var(--m12); font-size: var(--fs12); }
.catalog-sort .input { min-width: 144px; max-width: 44vw; height: 38px; padding-inline: var(--m10); font-size: var(--fs12); }
.catalog-products__layout { display: block; }
.catalog-products__sidebar { display: none; }
.catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--m12); }
.catalog-product-card__body { min-height: 148px; padding: var(--m14); }
.catalog-product-card h3 { font-size: var(--fs14); }
.catalog-product-card p { font-size: 11px; }
.catalog-product-card__button { height: 38px; font-size: var(--fs12); }
.catalog-page:not(.search-page) .catalog-product-card__body { min-height: 0; }
.catalog-page:not(.search-page) .catalog-product-card__button { display: none; }
.catalog-description { padding-top: var(--m24); }
.catalog-cta { min-height: 320px; padding: var(--m32) var(--m24); grid-template-columns: 1fr; align-items: center; }
.catalog-cta p { font-size: var(--fs14); }
.catalog-cta__button { width: 100%; }
.catalog-cta__visual { position: absolute; z-index: 1; right: -8%; bottom: -8%; width: 64%; min-height: 180px; opacity: 1; }
.catalog-cta__visual img { right: -8%; bottom: -12%; width: 112%; height: 112%; } }
@media (max-width: 1199px) {
  .catalog-product-card__button {
    --btn-bg-color: var(--otrana-color-surface);
    --btn-border-color: var(--otrana-color-border-strong);
    --btn-color: var(--otrana-color-ink);
    --btn-hover-bg-color: var(--otrana-color-surface-muted);
    --btn-hover-border-color: var(--otrana-color-border);
    --btn-hover-color: var(--otrana-color-ink);
    --btn-active-bg-color: var(--otrana-color-border);
    --btn-active-border-color: var(--otrana-color-border-strong);
    --btn-active-color: var(--otrana-color-ink);
  }
}
@media (max-width: 479px) { .catalog-section__header { gap: var(--m12); }
.catalog-section__header > span { display: none; }
.catalog-category-card { min-height: 142px; }
.catalog-category-card__name { max-width: 92%; font-size: 14px; }
.catalog-product-card__image { aspect-ratio: 1.16; }
.catalog-product-card__body { min-height: 146px; }
.catalog-product-card__button { padding-inline: var(--m8); }
.catalog-inquiry__panel { padding: var(--m24); }
.catalog-inquiry h2 { font-size: var(--fs24); } }
@media (max-width: 479px) { .catalog-pagination-actions { gap: var(--m8); } .catalog-infinite-button { min-width: 140px; padding-inline: var(--m12); } .catalog-pagination { gap: var(--m4); } .catalog-pagination a, .catalog-pagination span { width: 34px; height: 34px; border-radius: var(--br8); } }
@media (prefers-reduced-motion: reduce) { .catalog-category-grid, .catalog-category-card img, .catalog-card-arrow, .catalog-product-card__image img, .catalog-cta__visual img, .catalog-tree__body details > summary span { transition: none; } .catalog-product-card.is-infinite-added { animation: none; } }
/* otrana:product-page */
.product-page { min-width: 0; background: var(--otrana-color-surface); }
.product-page .page__header { margin-bottom: 0; }
.product-page__content { padding: var(--m40) 0 var(--otrana-page-bottom-gap); }
.product-breadcrumbs { margin-bottom: var(--m32); scrollbar-width: none; }
.product-breadcrumbs::-webkit-scrollbar { display: none; }
.product-hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: 'gallery info' 'gallery order'; gap: var(--m20) var(--m40); align-items: start; margin-bottom: var(--otrana-section-gap); }
.product-gallery { display: grid; min-width: 0; grid-area: gallery; grid-template-columns: 68px minmax(0, 1fr); gap: var(--m12); align-items: start; }
.product-gallery__stage { display: grid; min-height: 400px; grid-column: 2; grid-row: 1; place-items: center; overflow: hidden; background: var(--otrana-color-surface); touch-action: pan-y; }
.product-gallery__stage img { width: 100%; height: 100%; object-fit: contain; transition: opacity var(--otrana-control-duration) var(--otrana-control-easing); }
.product-gallery__stage.is-placeholder img { width: 90%; height: auto; max-height: 90%; }
.product-gallery__thumbs { display: flex; grid-column: 1; grid-row: 1; gap: var(--m8); flex-direction: column; overflow-y: auto; scrollbar-width: none; }
.product-gallery__thumbs::-webkit-scrollbar { display: none; }
.product-gallery__thumb { display: grid; width: 68px; height: 68px; padding: 2px; flex: 0 0 68px; place-items: center; overflow: hidden; border: 2px solid transparent; border-radius: var(--br12); background: transparent; cursor: pointer; opacity: .68; transition: opacity var(--otrana-control-duration) var(--otrana-control-easing), border-color var(--otrana-control-duration) var(--otrana-control-easing); }
.product-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-gallery__thumb.is-placeholder { opacity: 1; }
.product-gallery__thumb.is-placeholder img { width: 90%; height: auto; max-height: 90%; }
.product-gallery__thumb.is-active { border-color: var(--otrana-color-brand); opacity: 1; }
@media (pointer: fine) { .product-gallery__thumb:hover { opacity: 1; } }
.product-gallery__thumb:focus-visible { outline: var(--otrana-control-focus-width) solid var(--otrana-control-focus-color); outline-offset: var(--otrana-control-focus-offset); }
.product-info { display: flex; min-width: 0; grid-area: info; flex-direction: column; align-items: flex-start; }
.product-info h1 { margin: 0 0 var(--m12); color: var(--otrana-color-ink-deep); font-size: var(--fs24); line-height: var(--lh24); letter-spacing: var(--ls24); }
.product-info__identifiers { display: grid; width: 100%; max-width: 360px; margin: 0; gap: var(--m10); }
.product-info__identifiers > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: var(--m12); align-items: baseline; }
.product-info__identifiers dt { color: var(--otrana-color-text-muted); font-size: var(--fs12); }
.product-info__identifiers dd { margin: 0; color: var(--otrana-color-ink); font-size: var(--fs14); font-weight: 600; line-height: 1.35; }
.product-info__legacy-description { width: 100%; max-width: 440px; margin: var(--m14) 0 0; padding-top: var(--m14); border-top: 1px solid var(--otrana-color-border); color: var(--otrana-color-text-muted); font-size: var(--fs13); line-height: var(--lh16); }
.product-order { position: relative; display: grid; padding: var(--m24); overflow: hidden; grid-area: order; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: 'intro intro' 'contact-area actions'; gap: var(--m20) var(--m28); align-items: start; border-radius: var(--br20); background: var(--otrana-color-surface-muted); }
.product-order__intro { grid-area: intro; }
.product-order__intro > p { display: none; }
.product-order h2 { margin: 0; font-size: var(--fs22); line-height: var(--lh20-sm); }
.product-order p { margin: var(--m8) 0 0; color: var(--otrana-color-text-muted); font-size: var(--fs14); line-height: 1.4; }
.product-order__actions { display: flex; grid-area: actions; flex-direction: column; justify-content: flex-start; }
.product-order .product-order__action-lead { margin: 0 0 var(--m8); color: var(--otrana-color-text-muted); font-size: var(--fs11); line-height: 1.35; }
.product-order__button { width: 100%; height: 44px; font-size: var(--fs14); }
.product-order__contact-area { min-width: 0; grid-area: contact-area; }
.product-order__contacts { display: grid; min-width: 0; grid-template-columns: minmax(150px, auto) minmax(0, 1fr); align-items: center; gap: var(--m12) var(--m20); }
.product-order__contact { display: grid; gap: 2px; color: var(--otrana-color-ink); text-decoration: none; }
.product-order__contact span { color: var(--otrana-color-text-muted); font-size: var(--fs11); }
.product-order__contact strong { font-size: var(--fs16); font-weight: 600; }
.product-order__contact:first-child strong { white-space: nowrap; }
.product-order__socials { display: flex; grid-column: 1 / -1; align-items: center; gap: var(--m8); }
.product-order__socials a { display: grid; width: 30px; height: 30px; place-items: center; color: var(--otrana-color-text-muted); opacity: .72; transition: opacity var(--otrana-control-duration) var(--otrana-control-easing); }
.product-order__socials img { width: 21px; height: 21px; filter: grayscale(1); }
@media (pointer: fine) { .product-order__contact:hover { color: var(--otrana-color-brand); }
.product-order__socials a:hover { opacity: 1; }
.product-order__socials a:hover img { filter: none; } }
.quality-notice { position: relative; display: grid; min-height: 176px; margin-bottom: var(--otrana-section-gap); padding: var(--m32) var(--m40); overflow: hidden; box-sizing: border-box; grid-template-columns: minmax(0, 1fr) minmax(240px, 340px); align-items: center; border-radius: var(--br20); background: var(--otrana-color-surface-muted); isolation: isolate; }
.quality-notice__content { position: relative; z-index: 2; max-width: 760px; }
.quality-notice h2 { margin: 0; color: var(--otrana-color-ink-deep); font-size: var(--fs28); line-height: var(--lh28); letter-spacing: var(--ls28); }
.quality-notice p { max-width: 720px; margin: var(--m10) 0 0; color: var(--otrana-color-text-muted); font-size: var(--fs16); line-height: var(--lh16); }
.quality-notice__visual { position: absolute; z-index: 1; right: -2%; bottom: -28%; width: min(31%, 360px); height: 150%; pointer-events: none; }
.quality-notice__visual img { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; }
.product-information { max-width: 980px; }
.product-information section + section { margin-top: var(--m60); }
.product-specifications { margin: 0; }
.product-specifications > div { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr); gap: var(--m20); padding: var(--m14) 0; border-bottom: 1px solid var(--otrana-color-border); }
.product-specifications > div:first-child { border-top: 1px solid var(--otrana-color-border); }
.product-specifications dt { color: var(--otrana-color-text-muted); }
.product-specifications dd { margin: 0; color: var(--otrana-color-ink); font-weight: 600; }
.product-information blockquote { margin: var(--m24) 0 0; padding: var(--m20) var(--m24); border-left: 3px solid var(--otrana-color-brand); background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); }
.product-related { margin-top: var(--otrana-section-gap); }
.product-cta { margin-top: var(--otrana-section-gap); }
@media (max-width: 1199px) { .product-hero { grid-template-columns: minmax(0, 14fr) minmax(340px, 10fr); grid-template-areas: 'gallery info' 'gallery order'; gap: var(--m20) var(--m32); }
.product-gallery { display: block; }
.product-gallery__stage { min-height: 0; aspect-ratio: 1; }
.product-gallery__thumbs { margin-top: var(--m10); flex-direction: row; overflow-x: auto; overflow-y: hidden; }
.product-order { grid-template-columns: 1fr; grid-template-areas: 'intro' 'contact-area' 'actions'; }
.product-order__intro > p { display: block; }
.product-order .product-order__action-lead { display: none; }
.product-order__contacts { grid-template-columns: 1fr; }
.product-order__socials { grid-column: auto; }
.product-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .product-page__content { padding-top: var(--m24); }
.product-breadcrumbs { margin-bottom: var(--m20); }
.product-hero { display: flex; gap: 0; margin-bottom: var(--m40); flex-direction: column; }
.product-info { display: contents; }
.product-info h1 { order: 1; width: 100%; font-size: var(--fs24); }
.product-info__identifiers { order: 2; width: 100%; }
.product-info__legacy-description { order: 3; max-width: none; }
.product-gallery { order: 4; width: 100%; margin-top: var(--m24); }
.product-gallery__stage { width: 100%; }
.product-gallery__thumbs { margin-top: var(--m10); }
.product-order { order: 5; width: 100%; margin-top: var(--m24); box-sizing: border-box; }
.product-order { padding: var(--m24); gap: var(--m24); }
.product-order h2 { font-size: var(--fs20); }
.product-order__intro p { font-size: var(--fs14); }
.product-order__contact-area { padding-top: var(--m20); border-top: 1px solid var(--otrana-color-border); }
.product-order__contacts { display: grid; grid-template-columns: 1fr; gap: var(--m16); }
.product-order__contact { gap: var(--m4); }
.product-order__contact span { font-size: var(--fs12); }
.product-order__contact strong { font-size: var(--fs18); }
.product-order__socials { gap: var(--m8); }
.product-order__socials a { width: 32px; height: 32px; }
.product-order__socials img { width: 22px; height: 22px; }
.product-order__button { height: 48px; }
.quality-notice { min-height: 200px; margin-bottom: var(--m40); padding: var(--m24); grid-template-columns: minmax(0, 70%) 1fr; }
.quality-notice h2 { font-size: var(--fs20); line-height: var(--lh20-sm); }
.quality-notice p { max-width: 80%; font-size: var(--fs13); }
.quality-notice__visual { right: -14%; bottom: -18%; width: 54%; height: 118%; }
.product-information section + section { margin-top: var(--m40); }
.product-specifications > div { grid-template-columns: 1fr; gap: var(--m4); }
.product-related__grid { display: grid; grid-template-rows: auto; grid-auto-flow: column; grid-auto-columns: min(72vw, 270px); grid-template-columns: none; overflow-x: auto; overflow-y: hidden; padding-bottom: var(--m8); scroll-snap-type: x proximity; scrollbar-width: none; }
.product-related__grid::-webkit-scrollbar { display: none; }
.product-related__grid .catalog-product-card { scroll-snap-align: start; }
}
/* otrana:content-page */
.content-page { background: var(--otrana-color-surface); }
.content-page .page__header { margin-bottom: 0; }
.content-page__content { padding: var(--m40) 0 var(--otrana-page-bottom-gap); }
.content-page__intro { margin-bottom: var(--m60); }
.content-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--m48) var(--grid-gap); }
.content-card-grid article { min-width: 0; }
.content-card-grid .article-card__name { margin: 0; }
.content-page__cta { margin-top: var(--otrana-section-gap); }
.content-news-list .news-block { width: 100%; }
.content-news-list .news-block__col--briefs .news-card__name { display: -webkit-box; max-height: 2.6em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.content-news-more { margin-top: var(--m60); }
.content-news-more--continuation { margin-top: 0; }
.content-news-more__header { margin-bottom: var(--m32); }
.content-news-more__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--m40) var(--grid-gap); }
.content-news-more__grid .article-card__picture img,
.content-card-grid--related .article-card__picture img { object-position: center; transform: translateZ(0) scale(1.04); }
.content-news-more__grid .article-card__name,
.content-card-grid--related .article-card__name { display: -webkit-box; height: 4.2em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.article-detail__header { max-width: 900px; margin-bottom: var(--m40); }
.article-detail__header h1 { max-width: 820px; margin: var(--m8) 0 var(--m16); color: var(--otrana-color-ink-deep); font-size: var(--fs48); line-height: 1.04; letter-spacing: var(--ls48); }
.article-detail__header p { max-width: 700px; margin: 0; color: var(--otrana-color-text-muted); font-size: var(--fs16); line-height: var(--lh16); }
.article-detail__cover { display: block; width: 100%; overflow: hidden; border-radius: var(--br20); }
.article-detail__cover img { display: block; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }
.article-detail__layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: start; gap: var(--m60); }
.article-detail__main { min-width: 0; }
.article-detail__body { width: 100%; max-width: none; margin-top: var(--m40); }
.article-detail__body blockquote { margin: var(--m24) 0; padding: var(--m20) var(--m24); border-left: 3px solid var(--otrana-color-brand); background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); }
.article-detail__sidebar { display: block; }
.article-detail__sidebar h2 { margin: 0 0 var(--m16); color: var(--otrana-color-ink-deep); font-size: var(--fs18); line-height: var(--lh18-sm); }
.article-detail__side-materials { padding-top: var(--m16); border-top: 1px solid var(--otrana-color-border); }
.article-detail__side-list { display: grid; }
.article-detail__side-card { display: grid; min-width: 0; padding: var(--m12) 0; grid-template-columns: 68px minmax(0, 1fr); align-items: center; gap: var(--m12); border-bottom: 1px solid var(--otrana-color-border); color: var(--otrana-color-ink); text-decoration: none; }
.article-detail__side-card > img { width: 68px; height: 58px; border-radius: var(--br12); object-fit: cover; }
.article-detail__side-copy { display: grid; min-width: 0; gap: var(--m4); }
.article-detail__side-copy .article-card__date { font-size: var(--fs11); }
.article-detail__side-copy strong { font-size: var(--fs12); line-height: 1.3; }
.article-detail__related { margin-top: var(--otrana-section-gap); }
.content-card-grid--related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1199px) { .content-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.content-news-list .news-block__col--briefs .news-card__summary { display: none; }
.article-detail__layout { grid-template-columns: minmax(0, 1fr) 250px; gap: var(--m32); } }
@media (max-width: 1023px) { .article-detail__layout { grid-template-columns: 1fr; }
.content-news-more__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.article-detail__sidebar { display: none; }
}
@media (max-width: 767px) { .content-page__content { padding-top: var(--m24); }
.content-page__intro { margin-bottom: var(--m40); }
.content-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--m32) var(--m12); }
.content-card-grid .article-card__content { padding-inline: var(--m8); }
.content-card-grid .article-card__date { font-size: var(--fs12); }
.content-card-grid .article-card__name { font-size: var(--fs14); line-height: 1.3; }
.content-news-more { margin-top: var(--m40); }
.article-detail__header { margin-bottom: var(--m24); }
.article-detail__header h1 { font-size: var(--fs32); }
.article-detail__header p { font-size: var(--fs14); }
.article-detail__cover img { aspect-ratio: 4 / 3; }
.content-card-grid--related { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(72vw, 270px); overflow-x: auto; padding-bottom: var(--m8); scroll-snap-type: x proximity; scrollbar-width: none; }
.content-card-grid--related::-webkit-scrollbar { display: none; }
.content-card-grid--related article { scroll-snap-align: start; }
}
@media (max-width: 479px) { .content-card-grid { grid-template-columns: 1fr; } }

/* otrana:search-page */
.header__search, .search-form { position: relative; }
.search-form.is-open { z-index: 121; }
.search-form.is-open .search-form__overlay { display: block; position: fixed; z-index: 1; inset: 0; background: rgba(36,36,36,.5); pointer-events: auto; }
.search-form.is-open .search-form__field-wrapper, .search-form.is-open .search-form__submit-btn, .search-form.is-open .search-form__submit { z-index: 2; }
.search-form.is-open .search-form__submit-btn { opacity: 1; pointer-events: auto; }
.search-form.is-open .search-form__submit { opacity: 0; pointer-events: none; }
.search-live { position: absolute; z-index: 10; top: calc(100% + var(--m8)); left: 0; width: 100%; box-sizing: border-box; padding: var(--m16); border: 1px solid #e8e8e8; border-radius: 12px; background: #fff; box-shadow: 0 16px 40px rgba(36,36,36,.12); overflow: hidden; }
.search-live[hidden] { display: none; }
.search-live__product { display: grid; grid-template-columns: 64px minmax(0,1fr) 32px; align-items: center; gap: 12px; min-height: 72px; padding: 8px; border-radius: var(--br12); color: #242424; text-decoration: none; transition: background-color .2s ease; }
.search-live__product:hover, .search-live__product.is-active, .search-live__all:hover, .search-live__all.is-active { background: #f6f6f6; }
.search-live__image { display: grid; place-items: center; width: 64px; height: 56px; border-radius: 8px; background: #f6f6f6; overflow: hidden; }
.search-live__image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.search-live__copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.search-live__copy strong { overflow: hidden; font-size: 14px; line-height: 1.3; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.search-live__copy small { overflow: hidden; color: #838383; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.search-live__arrow { justify-self: end; }
.search-live__all { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; margin-top: 4px; padding: 14px 12px; border-top: 1px solid #e8e8e8; border-radius: 0 0 10px 10px; color: #242424; font-weight: 600; text-decoration: none; transition: background-color .2s ease; }
.search-live__all strong { display: grid; min-width: 28px; height: 28px; padding: 0 6px; place-items: center; border-radius: 20px; background: #fcc202; color: #fff; font-size: 12px; }
.search-live__empty { display: flex; flex-direction: column; gap: 4px; padding: 20px 16px; }
.search-live__empty span { color: #838383; font-size: 13px; }
.catalog-tree__result-count { margin-left: auto; color: var(--otrana-color-text-muted) !important; font-size: var(--fs11) !important; font-weight: 500; transform: none !important; }
.catalog-tree__result-link { display: flex !important; align-items: center; justify-content: space-between; gap: var(--m8); }
.catalog-tree__result-link span { flex: 0 0 auto; color: var(--otrana-color-text-muted); font-size: var(--fs11); }
.catalog-tree__result-link--depth-1 { padding-left: var(--m12) !important; }
.catalog-tree__result-link--depth-2 { padding-left: var(--m20) !important; }
.catalog-tree__result-link--depth-3 { padding-left: var(--m28) !important; }

/* Normalized catalog hierarchy: preserve branches instead of flattening descendants. */
.catalog-tree__level { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.catalog-tree__branch > summary::-webkit-details-marker { display: none; }
.catalog-tree__branch > summary { display: flex; min-height: 46px; padding: 0 var(--m12); padding-left: 0; align-items: center; justify-content: space-between; gap: var(--m8); border-radius: var(--br12); color: var(--otrana-color-ink); font-size: var(--fs14); font-weight: 600; cursor: pointer; list-style: none; }
.catalog-tree__body .catalog-tree__branch > summary { padding-left: 0; }
.catalog-tree__branch > summary > a { min-width: 0; flex: 1; color: inherit; text-decoration: none; }
.catalog-tree__branch > summary > span { color: var(--otrana-color-text-muted); font-size: 18px; transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-tree__branch[open] > summary > span { transform: rotate(90deg); }
.catalog-tree__branch > .catalog-tree__level { margin: 2px 0 var(--m8); padding: 2px 0 var(--m8) var(--m16); border-left: 1px solid var(--otrana-color-border); }
.catalog-tree__link { display: block; padding: 8px var(--m12); border-radius: var(--br8); color: var(--otrana-color-text-muted); font-size: var(--fs13); font-weight: 600; line-height: 1.3; text-decoration: none; }
.catalog-tree__body .catalog-tree__link { color: var(--otrana-color-ink); }
.catalog-tree__item--depth-1 > .catalog-tree__link,.catalog-tree__item--depth-1 > .catalog-tree__branch > summary { font-size: var(--fs14); }
.catalog-tree__item--depth-2 .catalog-tree__link,.catalog-tree__branch--depth-2 > summary { font-size: var(--fs12); }
.catalog-tree__link.is-active,.catalog-tree__branch > summary > a.is-active { color: var(--otrana-color-ink); font-weight: 600; }
.catalog-tree__link.is-active > span,.catalog-tree__branch > summary > a.is-active > span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
@media (pointer: fine) { .catalog-tree__branch > summary:hover,.catalog-tree__link:hover { background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); } }
.catalog-tree__item--depth-0 > .catalog-tree__branch > summary,.catalog-tree__item--depth-0 > .catalog-tree__link { min-height: 58px; font-size: var(--fs14); font-weight: 600; line-height: 1.4; }
.catalog-tree__item--depth-0 > .catalog-tree__branch > summary { padding-left: 0; }
.catalog-tree__item--depth-0 > .catalog-tree__branch > summary > a,.catalog-tree__item--depth-0 > .catalog-tree__link { display: flex; align-items: center; gap: var(--m10); }
.catalog-tree__item--depth-0 > .catalog-tree__branch > summary > a { justify-content: flex-start; font-size: var(--fs14); font-weight: 600; line-height: 1.4; }
.catalog-tree__item--depth-0 > .catalog-tree__branch > summary > a > span,.catalog-tree__item--depth-0 > .catalog-tree__link > span { min-width: 0; }
.catalog-tree__body .catalog-tree__item--depth-0 > .catalog-tree__link { font-size: var(--fs14); font-weight: 600; line-height: 1.4; }
.catalog-tree__level--root { padding: 0 !important; border-left: 0 !important; }
.catalog-tree__item--depth-0 > .catalog-tree__link { box-sizing: border-box; color: var(--otrana-color-ink); font-size: var(--fs14); font-weight: 600; }
.catalog-tree__thumb { width: 34px; height: 34px; flex: 0 0 34px; object-fit: contain; }
.catalog-sort { position: relative; min-width: 190px; font-size: var(--fs13); }
.catalog-sort > summary { display: flex; height: 42px; padding: 0 var(--m16); align-items: center; justify-content: space-between; gap: var(--m12); border-radius: var(--br12); background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); cursor: pointer; list-style: none; }
.catalog-sort > summary::-webkit-details-marker { display: none; }
.catalog-sort > summary::after { width: 7px; height: 7px; flex: 0 0 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ''; transform: rotate(45deg) translateY(-2px); transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-sort[open] > summary::after { transform: rotate(225deg) translateY(-1px); }
.catalog-sort__menu { position: absolute; z-index: 20; top: calc(100% + var(--m6)); right: 0; min-width: 100%; padding: var(--m4); box-sizing: border-box; border: 1px solid var(--otrana-color-border); border-radius: var(--br12); background: var(--otrana-color-surface); box-shadow: 0 12px 28px rgba(36,36,36,.12); }
.catalog-sort__menu a { display: block; padding: 9px var(--m12); border-radius: var(--br8); color: var(--otrana-color-ink); line-height: 1.3; text-decoration: none; white-space: nowrap; }
.catalog-sort__menu a.is-active { color: var(--otrana-color-text-muted); }
@media (pointer: fine) { .catalog-sort > summary:hover,.catalog-sort__menu a:hover { background: var(--otrana-color-surface-muted); } }
/* Category-tree arrows are independent controls; category names remain links. */
.catalog-tree__toggle { display: grid; width: 32px; height: 32px; flex: 0 0 32px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--otrana-color-text-muted); font: inherit; font-size: 18px; line-height: 1; cursor: pointer; transition: background-color var(--otrana-control-duration) ease, color var(--otrana-control-duration) ease, transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-tree__branch[open] > summary > .catalog-tree__toggle { transform: rotate(90deg); }
.catalog-tree__toggle:hover { background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); }
.otrana-catalog__category [data-catalog-toggle] { cursor: pointer; }

/* A category link and its expand control deliberately have separate hover states. */
.otrana-catalog__category [data-catalog-toggle] { transition: color var(--otrana-control-duration) ease, transform var(--otrana-control-duration) var(--otrana-control-easing); }
@media (pointer: fine) {
  .otrana-catalog__category:hover:not(:has([data-catalog-toggle]:hover)) { background: var(--otrana-color-surface-muted); color: var(--otrana-color-brand-active); }
  .otrana-catalog__category:has([data-catalog-toggle]:hover) { background: transparent; color: var(--otrana-color-ink); }
  .otrana-catalog__category [data-catalog-toggle]:hover { color: var(--otrana-color-brand-active); transform: translateX(2px); }

  .catalog-tree__branch > summary:hover,
  .catalog-tree__body details > summary:hover { background: transparent; color: inherit; }
  .catalog-tree__branch > summary > a { display: flex; min-height: 32px; align-items: center; padding: 6px var(--m8) 6px 0; border-radius: var(--br8); }
  .catalog-tree__branch > summary > a:hover { background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); }
  .catalog-tree__toggle:hover { background: var(--otrana-color-brand); color: var(--otrana-color-surface); }
}

@media (max-width: 767px) { .catalog-sort { min-width: 144px; max-width: 44vw; font-size: var(--fs12); } .catalog-sort > summary { height: 38px; padding-inline: var(--m10); } }
.otrana-catalog__menu-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--m24) 40px; }
.otrana-catalog__menu-group { min-width: 0; }
.otrana-catalog__menu-group-title { display: block; margin-bottom: var(--m6); color: var(--otrana-color-ink); font-size: 17px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.otrana-catalog__menu-group-image { display: none; }

.otrana-catalog__menu-group-links { display: grid; gap: 2px; }
.otrana-catalog__menu-group-links > a,.otrana-catalog__menu-more a { display: block; padding: 3px 0; color: var(--otrana-color-text-muted-alt); font-size: var(--fs14); line-height: 1.35; text-decoration: none; }
.otrana-catalog__menu-group a:hover { color: var(--otrana-color-brand-active); }
@media (min-width: 768px) {
  .otrana-catalog__menu-group-title { display: grid; min-height: 68px; grid-template-columns: 68px minmax(0, 1fr); align-items: center; gap: var(--m12); margin-bottom: var(--m8); padding: 4px var(--m8) 4px 0; border-radius: var(--br8); }
  .otrana-catalog__menu-group-image { display: block; width: 68px; height: 60px; }
  .otrana-catalog__menu-group-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .otrana-catalog__menu-group-title:hover { background: var(--otrana-color-surface-muted); }
}

.otrana-catalog__menu-more { margin-top: var(--m4); }
.otrana-catalog__menu-more summary { color: var(--otrana-color-ink); font-size: var(--fs13); font-weight: 600; cursor: pointer; }
@media (max-width: 1239px) { .otrana-catalog__menu-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--m16) var(--m24); } }
@media (max-width: 767px) { .otrana-catalog__menu-groups { grid-template-columns: 1fr; gap: 0; } .otrana-catalog__menu-group { border-bottom: 1px solid var(--otrana-color-border-soft); } .otrana-catalog__menu-group-title { min-height: 48px; margin: 0; display: flex; align-items: center; } .otrana-catalog__menu-group-links { padding-bottom: var(--m8); } .otrana-catalog__menu-group-links > a,.otrana-catalog__menu-more a { min-height: 38px; padding: 7px 0 7px var(--m12); box-sizing: border-box; } }
/* On desktop the first-level list follows the tablet card pattern. */
@media (min-width: 1200px) {
  .otrana-catalog__body { grid-template-columns: minmax(270px, 36%) minmax(0, 1fr); }
  .otrana-catalog__categories { padding: 12px 12px 24px 24px; }
  .otrana-catalog__category { min-height: 64px; grid-template-columns: 48px minmax(0, 1fr) 20px; grid-template-rows: auto auto; gap: 1px var(--m12); padding: 7px 10px; font-size: var(--fs14); }
  .otrana-catalog__thumb { width: 48px; height: 48px; grid-row: 1 / 3; }
  .otrana-catalog__category > b { grid-column: 3; grid-row: 1 / 3; align-self: center; }
  .otrana-catalog__category-meta { display: block; grid-column: 2; color: var(--otrana-color-text-muted); font-size: var(--fs12); font-weight: 500; }
}
@media (max-width: 1239px) and (min-width: 1024px) { .catalog-products__layout { grid-template-columns: 272px minmax(0, 1fr); } }
@media (max-width: 1023px) and (min-width: 768px) { .catalog-products__layout { grid-template-columns: 252px minmax(0, 1fr); } .catalog-tree__item--depth-0 > .catalog-tree__branch > summary,.catalog-tree__item--depth-0 > .catalog-tree__link { min-height: 54px; } }
.search-form.is-searching .search-form__submit { opacity: .45; }
@media (max-width:767px) { .search-live { position: fixed; top: var(--header-current-height, 92px); right: var(--page-gutter); left: var(--page-gutter); width: auto; max-height: calc(100vh - var(--header-current-height, 92px) - 16px); overflow-y: auto; } .search-live__product { grid-template-columns: 56px minmax(0,1fr) 32px; } .search-live__image { width: 56px; height: 50px; } }
@media (max-width:767px) {
  .header__search:has(.search-form:focus-within),
  .header__search:has(.search-form.is-open) { position: static; }
  .search-form:focus-within,
  .search-form.is-open {
    --mobile-search-height: 44px;
    position: fixed;
    z-index: 121;
    top: var(--m10);
    right: var(--page-gutter);
    left: var(--page-gutter);
    height: var(--mobile-search-height);
  }
  .search-form:focus-within .search-form__field-wrapper,
  .search-form.is-open .search-form__field-wrapper { height: 100%; }
  .search-form:focus-within .input,
  .search-form.is-open .input {
    height: 100%;
    box-sizing: border-box;
    padding-right: 108px;
    border-color: #e8e8e8;
    border-radius: 12px;
    background: #fff;
  }
  .search-form:focus-within .search-form__submit-btn,
  .search-form.is-open .search-form__submit-btn {
    top: 4px;
    bottom: auto;
    right: 4px;
    width: 96px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    opacity: 1;
    pointer-events: auto;
    border-radius: 10px;
  }
  .search-form:focus-within .search-form__submit,
  .search-form.is-open .search-form__submit { opacity: 0; pointer-events: none; }
  .search-form:focus-within .search-live,
  .search-form.is-open .search-live {
    top: calc(var(--m10) + var(--mobile-search-height) + var(--m8));
    right: var(--page-gutter);
    left: var(--page-gutter);
  }
}

/* Compact floating category context: one touch target, with only the local branch. */
.catalog-tree-float { position: fixed; z-index: 9500; right: 50%; bottom: var(--m24); width: min(460px, calc(100vw - 2 * var(--page-gutter))); margin: 0; transform: translateX(50%); border: 0; }
.catalog-tree-float > summary { display: grid; min-height: 48px; grid-template-columns: auto minmax(0, 1fr) 20px; align-items: center; gap: var(--m10); padding: 0 var(--m16); border: 1px solid var(--otrana-color-border-soft); border-radius: var(--br12); background: var(--otrana-color-surface); color: var(--otrana-color-ink); box-shadow: 0 10px 28px rgba(20, 20, 20, .13); cursor: pointer; list-style: none; }
.catalog-tree-float > summary::-webkit-details-marker { display: none; }
.catalog-tree-float > summary > span { color: var(--otrana-color-text-muted); font-size: var(--fs12); font-weight: 600; }
.catalog-tree-float > summary strong { overflow: hidden; font-size: var(--fs14); text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.catalog-tree-float > summary i { color: var(--otrana-color-text-muted); font-size: 16px; font-style: normal; text-align: center; transition: transform var(--otrana-control-duration) var(--otrana-control-easing); }
.catalog-tree-float[open] > summary { border-color: var(--otrana-color-border); border-radius: var(--br12) var(--br12) 0 0; }
.catalog-tree-float[open] > summary i { transform: rotate(180deg); }
.catalog-tree-float__panel { display: grid; gap: var(--m14); max-height: min(48vh, 420px); overflow: auto; padding: var(--m16); border: 1px solid var(--otrana-color-border-soft); border-top: 0; border-radius: 0 0 var(--br12) var(--br12); background: var(--otrana-color-surface); box-shadow: 0 16px 32px rgba(20, 20, 20, .14); }
.catalog-tree-float__path { display: flex; flex-wrap: wrap; gap: var(--m6); }
.catalog-tree-float__path a,.catalog-tree-float__path span { color: var(--otrana-color-text-muted-alt); font-size: var(--fs13); line-height: 1.35; text-decoration: none; }
.catalog-tree-float__path a::after { margin-left: var(--m6); color: var(--otrana-color-text-muted); content: '›'; }
.catalog-tree-float__path [aria-current='page'] { color: var(--otrana-color-ink); font-weight: 600; }
.catalog-tree-float__children { display: grid; gap: var(--m8); padding-top: var(--m14); border-top: 1px solid var(--otrana-color-border-soft); }
.catalog-tree-float__children > span { color: var(--otrana-color-text-muted); font-size: var(--fs12); font-weight: 600; text-transform: uppercase; }
.catalog-tree-float__children > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px var(--m16); }
.catalog-tree-float__children a { padding: 6px 0; color: var(--otrana-color-ink); font-size: var(--fs13); font-weight: 600; line-height: 1.3; text-decoration: none; }
@media (pointer: fine) { .catalog-tree-float__path a:hover,.catalog-tree-float__children a:hover { color: var(--otrana-color-brand-active); } .catalog-tree-float > summary:hover { border-color: var(--otrana-color-border); } }
@media (max-width: 767px) { .catalog-tree-float { bottom: var(--m16); width: calc(100vw - 2 * var(--m16)); } .catalog-tree-float__children > div { grid-template-columns: 1fr; } }

/* Animated horizontal branch navigator. */
.catalog-tree-float { display: block; width: fit-content; max-width: calc(100vw - 2 * var(--page-gutter)); overflow: visible; }
.catalog-tree-float__rail { display: flex; min-height: 50px; justify-content: center; overflow: hidden; border: 1px solid var(--otrana-color-border-soft); border-radius: var(--br12); background: var(--otrana-color-surface); box-shadow: 0 10px 28px rgba(20,20,20,.13); }
.catalog-tree-float__segment { display: flex; min-width: 0; max-width: min(56vw,330px); flex: 0 1 auto; align-items: center; justify-content: flex-start; gap: var(--m8); padding: 0 var(--m12); border: 0; border-right: 1px solid var(--otrana-color-border-soft); background: transparent; color: var(--otrana-color-text-muted-alt); font: 600 var(--fs13)/1.2 'Manrope',Arial,sans-serif; text-align: left; cursor: pointer; transition: background-color 180ms ease,color 180ms ease; }
.catalog-tree-float__segment:last-child { border-right: 0; }
.catalog-tree-float__segment span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-tree-float__segment img { display: block; width: 39px; height: 39px; flex: 0 0 39px; object-fit: contain; }
.catalog-tree-float__segment.is-current { color: var(--otrana-color-ink); background: var(--otrana-color-surface-muted); }
.catalog-tree-float__segment.is-open { color: var(--otrana-color-ink); box-shadow: inset 0 -2px 0 var(--otrana-color-brand); }
.catalog-tree-float__options { position: absolute; right: 0; bottom: 100%; left: 0; display: grid; padding-bottom: var(--m8); opacity: 0; pointer-events: none; transform: translateY(6px); transition: opacity 180ms ease,transform 220ms cubic-bezier(.22,.8,.3,1); }
.catalog-tree-float__options-set { display: none; max-height: min(42vh,330px); grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px var(--m12); overflow-y: auto; overscroll-behavior: contain; padding: var(--m12); border: 1px solid var(--otrana-color-border-soft); border-radius: var(--br12); background: var(--otrana-color-surface); box-shadow: 0 14px 34px rgba(20,20,20,.14); scrollbar-width: thin; }
.catalog-tree-float__options-set.is-active { display: grid; }
.catalog-tree-float__options a { display: grid; min-height: 48px; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: var(--m8); padding: 6px; border-radius: var(--br8); color: var(--otrana-color-text-muted-alt); font-size: var(--fs13); font-weight: 600; line-height: 1.25; text-decoration: none; }
.catalog-tree-float__options a img { display: block; width: 46px; height: 40px; object-fit: contain; }
.catalog-tree-float__options a.is-current { color: var(--otrana-color-ink); background: var(--otrana-color-surface-muted); }
@media (min-width: 1200px) and (pointer: fine) { .catalog-tree-float__options { right: auto; left: 50%; width: min(760px, calc(100vw - 2 * var(--page-gutter))); transform: translateX(-50%) translateY(6px); } .catalog-tree-float.is-expanded .catalog-tree-float__rail { border-color: var(--otrana-color-border); } .catalog-tree-float.is-expanded .catalog-tree-float__options { opacity: 1; pointer-events: auto; transform: translateX(-50%); } .catalog-tree-float__segment:hover { background: var(--otrana-color-surface-muted); color: var(--otrana-color-ink); } .catalog-tree-float__options a:hover { color: var(--otrana-color-brand-active); background: var(--otrana-color-surface-muted); } }
@media (max-width: 1199px) { .catalog-tree-float { width: fit-content; max-width: calc(100vw - 2 * var(--page-gutter)); } .catalog-tree-float__rail { position: relative; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; } .catalog-tree-float__rail::-webkit-scrollbar { display: none; } .catalog-tree-float__rail::after { position: sticky; right: 0; display: grid; width: 34px; flex: 0 0 34px; align-items: center; justify-items: center; margin-left: -34px; background: linear-gradient(90deg,rgba(255,255,255,0),var(--otrana-color-surface) 48%); color: var(--otrana-color-text-muted); content: '↔'; font-size: 15px; pointer-events: none; } .catalog-tree-float__segment { min-width: 0; max-width: min(76vw,320px); flex: 0 1 auto; scroll-snap-align: center; } .catalog-tree-float.is-expanded .catalog-tree-float__options { opacity: 1; pointer-events: auto; transform: none; } .catalog-tree-float__options-set { grid-template-columns: 1fr; } .catalog-tree-float.is-expanded:has(.catalog-tree-float__options-set.is-active) .catalog-tree-float__rail { border-radius: 0 0 var(--br12) var(--br12); } .catalog-tree-float.is-expanded:has(.catalog-tree-float__options-set.is-active) .catalog-tree-float__options-set { border-radius: var(--br12) var(--br12) 0 0; } }
@media (max-width: 1199px) { .catalog-tree-float__segment { max-width: none; flex: 0 0 min(42vw,210px); transition: background-color 180ms ease,color 180ms ease; } }
@media (max-width: 767px) {
  .catalog-tree-float--single { width: calc(100vw - 2 * var(--m16)); max-width: calc(100vw - 2 * var(--m16)); }
  .catalog-tree-float--single .catalog-tree-float__segment { width: 100%; max-width: none; flex: 1 1 auto; }
  .catalog-tree-float--single .catalog-tree-float__rail::after { display: none; content: none; }
}
.search-page__content { min-width: 0; }
.search-intro { margin-bottom: var(--m32); }
.search-page__form { display: grid; grid-template-columns: minmax(0, 1fr) 128px; gap: var(--m12); max-width: 920px; }
.search-page__form .input, .search-page__form .btn { height: 52px; box-sizing: border-box; }
.search-products { margin-top: var(--m60); }
.search-empty { margin-top: var(--m40); padding: var(--m32); border-radius: var(--otrana-radius-lg); background: var(--otrana-color-surface-muted); }
.search-empty h2 { margin: 0 0 var(--m8); font-size: var(--fs24); }
.search-empty p { margin: 0; color: var(--otrana-color-text-muted); }
.search-empty .btn { margin-top: var(--m20); }
@media (max-width: 767px) {
  .search-page__form { grid-template-columns: minmax(0, 1fr); }
  .search-page__form .btn { width: 100%; }
  .search-products { margin-top: var(--m40); }
  .search-empty { padding: var(--m20); }
}

/* Information pages: fixed blocks on the existing Otrana tokens. */
.information-page__content{padding:var(--m40) 0 var(--otrana-page-bottom-gap)}.information-page__header{margin:var(--m32) 0 var(--m48)}.information-page__blocks{display:grid;gap:var(--otrana-section-gap)}.information-block--wysiwyg{max-width:920px}
.information-block--media{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:var(--m40);align-items:center;padding:var(--m40);border-radius:var(--br20);background:#f6f6f6}.information-block--image-left .information-block__copy{order:2}.information-block--image-left .information-block__media{order:1}.information-block__media{min-width:0;overflow:hidden;border-radius:var(--br20);aspect-ratio:4/3;background:#fff}.information-block__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.information-block--media:hover .information-block__media img{transform:scale(1.04)}.information-block__button{margin-top:var(--m24)}
.information-block__header{max-width:760px;margin-bottom:var(--m32)}.information-block__header h2{margin:0;font:600 var(--fs32)/var(--lh32) 'Manrope',Arial,sans-serif;letter-spacing:var(--ls32)}.information-block__header p{margin:var(--m12) 0 0;color:#696969;font-size:var(--fs16);line-height:var(--lh16)}
.information-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}.information-card-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.information-card{position:relative;display:flex;min-height:250px;overflow:hidden;box-sizing:border-box;flex-direction:column;text-decoration:none;color:#242424;border-radius:var(--br20);background:#f6f6f6;transition:background-color var(--otrana-control-duration) var(--otrana-control-easing)}.information-card:hover{background:#ededed}.information-card--accent{background:#242424;color:#fff}.information-card--accent:hover{background:#313131}.information-card__picture{position:absolute;z-index:1;right:-7%;bottom:-12%;width:62%;height:92%;overflow:visible;pointer-events:none}.information-card__picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom;transform:scale(1);transform-origin:right bottom;transition:transform var(--otrana-control-duration) var(--otrana-control-easing)}.information-card:hover .information-card__picture img{transform:scale(1.075)}.information-card__body{position:relative;z-index:2;padding:var(--m24)}.information-card:has(.information-card__picture){min-height:280px}.information-card:has(.information-card__picture) .information-card__body{max-width:62%;box-sizing:border-box}.information-card__body h3{margin:0;font:600 var(--fs20)/var(--lh20) 'Manrope',Arial,sans-serif}.information-card__body p{margin:var(--m12) 0 0;color:#696969;font-size:var(--fs16);line-height:var(--lh16)}.information-card--accent p{color:#ababab}
.information-block--gallery,.information-gallery{min-width:0}.information-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}.information-gallery__item{margin:0}.information-gallery__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--br20)}.information-gallery__item figcaption{margin-top:var(--m12);color:#696969}
.information-contacts__intro{max-width:760px;margin:0 0 var(--m32);font-size:var(--fs20);line-height:var(--lh20)}.information-contacts__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:var(--grid-gap)}.information-contact-card{display:flex;min-height:260px;box-sizing:border-box;flex-direction:column;align-items:flex-start;padding:var(--m32);border-radius:var(--br20);background:#f6f6f6;color:#242424}.information-contact-card--primary{background:#242424;color:#fff}.information-contact-card>span{margin-bottom:auto;color:#898989;font-size:var(--fs14)}.information-contact-card strong{max-width:19em;font:600 var(--fs20)/var(--lh20) 'Manrope',Arial,sans-serif}.information-contact-card>a{margin-top:var(--m8);color:inherit;text-decoration:none;font:600 var(--fs24)/var(--lh24) 'Manrope',Arial,sans-serif}.information-contact-card__email{font-size:var(--fs16)!important}.information-contact-card p{margin:var(--m12) 0 0;color:#696969}.information-contact-card__link{margin-top:auto!important;font-size:var(--fs14)!important;text-decoration:underline!important}.information-contact-card__socials{display:flex;gap:var(--m8);margin-top:var(--m24)}.information-contact-card__socials a{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%}.information-contact-card__socials img{width:20px;height:20px}.information-contacts__requisites{max-width:920px;margin-top:var(--m40)}
@media(max-width:1023px){.information-block--media{grid-template-columns:1fr 1fr;padding:var(--m32);gap:var(--m24)}.information-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.information-contacts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.information-contact-card--primary{grid-column:1/-1}}
@media(max-width:767px){.information-page__content{padding-top:var(--m24)}.information-page__header{margin:var(--m24) 0 var(--m32)}.information-block--media{grid-template-columns:1fr;padding:var(--m20)}.information-block--image-left .information-block__copy,.information-block--image-left .information-block__media{order:initial}.information-block__media{aspect-ratio:16/10}.information-card-grid,.information-card-grid:has(> :nth-child(4):last-child){grid-template-columns:1fr}.information-card{min-height:0}.information-card:has(.information-card__picture){min-height:220px}.information-card:has(.information-card__picture) .information-card__body{max-width:68%;padding:var(--m20)}.information-card__picture{right:-9%;bottom:-10%;width:56%;height:86%}.information-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(-1 * var(--page-gutter));padding-right:var(--page-gutter);scrollbar-width:none}.information-gallery::-webkit-scrollbar{display:none}.information-gallery__item{min-width:82%;scroll-snap-align:start}.information-contacts__grid{grid-template-columns:1fr}.information-contact-card--primary{grid-column:auto}.information-contact-card{min-height:220px;padding:var(--m24)}.information-contact-card>a{font-size:var(--fs20)}}@media(prefers-reduced-motion:reduce){.information-block__media img,.information-card__picture img{transition:none!important}}

.otrana-footer__wechat { align-items: center; color: inherit; display: inline-flex; text-decoration: none; }
.wechat-dialog { background: transparent; border: 0; max-width: min(92vw, 380px); padding: 0; }
.wechat-dialog::backdrop { background: rgba(20, 24, 27, .58); }
.wechat-dialog__panel { background: #fff; border-radius: 18px; padding: 32px; position: relative; text-align: center; }
.wechat-dialog__panel h2 { margin: 0 36px 18px; }
.wechat-dialog__close { position: absolute; right: 14px; top: 14px; }
.wechat-dialog__qr { display: block; height: auto; margin: 0 auto 18px; max-width: min(78vw, 460px); width: 100%; }
.wechat-dialog__hint { color: #657076; font-size: 14px; line-height: 1.45; margin: 14px 0 0; }

.header__messenger-link:nth-child(4) { width: 42px; }
.header__messenger-link:nth-child(4)::before { height: 22px; width: 32px; }
.header__messenger-link:nth-child(4)::after { background: #fff; border-radius: 50%; box-shadow: 7px 0 0 #fff, 12px 6px 0 #fff, 19px 6px 0 #fff; content: ''; height: 3px; left: 8px; position: absolute; top: 9px; transition: opacity var(--otrana-control-duration) ease; width: 3px; }
.header__messenger-link .social-wechat-icon { height: 22px; width: auto; }
.btn--socials .social-wechat-icon { height: 22px; max-width: none; width: auto; }

/* Header messengers render their own SVGs in every state; CSS masks lose internal details. */
.header__messenger-link::before,
.header__messenger-link:nth-child(4)::after { display: none; }
.header__messenger-link img { filter: grayscale(1) brightness(0); opacity: .62; }
@media (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header__messenger-link:hover img { filter: grayscale(0); opacity: 1; }
}

/* Footer messengers follow the same direct-SVG rendering as the header. */
.otrana-footer__quick-links a::before { display: none; }
.otrana-footer__quick-links img { filter: grayscale(1) brightness(0) invert(45%); opacity: 1; transition: filter var(--otrana-control-duration) ease, opacity var(--otrana-control-duration) ease; }
.otrana-footer__quick-links a:hover img { filter: grayscale(0); opacity: 1; }
.otrana-footer__quick-links .social-wechat-icon { height: 19px; max-width: none; width: auto; }

/* Semantic titles: visual labels that are not page-outline headings. */
.otrana-catalog__panel-title { max-width: 760px; margin: 0 0 8px; font-size: var(--fs40); font-weight: 500; line-height: 1.1; }
.otrana-catalog__group-title { margin: 0 0 var(--m12); color: var(--otrana-color-text-muted-alt); font-size: var(--fs13); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.otrana-catalog__group-title span { margin-left: var(--m6); color: var(--otrana-color-text-muted); font-weight: 500; }
.catalog-section__title { margin: 0; color: var(--otrana-color-ink-deep); font-size: var(--fs32); line-height: var(--lh32); letter-spacing: var(--ls32); }
.catalog-product-card__name { margin: 0; font-size: var(--fs16); line-height: 1.22; }
.catalog-product-card__name a { color: inherit; text-decoration: none; }
.catalog-product-card__name a::after { position: absolute; z-index: 1; inset: 0; content: ''; }
.catalog-product-card__name a:focus-visible::after { outline: var(--otrana-control-focus-width) solid var(--otrana-control-focus-color); outline-offset: calc(-1 * var(--otrana-control-focus-offset)); border-radius: var(--br20); }
.wechat-dialog__title { margin: 0 36px 18px; }
@media (max-width: 1023px) {
  .otrana-catalog__panel-title { display: none; }
  .otrana-catalog__group-title { margin-top: var(--m8); }
  .catalog-section__title { font-size: var(--fs24); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .otrana-catalog__panel-title { display: block; max-width: 18em; margin: 0; font-size: var(--fs28); line-height: 1.15; }
}
@media (max-width: 767px) {
  .catalog-product-card__name { font-size: var(--fs14); }
}

.catalog-cta__title { margin: 0; color: inherit; font-size: var(--fs32); line-height: var(--lh32); letter-spacing: var(--ls32); }
@media (max-width: 1023px) { .catalog-cta__title { font-size: var(--fs24); } }