/* Start:/local/templates/nitka/libs/swiper/style.min.css?175826966518455*/ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/nitka/css/style.css?1759146811170394*/ @charset "UTF-8"; :root { --font-primary: "SF Pro Display", sans-serif; --font-secondary: "AA Stetica", sans-serif; --clamp-12-14: clamp(12px, 0.97vw, 14px); --clamp-14-16: clamp(14px, 1.11vw, 16px); --clamp-16-18: clamp(16px, 1.25vw, 18px); --clamp-18-20: clamp(18px, 1.39vw, 20px); --clamp-20-24: clamp(20px, 1.67vw, 24px); --clamp-24-26: clamp(24px, 1.81vw, 26px); --clamp-24-28: clamp(24px, 1.94vw, 28px); --accent: #e84623; --accent-10: rgba(241, 85, 56, 0.1); --dark-primary: #404040; --dark-primary-90: rgba(64, 64, 64, 0.9); --dark-primary-80: rgba(64, 64, 64, 0.8); --dark-primary-50: rgba(64, 64, 64, 0.5); --dark-secondary: #000000; --bg-light: #f8f3f3; --bg-gray: #ECECEC; --bg-grey: #ECECEC; --bg-input: #f5f5f5; --breadcrumb-gray: #8D8D8D; --breadcrumb-grey: #8D8D8D; --gray: #dbdbdb; --grey: #dbdbdb; --gray-50: rgba(219, 219, 219, 0.5); --grey-50: rgba(219, 219, 219, 0.5); --separator-gray: #D2D2D2; --error: #e00000; --error-10: rgba(224, 0, 0, 0.1); --success: #0DB97D; --container-padding-x: clamp(24px, 5.56vw, 80px); } @media (max-width: 1023px) { :root { --container-padding-x: clamp(20px, 3.13vw, 24px); } } *, *::before, *::after { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; font-family: var(--font-primary); background: var(--bg-light); color: var(--dark-primary); font-weight: 300; letter-spacing: 0.5px; } @media (max-width: 696px) { body { padding-bottom: 70px; } } main { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .page-gray { background-color: var(--bg-gray); } .page-white { background-color: #fff; } a { text-decoration: none; color: inherit; } img { width: 100%; display: block; } button:focus, button:active, button:focus-visible { outline: none; } .container { width: 1440px; max-width: 100%; margin: 0 auto; padding: 0 var(--container-padding-x); } @media (max-width: 696px) { .container_md-pr_15 { padding-right: 15px; } } .scroll-lock { overflow: hidden; height: 100%; position: relative; } .custom-balloon { background: white; padding: 12px; border-radius: 8px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); max-width: 250px; font-family: Arial, sans-serif; } .map-marker_active { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .flex-2-cols { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; width: 100%; } .flex-2-cols_gap_24 { gap: 24px; } @media (max-width: 696px) { .flex-2-cols_gap_24 { gap: 20px; } } .flex-2-cols_my_36 { margin: 36px 0; } @media (max-width: 696px) { .flex-2-cols_my_36 { margin: 26px 0; } } @media (max-width: 696px) { .flex-2-cols_md-direction_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flex-2-cols > * { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); } @media (max-width: 359px) { .flex-2-cols > * { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 696px) { .flex-2-cols_md-flex-auto > * { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 359px) { .flex-2-cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .delete-button { border: none; background-color: var(--error-10); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; min-width: 36px; height: 36px; border-radius: 4px; } .delete-button_white { background-color: #fff; } .delete-button__icon { width: 20px; height: 20px; } .flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-column_gap_8 { gap: 8px; } .flex-column_gap_0 { gap: 0; } .flex-column_gap_12 { gap: 12px; } .flex-column_gap_16 { gap: 16px; } .flex-column_gap_18 { gap: 18px; } .flex-column_gap_12-16 { gap: clamp(12px, 1.11vw, 16px); } .flex-column_gap_8-12 { gap: clamp(8px, 0.83vw, 12px); } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-row_gap_18 { gap: 18px; } .flex-row_gap_8 { gap: 8px; } .underline-button { background: transparent; border: none; cursor: pointer; font-family: inherit; font-size: 12px; letter-spacing: -0.1px; color: var(--accent); -webkit-text-decoration: underline dashed; text-decoration: underline dashed; text-underline-offset: 5px; } @media (max-width: 696px) { .underline-button_md-hidden { display: none; } } .green-check-item { font-weight: 300; line-height: 1.28; letter-spacing: 0.5px; font-size: var(--clamp-16-18); color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .green-check-item__icon { width: 16px; height: 16px; } .status-item { --color: #000; font-weight: 300; line-height: 1.28; letter-spacing: 0.5px; font-size: var(--clamp-16-18); color: var(--color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; position: relative; padding-left: 14px; } .status-item_alarm { --color: var(--error); } .status-item::before { content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 50%; left: 0; translate: 0 -50%; background: var(--color); } .page-center-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .not-found-container { width: 456px; max-width: 100%; margin: 60px auto; text-align: center; } .lang-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .lang-links__link { text-transform: uppercase; position: relative; font-weight: 300; font-size: 14px; } .lang-links__link_active { color: var(--accent); font-weight: 500; } .lang-links__link:not(:last-child)::after { content: "|"; position: absolute; right: -7px; top: 0; } .logo { --logo-size: clamp(93px, 8.54vw, 123px); display: block; width: var(--logo-size); } .logo_big { --logo-size: clamp(86px, 7.78vw, 112px); } @media (max-width: 1023px) { .logo_big { --logo-size: 86px; } } .logo__image { width: 100%; } .menu-btn { width: 24px; height: 24px; background: transparent; border: none; } .menu-btn__icon { width: 100%; display: block; } .btn { --icon-size: clamp(16px, 1.67vw, 24px); padding: 12px 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; border-radius: 4px; border: none; font-family: inherit; font-size: 14px; line-height: 1.57; font-weight: 600; -webkit-transition: all 0.15s; transition: all 0.15s; } .btn:not(:disabled) { cursor: pointer; } .btn:disabled { opacity: 0.3; pointer-events: none; } .btn_accent { background: var(--accent); color: #ffffff; } .btn_accent:hover { background: var(--dark-primary); } .btn_dark { background: var(--dark-secondary); color: #ffffff; } .btn_dark:hover { background: var(--gray); color: var(--dark-primary); } .btn_dark-primary { background: var(--dark-primary); color: #ffffff; } .btn_dark-primary:hover { background: var(--gray); color: var(--dark-primary); } .btn_gray { background: var(--gray); color: var(--dark-primary); } .btn_gray:hover { background: var(--dark-primary); color: #ffffff; } .btn_transparent { background: transparent; border: 1px solid var(--dark-secondary); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); } .btn_tg-blue { background: #007DBB; color: #fff; } .btn_tg-blue-gradient { background: linear-gradient(91.61deg, #37BBFE -7.94%, #007DBB 101.78%); color: #fff; } .btn_ozon-blue { background: #0158FF; color: #fff; } .btn_yandex-yellow { background: #FCE000; color: #000; } .btn_wb-violet { background: #A73AFD; color: #fff; } .btn_white { background-color: #fff; } .btn_fz_clamp-14-16 { font-size: var(--clamp-14-16); } .btn_fz_clamp-12-14 { font-size: var(--clamp-12-14); } .btn_fz_12 { font-size: 12px; } .btn_fw_300 { font-weight: 300; } .btn_px_30 { padding-left: 30px; padding-right: 30px; } .btn_px_20 { padding-left: 20px; padding-right: 20px; } .btn_p_8-14 { padding: 8px 14px; } .btn_p_8-16 { padding: 8px 16px; } .btn_p_8-18 { padding: 8px 18px; } .btn_height_36 { height: 36px; } .btn_icon-size_24 { --icon-size: 24px; } .btn_icon-size_14 { --icon-size: 14px; } .btn_fullwidth { width: 100%; } @media (max-width: 1023px) { .btn_lg-fullwidth { width: 100%; } } @media (max-width: 696px) { .btn_md-fullwidth { width: 100%; } } .btn_no-border { border: none; } .btn_gray-text { color: var(--dark-primary-80); font-weight: 400; } .btn_md-visible { display: none; } @media (max-width: 696px) { .btn_md-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 696px) { .btn { letter-spacing: -0.1px; } } .btn__icon { width: var(--icon-size); height: var(--icon-size); } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 15px 0 var(--clamp-16-18); } @media (max-width: 696px) { .nav { display: none; } } .nav__btn { padding: 6px clamp(20px, 1.81vw, 26px); } .nav__user-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(20px, 2.22vw, 32px); } .navbar__link { font-size: clamp(12px, 0.97vw, 14px); line-height: 1.28; font-weight: 300; letter-spacing: 0.5px; } .user-action { width: 28px; aspect-ratio: 1/1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: transparent; border: none; cursor: pointer; } .user-action__icon { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .user-action__count { position: absolute; top: 0; right: 0; background: #DD4423; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; color: #ffffff; font-family: "Inter", sans-serif; font-size: 8px; font-weight: 800; } .user-action_authorized { position: relative; } .user-action_authorized::after { content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #0DB97D; } .company-info { color: #ffffff; letter-spacing: 0.5px; font-weight: 300; } .company-info__name { font-size: var(--clamp-16-18); line-height: 1.33; font-weight: 600; } .company-info__legal-name { font-size: var(--clamp-16-18); line-height: 1.22; } .company-info__partner { width: clamp(80px, 7.01vw, 101px); margin-top: clamp(9px, 0.83vw, 12px); } .company-info__confidential { color: inherit; display: block; /* margin-top: clamp(16px, 1.81vw, 26px); */ font-size: 12px; line-height: 1.33; } .social { display: block; width: clamp(32px, 3.47vw, 50px); } .social_w_60 { width: clamp(40px, 4.17vw, 60px); } .social__icon { height: 100%; -o-object-fit: contain; object-fit: contain; } .social-list__title { font-size: var(--clamp-18-20); line-height: 1.3; font-weight: 600; letter-spacing: 0.5px; } .social-list__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin-top: clamp(10px, 0.83vw, 12px); } .subscribe-form__title { font-size: 12px; font-weight: 300; line-height: 1.33; } .subscribe-form__input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; margin-top: clamp(8px, 0.83vw, 12px); } .subscribe-form__input-wrap:has(.custom-input__input_invalid) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 696px) { .subscribe-form__input-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subscribe-form__input-wrap:has(.custom-input__input_invalid) { gap: 22px; } } .subscribe-form__btn { line-height: 1.28; padding: 12px 20px; } .custom-input { --input-padding-x: clamp(16px, 1.67vw, 24px); --input-padding-top: clamp(22px, 1.88vw, 27px); --input-padding-bottom: 9px; --input-bg: var(--bg-input); --input-text-align: left; --display-error: none; --font-size: var(--clamp-16-18); --label-focus-font-size: 14px; --border-radius: 10px; --error-text-color: var(--error); --input-max-height: unset; --input-z-index: unset; --label-z-index: unset; position: relative; font-size: var(--font-size); line-height: 1.33; font-weight: 300; font-family: inherit; width: 100%; } @media (max-width: 696px) { .custom-input { --label-focus-font-size: 12px; --input-padding-x: 16px; --input-padding-top: 16px; } } .custom-input-order{ margin-top: 8px; } .custom-input_max-height_44 { --input-max-height: 44px; --input-padding-top: 16px; --label-focus-font-size: 12px; } .custom-input:has(.custom-input__input_invalid) { --display-error: block; } .custom-input_small { --font-size: 12px; --label-focus-font-size: 10px; --input-padding-x: 16px; --input-padding-top: 16px; --border-radius: 5px; } .custom-input_on-red { --error-text-color: #000000; } .custom-input_label-static { --input-padding-bottom: var(--input-padding-top); } .custom-input_pv_16 { --input-padding-bottom: 16px; --input-padding-top: 16px; } .custom-input_text-align_center { --input-text-align: center; } .custom-input_w_64 { --input-padding-top: 20px; width: 64px; } @media (max-width: 696px) { .custom-input_w_64 { width: 60px; } } .custom-input:has([data-calendar]) { --input-z-index: 1; --label-z-index: 0; --input-bg: transparent; background: var(--bg-input); border-radius: var(--border-radius); } .custom-input:has([data-calendar])::after { content: ""; position: absolute; width: 20px; height: 20px; top: 50%; right: 24px; translate: 0 -50%; background-image: url("/local/templates/nitka/css/../img/icons/calendar.svg"); } .custom-input__label { font-size: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; position: absolute; left: var(--input-padding-x); top: 50%; translate: 0 -50%; color: var(--dark-primary-90); -webkit-transition: all 0.2s; transition: all 0.2s; cursor: text; } .custom-input__input { font-size: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; width: 100%; padding: var(--input-padding-top) var(--input-padding-x) var(--input-padding-bottom); border-radius: var(--border-radius); border: none; color: #000; background-color: var(--input-bg); resize: none; max-height: var(--input-max-height); text-align: var(--input-text-align); position: relative; z-index: var(--input-z-index); } .custom-input__input::-webkit-input-placeholder { color: var(--dark-primary-90); } .custom-input__input::-moz-placeholder { color: var(--dark-primary-90); } .custom-input__input:-ms-input-placeholder { color: var(--dark-primary-90); } .custom-input__input::-ms-input-placeholder { color: var(--dark-primary-90); } .custom-input__input::placeholder { color: var(--dark-primary-90); } .custom-input__input:active, .custom-input__input:focus, .custom-input__input:focus-visible { outline: none; } .custom-input__input:not(:-moz-placeholder-shown) + .custom-input__label { top: 25%; font-size: var(--label-focus-font-size); } .custom-input__input:not(:-ms-input-placeholder) + .custom-input__label { top: 25%; font-size: var(--label-focus-font-size); } .custom-input__input:not([data-calendar]):focus + .custom-input__label, .custom-input__input:not(:placeholder-shown) + .custom-input__label { top: 25%; font-size: var(--label-focus-font-size); } .custom-input__input[type=number] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-input__input[type=number]::-webkit-outer-spin-button, .custom-input__input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .custom-input__input_invalid { border-bottom: 1px solid var(--error); } .custom-input__input_invalid + .custom-input__label { top: calc(50% - 7px); } .custom-input__input_invalid:not(:-moz-placeholder-shown) + .custom-input__label { top: calc(25% - 7px); } .custom-input__input_invalid:not(:-ms-input-placeholder) + .custom-input__label { top: calc(25% - 7px); } .custom-input__input_invalid:focus + .custom-input__label, .custom-input__input_invalid:not(:placeholder-shown) + .custom-input__label { top: calc(25% - 7px); } .custom-input textarea { padding-top: 16px; } .custom-input__error { color: var(--error-text-color); font-size: 14px; font-weight: 300; display: var(--display-error); } .custom-input:has([data-calendar]):has(.custom-input__input_invalid) { margin-bottom: 12px; } .custom-input:has([data-calendar]):has(.custom-input__input_invalid) .custom-input__error { position: absolute; } .mob-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: fixed; z-index: 99; top: 0; right: 0; height: 100%; background: #fff; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .mob-menu::-webkit-scrollbar { width: 0; } .mob-menu_open { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mob-menu__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; padding: 16px var(--container-padding-x) 14px; background-color: var(--bg-light); } .mob-menu__close-btn { background: transparent; width: 24px; aspect-ratio: 1/1; border: none; } .mob-menu__body { padding: 30px var(--container-padding-x); } .mob-menu__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } .mob-menu__nav-link { font-weight: 300; font-size: 14px; line-height: 1.14; } .mob-menu__tel { display: inline-block; margin-top: 33px; font-weight: 500; font-size: 18px; line-height: 1.33; letter-spacing: 0.5px; } .mob-menu__socials { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .mob-menu__bottom { margin-top: auto; } .mob-menu__bottom-bg { height: 154px; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } @media screen and (max-height: 500px) { .mob-menu { overflow-y: scroll; } } .menu-backdrop { display: none; } .mob-menu_open + .menu-backdrop { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 98; } .section-title { color: var(--dark-secondary); font-family: "AA Stetica", sans-serif; font-weight: 400; font-size: clamp(28px, 2.78vw, 40px); line-height: 1.1; } .section-title__accent-item { color: var(--accent); } .section-title__accent-item_display_block { display: block; } @media (max-width: 1023px) { .section-title_lg-w_90 { width: 90%; } } @media (max-width: 696px) { .section-title_lg-w_90 { width: 100%; } } .section-title_fz_32 { font-size: clamp(24px, 2.22vw, 32px); } .section-title_fz_26 { font-size: var(--clamp-24-26); } .section-title_text-align_center { text-align: center; } .section-title_text-wrap_pretty { text-wrap: pretty; } @media (max-width: 1023px) { .section-title_lg-text-align_left { text-align: left; } } .section-title-with-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(16px, 1.67vw, 24px); } .section-title-with-icon__icon { width: 64px; aspect-ratio: 1/1; } .section-title-with-icon__icon_w_104 { width: 104px; } .page-title { font-size: clamp(32px, 3.89vw, 56px); font-weight: 400; line-height: 1.1; font-family: "AA Stetica", sans-serif; } .page-title_accent { color: var(--accent); } .page-title_text-wrap_balance { text-wrap: balance; } .info-banner { margin: clamp(80px, 6.94vw, 100px) 0 clamp(80px, 10.42vw, 150px); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 10px; overflow: hidden; } @media (max-width: 696px) { .info-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .info-banner__image-container { -webkit-box-flex: 0; -ms-flex: 0 0 550px; flex: 0 0 550px; max-width: 46%; } @media (max-width: 696px) { .info-banner__image-container { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 100%; height: 295px; } } .info-banner__image { height: 100%; -o-object-fit: cover; object-fit: cover; } .info-banner__text-container { padding: clamp(39px, 4.17vw, 60px) clamp(40px, 5.69vw, 82px); } @media (max-width: 1023px) { .info-banner__text-container { padding: 39px 33px 59px 42px; } } @media (max-width: 696px) { .info-banner__text-container { padding: 32px 24px 30px; } } .info-banner__title { font-weight: 600; line-height: 1.17; font-size: var(--clamp-20-24); text-wrap: balance; letter-spacing: 0.5px; } @media (max-width: 696px) { .info-banner__title { line-height: 1.2; } } .info-banner__btn { margin-top: clamp(32px, 2.64vw, 38px); } @media (max-width: 696px) { .info-banner__btn { margin-top: 18px; width: 100%; } } .subscription-banner { background: -webkit-gradient(linear, right top, left top, color-stop(58.02%, rgba(209, 203, 204, 0)), color-stop(63.78%, #D1CBCC)); background: linear-gradient(270deg, rgba(209, 203, 204, 0) 58.02%, #D1CBCC 63.78%); position: relative; padding: clamp(30px, 7.36vw, 106px) 0; } .subscription-banner_py_72 { padding: clamp(30px, 4.86vw, 70px) 0; } @media (max-width: 1023px) { .subscription-banner { padding: clamp(20px, 3.91vw, 30px) 0; } } @media (max-width: 696px) { .subscription-banner_md-pt_63 { padding-top: 63px; } .subscription-banner_md-pb_30 { padding-bottom: 30px; } } .subscription-banner__bg { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1023px) { .subscription-banner__bg { -o-object-position: 78%; object-position: 78%; } } .subscription-banner__content { background-color: #fff; border-radius: 10px; position: relative; z-index: 1; width: 631px; max-width: 55.556%; padding: clamp(32px, 3.47vw, 50px); } @media (max-width: 1023px) { .subscription-banner__content { padding: clamp(24px, 4.17vw, 32px); } } @media (max-width: 696px) { .subscription-banner__content { max-width: 100%; } .subscription-banner__content_md-pt_32 { padding-top: 32px; } } .subscription-banner__text { font-weight: 300; line-height: 1.33; font-size: var(--clamp-16-18); letter-spacing: 0.5px; margin-top: 16px; } @media (max-width: 696px) { .subscription-banner__text { margin-top: 8px; line-height: 1.25; } } .subscription-banner__price { font-size: var(--clamp-24-28); font-weight: 500; line-height: 1; margin-top: 28px; text-transform: uppercase; } @media (max-width: 696px) { .subscription-banner__price { margin-top: 24px; } } .subscription-banner__actions { margin-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .subscription-banner__actions_w_436 { width: 436px; max-width: 100%; } @media (max-width: 696px) { .subscription-banner__actions { margin-top: 24px; } } .subscription-banner__red-plate { position: absolute; top: 0; right: 0; width: 227px; translate: 0 -50%; } @media (max-width: 1023px) { .subscription-banner__red-plate { right: -46px; translate: 100% 0; } } @media (max-width: 696px) { .subscription-banner__red-plate { right: unset; left: 0; translate: 0 -32px; width: 259px; max-width: 100%; } } .cite-block { background-color: #fff; padding: 22px 28.5px; border-radius: 10px; font-size: var(--clamp-16-18); font-weight: 300; position: relative; } .cite-block::before { content: ""; border: solid transparent; border-right-color: white; position: absolute; bottom: 20px; left: 0; translate: -100% 0; border-width: 20px 24px 20px 0; } @media (max-width: 1023px) { .cite-block { padding: 26px 28.5px; } .cite-block_lg-arrow_down { margin-bottom: 14px; } .cite-block_lg-arrow_down::before { border-right-color: transparent; border-top-color: white; border-width: 24px 20px 0 20px; translate: 0 100%; bottom: 0; left: clamp(32px, 5.21vw, 40px); } } @media (max-width: 696px) { .cite-block { padding: 22px 23px; } } .cite-block_arrow_down { margin-bottom: 14px; } .cite-block_arrow_down::before { border-right-color: transparent; border-top-color: white; border-width: 24px 20px 0 20px; translate: 0 100%; bottom: 0; left: clamp(32px, 5.21vw, 40px); } .cite-block_mb_32 { margin-bottom: 32px; } .cite-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(22px, 1.94vw, 28px); } .cite-author__image-container { width: 120px; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; } @media (max-width: 696px) { .cite-author__image-container { width: 96px; } } .cite-author__image { height: 100%; -o-object-fit: cover; object-fit: cover; } .cite-author__info { letter-spacing: 0.5px; } .cite-author__name { font-weight: 600; font-size: clamp(18px, 1.67vw, 24px); line-height: 1.08; } .cite-author__name_fz_20 { font-size: var(--clamp-18-20); } .cite-author__position { font-weight: 300; font-size: var(--clamp-14-16); line-height: 1.25; margin-top: 4px; } .button-with-price { --btn-width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } @media (max-width: 1023px) { .button-with-price_lg-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; } } @media (max-width: 696px) { .button-with-price_lg-column { --btn-width: 100%; } } .button-with-price__price { font-weight: 600; font-size: clamp(20px, 1.67vw, 24px); line-height: 1.08; letter-spacing: 0.5px; } .button-with-price__price_order_-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } @media (max-width: 1023px) { .button-with-price__price_lg-order_-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (max-width: 696px) { .button-with-price__price_order_-1 { width: 100%; } } @media (max-width: 359px) { .button-with-price { gap: 12px; } } .button-with-price__btn { width: var(--btn-width); } .plain-text { font-weight: 300; font-size: var(--clamp-16-18); line-height: 1.33; margin: 14px 0; letter-spacing: 0.5px; } @media (max-width: 1023px) { .plain-text { line-height: 1.25; } .plain-text_lg-line-height_150 { line-height: 1.5; } } @media (max-width: 696px) { .plain-text { margin: 11px 0; } } @media (max-width: 696px) { .plain-text_md-width_90 { width: 90%; } } .plain-text_mt_0 { margin-top: 0; } .plain-text_mt_4 { margin-top: 4px; } .plain-text_mb_0 { margin-bottom: 0; } .plain-text_m_0 { margin: 0; } .plain-text_fz_16 { font-size: var(--clamp-14-16); line-height: 1.375; } @media (max-width: 1023px) { .plain-text_fz_16 { line-height: 1.28; } } .plain-text_fz_14 { font-size: 14px; } .plain-text_fz_22-24 { font-size: clamp(22px, 1.67vw, 24px); } .plain-text_fw_600 { font-weight: 600; } .plain-text_black { color: #000; } .plain-text_accent { color: var(--accent); } .plain-text_success { color: var(--success); } .plain-text_primary-90 { color: var(--dark-primary-90); } .plain-text_button { background: transparent; border: none; cursor: pointer; } .plain-text_text-align_center { text-align: center; } .plain-text__accent-item { color: var(--accent); font-weight: 600; } .plain-text__accent-item_fw_inherit { font-weight: inherit; } .plain-text__red-item { color: var(--error); } .theme-card { background-color: #fff; background-image: url(/local/templates/nitka/css/../img/pattern-theme-card.svg); border-radius: 10px; padding: 20px; min-height: clamp(178px, 22.22vw, 320px); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 1023px) { .theme-card { padding: 8px 11px; } } @media (max-width: 696px) { .theme-card { padding: 11px 16px; min-height: 248px; } } .theme-card__tea { position: absolute; top: clamp(6px, 0.76vw, 11px); right: clamp(11px, 1.74vw, 25px); width: clamp(126px, 15.56vw, 244px); aspect-ratio: 1/1; pointer-events: none; } @media (max-width: 696px) { .theme-card__tea { width: 175px; } } .theme-card__card { position: absolute; bottom: clamp(7px, 1.18vw, 17px); right: clamp(5px, 0.97vw, 14px); z-index: 1; width: clamp(78px, 9.65vw, 139px); aspect-ratio: 139/193; pointer-events: none; } @media (max-width: 696px) { .theme-card__card { width: 109px; } } .theme-card__info { margin-top: auto; max-width: 59%; letter-spacing: 0.5px; position: relative; z-index: 2; } .theme-card__info-name { font-weight: 300; font-size: clamp(8px, 0.97vw, 14px); line-height: 1.28; } @media (max-width: 696px) { .theme-card__info-name { font-size: 12px; } } .theme-card__info-value { margin-top: clamp(5px, 0.56vw, 8px); font-weight: 600; font-size: clamp(12px, 1.39vw, 20px); line-height: 1.3; } @media (max-width: 696px) { .theme-card__info-value { font-size: 16px; margin-top: 6px; } } .star-month { width: clamp(49px, 5.97vw, 86px); aspect-ratio: 1/1; position: relative; } @media (max-width: 696px) { .star-month { width: 68px; } } .star-month__image { position: absolute; height: 100%; -o-object-fit: contain; object-fit: contain; pointer-events: none; } .star-month__text { color: #fff; position: absolute; z-index: 1; font-weight: 600; line-height: 1; letter-spacing: -0.1px; font-size: clamp(8px, 0.97vw, 14px); top: 50%; left: 50%; translate: -50% -50%; text-align: center; } @media (max-width: 696px) { .star-month__text { font-size: 11px; } } .grid { display: grid; gap: clamp(15px, 1.53vw, 22px); } @media (max-width: 696px) { .grid { gap: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .grid_2-cols { grid-template-columns: repeat(2, 1fr); } .grid_3-cols { grid-template-columns: repeat(3, 1fr); } .grid_5-cols-with-filters { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); grid-auto-flow: dense; } .grid_6-cols { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); } @media (max-width: 1023px) { .grid_lg-2-cols { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: unset; } } @media (max-width: 696px) { .grid_md-2-cols { display: grid; grid-template-columns: repeat(2, 1fr); } } .grid_column-gap_20 { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media (max-width: 696px) { .grid_column-gap_20 { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } } .grid_row-gap_30 { row-gap: 30px; } @media (max-width: 696px) { .grid_row-gap_30 { row-gap: 20px; } } .grid_md-gap_28 { gap: 28px; } .grid__item_fullwidth { grid-column: 1/-1; } .accordion { --padding-x: clamp(28px, 2.22vw, 32px); --padding-y: clamp(20px, 1.67vw, 24px); display: grid; grid-template-rows: auto 0fr; -webkit-transition: grid-template-rows 0.2s; transition: grid-template-rows 0.2s; transition: grid-template-rows 0.2s, -ms-grid-rows 0.2s; background-color: #fff; border-radius: 10px; overflow: hidden; } @media (max-width: 696px) { .accordion { --padding-x: 20px; } } .accordion_catalog-filter { background-color: transparent; --padding-x: 0; --padding-y: 12px; border-top: 1px solid var(--gray); border-radius: 0; } .accordion__title { padding: var(--padding-y) var(--padding-x); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; gap: 20px; cursor: pointer; font-size: var(--clamp-18-20); line-height: 1.3; font-weight: 600; letter-spacing: 0.5px; } .accordion__arrow { width: 24px; min-width: 24px; height: 24px; position: relative; background: transparent; -webkit-transition: all 0.2s; transition: all 0.2s; } .accordion__arrow::before, .accordion__arrow::after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 16px; height: 2px; background: var(--dark-primary-80); border-radius: 2px; } .accordion__arrow::after { rotate: 90deg; -webkit-transition: all 0.2s; transition: all 0.2s; } .accordion__arrow_chevron { rotate: 180deg; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .accordion__arrow_chevron::before, .accordion__arrow_chevron::after { display: none; } .accordion_open .accordion__arrow::after { rotate: 0deg; } .accordion_open .accordion__arrow_chevron { rotate: 0deg; } .accordion__content { overflow: hidden; } .accordion__content-inner { padding: 0 var(--padding-x) var(--padding-y); color: var(--dark-primary-90); font-size: 16px; font-weight: 300; line-height: 1.25; letter-spacing: 0.5px; width: 1029px; max-width: 100%; } .accordion_open { grid-template-rows: auto 1fr; } .category-accordion { --padding-y: 12px; --arrow-rotate: 0deg; --title-fw: 300; --custom-input-bg: var(--bg-gray); --check-display: none; display: grid; grid-template-rows: auto 0fr; -webkit-transition: grid-template-rows 0.2s; transition: grid-template-rows 0.2s; transition: grid-template-rows 0.2s, -ms-grid-rows 0.2s; overflow: hidden; border-top: 1px solid var(--gray); } .category-accordion_open { grid-template-rows: auto 1fr; --arrow-rotate: 180deg; --title-fw: 500; --custom-input-bg: var(--accent); --check-display: block; } .category-accordion__title { padding: var(--padding-y) 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; gap: 20px; cursor: pointer; font-size: 14px; font-weight: var(--title-fw); line-height: 1.3; color: var(--dark-primary); } .category-accordion__arrow { width: 24px; min-width: 24px; height: 24px; position: relative; background: transparent; -webkit-transition: all 0.2s; transition: all 0.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; rotate: var(--arrow-rotate); } @media (max-width: 696px) { .category-accordion__arrow { display: none; } } .category-accordion__input-custom { display: none; width: 20px; height: 20px; border-radius: 50%; background-color: var(--custom-input-bg); position: relative; } @media (max-width: 696px) { .category-accordion__input-custom { display: block; } } .category-accordion__input-custom::after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 9px; height: 5px; background-image: url("/local/templates/nitka/css/../img/icons/check.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; display: var(--check-display); } .category-accordion__content { overflow: hidden; } .category-accordion__checkbox { position: absolute; width: 0; height: 0; opacity: 0; visibility: hidden; } .category-accordion__content-inner { padding-bottom: 10px; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-top: clamp(20px, 2.78vw, 40px); } @media (max-width: 696px) { .breadcrumbs_md-hidden { display: none; } } .breadcrumbs__link { position: relative; font-weight: 300; font-size: var(--clamp-12-14); letter-spacing: 0.5px; line-height: 1.57; } .breadcrumbs__link_current { color: var(--breadcrumb-gray); } .breadcrumbs__link::after { content: "/"; position: absolute; right: -5px; top: 0; translate: 100% 0; } .breadcrumbs__link:last-child::after { display: none; } .form-block { --row-offset: clamp(20px, 1.67vw, 24px) 0; background-color: #fff; border-radius: 10px; padding: 27px 32px; } @media (max-width: 696px) { .form-block { --row-offset: 16px 0; padding: 20px; } } .form-block_sticky { position: sticky; top: 0; left: 0; } .form-block_relative { position: relative; } .form-block__row { margin: var(--row-offset); } .form-block__row_border-bottom { margin: 0; padding: var(--row-offset); border-bottom: 1px solid var(--separator-gray); } .form-block__row_offset-top_0 { margin-top: 0; padding-top: 0; } .form-block__row_offset-bottom_0 { margin-bottom: 0; padding-bottom: 0; } .form-block__title { color: #000; font-size: clamp(24px, 1.81vw, 26px); font-weight: 400; line-height: 1.2; letter-spacing: -0.1px; font-family: var(--font-secondary); } @media (min-width: 697px) { .form-block__title_md-min-halfwidth { width: 50%; } } .form-block__subtitle { font-weight: 600; font-size: 20px; line-height: 1.33; letter-spacing: 0.5px; margin-top: 4px; } .form-block__subtitle_accent { color: var(--accent); } @media (max-width: 696px) { .form-block__subtitle { font-size: 18px; } } .form-block__inputs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .form-block__bottom-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 1023px) { .form-block__bottom-flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 696px) { .form-block__bottom-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-block__btn-1 { position: absolute; top: 21px; right: 32px; } @media (max-width: 696px) { .form-block__btn-1 { position: static; margin-top: 20px; width: 100%; } } .result-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: clamp(12px, 4.93vw, 71px); letter-spacing: 0.5px; color: #000; } .result-item__title { font-size: 18px; font-weight: 300; line-height: 1.33; } .result-item__title_fw_600 { font-weight: 600; color: var(--dark-primary); } @media (max-width: 696px) { .result-item__title { font-size: 16px; } } .result-item__subtitle { font-weight: 300; font-size: 14px; line-height: 1.28; color: var(--dark-primary-90); } @media (max-width: 696px) { .result-item__subtitle { font-size: 12px; } } .result-item__price { font-weight: 500; line-height: 1.375; font-size: 16px; } @media (max-width: 696px) { .result-item__price { font-size: 14px; } } .result-item__right { -ms-flex-negative: 0; flex-shrink: 0; } .radio-tab { --bg: var(--bg-gray); --color: #000; --padding: 12px 24px; display: inline-block; position: relative; padding: var(--padding); border-radius: 4px; background-color: var(--bg); color: var(--color); -webkit-transition: background-color, color 0.15s; transition: background-color, color 0.15s; } .radio-tab:has(input:checked) { --bg: #000; --color: #fff; } .radio-tab:not(:has(input:disabled)) { cursor: pointer; } .radio-tab_white { --bg: #fff; } .radio-tab_p_10-20 { --padding: 10px 20px; } .radio-tab_p_8-25 { --padding: 8px 25px; } .radio-tab_transparent-underline { --bg: transparent; position: relative; overflow: hidden; border-radius: 0; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .radio-tab_transparent-underline::after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--accent); opacity: 0; -webkit-transition: all 0.15s; transition: all 0.15s; } .radio-tab_transparent-underline:has(input:checked) { --bg: transparent; --color: var(--accent); } .radio-tab_transparent-underline:has(input:checked)::after { opacity: 1; } .radio-tab__input { position: absolute; opacity: 0; visibility: hidden; z-index: -1; } .radio-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } @media (max-width: 696px) { .radio-tabs { gap: 8px; } } .radio-tabs_gap_0 { gap: 0; } .radio-tabs_border-bottom { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-bottom: 1px solid var(--separator-gray); } .radio-tabs_no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; } .radio-tabs_no-wrap::-webkit-scrollbar { display: none; } [data-tab-content] { display: none; } [data-tab-content].active { display: block; } .custom-checkbox { --border-color: transparent; --bg-color: var(--bg-input); --check-opacity: 0; --custom-input-size: 28px; --custom-input-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; color: var(--dark-primary-90); } @media (max-width: 696px) { .custom-checkbox { --custom-input-size: 24px; --custom-input-radius: 4px; gap: 12px; } } .custom-checkbox:hover { --border-color: var(--bg-gray) ; } .custom-checkbox:has(input:checked) { --bg-color: #000; --check-opacity: 1; } .custom-checkbox:has(input:checked):hover { --border-color: #000; } .custom-checkbox:has(input:disabled) { --bg-color: var(--bg-input); } .custom-checkbox_small { --custom-input-size: 20px; --custom-input-radius: 4px; } .custom-checkbox_gap_10 { gap: 10px; } .custom-checkbox_checked-fw_500:has(input:checked) > .plain-text { font-weight: 500; } @media (min-width: 697px) { .custom-checkbox_md-min-white { --bg-color: #fff; } } .custom-checkbox_radio { --custom-input-radius: 50%; } .custom-checkbox__input { opacity: 0; z-index: -1; position: absolute; } .custom-checkbox__custom-input { display: block; width: var(--custom-input-size); min-width: var(--custom-input-size); height: var(--custom-input-size); border-radius: var(--custom-input-radius); background-color: var(--bg-color); border: 1px solid var(--border-color); -webkit-transition: all 0.15s; transition: all 0.15s; position: relative; } .custom-checkbox__custom-input::after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 14px; height: 8px; background-image: url("/local/templates/nitka/css/../img/icons/check.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; opacity: var(--check-opacity); -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .custom-checkbox:not(:has(input:disabled)) .custom-checkbox__custom-input { cursor: pointer; } .custom-checkbox_mb_24 { margin-bottom: 24px; } @media (max-width: 696px) { .custom-checkbox_mb_24 { margin-bottom: 20px; } } .dropdown-list { --padding-x: clamp(16px, 1.39vw, 20px); --padding-v: var(--clamp-16-18); --label-bg: var(--bg-input); --label-fw: 300; --label-font-size: var(--clamp-14-16); --label-border-radius: 6px; --svg-arrow-size: 16px; --svg-path-stroke: var(--dark-primary); --svg-path-stroke-opacity: 0.5; position: relative; color: var(--dark-primary-90); font-size: var(--label-font-size); line-height: 1.25; letter-spacing: 0.5px; font-weight: 300; } @media (max-width: 696px) { .dropdown-list { --padding-v: 12px; } } .dropdown-list_has-selected { color: #000; } .dropdown-list:has(.select_padding-v_12) { --padding-v: clamp(8px, 0.83vw, 12px); } .dropdown-list:has(.select_plain) { --padding-v: 0; --label-bg: transparent; --svg-arrow-size: 11px; --svg-path-stroke: var(--accent); --svg-path-stroke-opacity: 1; --label-fw: 500; color: var(--accent); } .dropdown-list:has(.select_gray-small) { --padding-v: 8px; --padding-x: 12px; --svg-arrow-size: 16px; --svg-path-stroke: var(--dark-primary); --svg-path-stroke-opacity: 0.5; --label-font-size: 14px; --label-bg: var(--gray-50); --label-border-radius: 4px; } @media (max-width: 696px) { .dropdown-list:has(.select_md-order_-1) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .dropdown-list:has(.select_white) { --label-bg: #fff; } .dropdown-list:has(.select_flex_1-1-0) { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .dropdown-list:has(.select_big) { --label-font-size: var(--clamp-16-18); --label-border-radius: 10px; } .dropdown-list:has(.select_padding_12-14) { --padding-v: 12px; --padding-x: 24px; } @media (max-width: 696px) { .dropdown-list:has(.select_padding_12-14) { --padding-x: 16px; } } .dropdown-list:has(.select_invalid) { margin-bottom: 12px; border-radius: var(--label-border-radius); border-bottom: 1px solid var(--error); } .dropdown-list:has(.select_invalid)::after { content: "Обязательное поле"; position: absolute; bottom: 0; left: 0; font-size: 14px; translate: 0 100%; color: var(--error); } .dropdown-list__select { position: absolute; left: 0; bottom: 110%; width: 100%; display: none; } .dropdown-list__select_min-width_277 { min-width: 277px; } .dropdown-list__label { display: grid; grid-template-columns: auto 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; padding: var(--padding-v) var(--padding-x); border-radius: var(--label-border-radius); cursor: pointer; font-weight: var(--label-fw); background-color: var(--label-bg); } .dropdown-list__label-text { color: inherit; font-weight: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dropdown-list__label-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; width: 20px; height: 20px; -webkit-transition: 0.15s; transition: 0.15s; } .dropdown-list__label-arrow svg { width: var(--svg-arrow-size); } .dropdown-list__label-arrow svg path { stroke: var(--svg-path-stroke); stroke-opacity: var(--svg-path-stroke-opacity); } .dropdown-list__label-arrow_rotate { rotate: 180deg; } .dropdown-list__list { position: absolute; top: calc(100% + 4px); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 100%; max-height: 16rem; border-radius: 6px; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; pointer-events: none; overflow: auto; background-color: var(--bg-input); padding: 2px 0; } .dropdown-list__list_open { z-index: 11; opacity: 1; pointer-events: all; } .dropdown-list__option { color: var(--dark-primary-90); padding: 5px var(--padding-x); cursor: pointer; white-space: nowrap; -webkit-transition: color 0.15s; transition: color 0.15s; } .dropdown-list__option:hover { color: black; } .dropdown-list__option_selected { color: black; } .dropdown-list * { scrollbar-width: thin; scrollbar-color: #c5c8cd rgba(255, 255, 255, 0); } .dropdown-list *::-webkit-scrollbar { width: 3px; } .dropdown-list *::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); } .dropdown-list *::-webkit-scrollbar-thumb { background-color: #c5c8cd; border-radius: 10px; border: 0px solid #ffffff; } .dropdown-list:has(.select_w_318) { width: 318px; } @media (max-width: 696px) { .dropdown-list:has(.select_w_318) { width: 100%; } } .select-with-label__label { font-size: var(--clamp-12-14); padding-left: 20px; font-weight: 300; color: var(--dark-primary-80); margin-bottom: 4px; } @media (max-width: 696px) { .select-with-label__label { padding-left: 16px; } } .pickup-block__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 696px) { .pickup-block__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .pickup-block__title { font-size: var(--clamp-18-20); font-weight: 600; letter-spacing: 0.5px; line-height: 1.3; } .pickup-block__map { width: 100%; height: 280px; border-radius: 10px; overflow: hidden; margin-top: 16px; position: relative; } @media (max-width: 696px) { .pickup-block__map { height: 400px; } } .pickup-block__picked-point { margin: 16px 0; } .picked-point { position: relative; letter-spacing: 0.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .picked-point_hidden { display: none; } .picked-point__title { font-weight: 500; font-size: var(--clamp-14-16); line-height: 1.28; color: #000; max-width: 70%; } @media (max-width: 696px) { .picked-point__title { max-width: 100%; } } .picked-point__info { font-size: var(--clamp-12-14); color: var(--dark-primary-90); font-weight: 300; line-height: 1.33; max-width: 70%; } @media (max-width: 696px) { .picked-point__info { max-width: 100%; } } .picked-point__info_fz_12 { font-size: 12px; } @media (max-width: 1023px) { .picked-point__info_fz_12 { font-size: 11px; } } .picked-point__info_max-width_100 { max-width: 100%; } .picked-point__info_mt_4 { margin-top: 4px; } .picked-point__info-link { color: var(--accent); } .picked-point__btn { position: absolute; padding: 6px 64px; top: 0; right: 0; } @media (max-width: 696px) { .picked-point__btn { position: static; margin-top: 10px; } } .map-marker { width: 22px; height: 22px; cursor: pointer; border: none; background-color: transparent; -webkit-transition: scale 0.15s; transition: scale 0.15s; } .map-marker_active { scale: 1.5; } .map-marker__icon { height: 100%; -o-object-fit: contain; object-fit: contain; } .map-popup { width: 255px; max-width: 84%; padding: 16px 20px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1490196078); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1490196078); border-radius: 10px 10px 10px 0; position: absolute; /* Обязательно для позиционирования внутри mapContainer */ display: none; /* Изначально скрыт */ pointer-events: none; /* Клики проходят сквозь фон попапа к карте */ -webkit-transform: translate(0, -84%); transform: translate(0, -84%); z-index: 10; /* Убедимся, что он выше других элементов карты */ -webkit-transition: left 0.1s ease-out, top 0.1s ease-out; transition: left 0.1s ease-out, top 0.1s ease-out; } @media (max-width: 696px) { .map-popup { -webkit-transform: translate(0, 0); transform: translate(0, 0); width: calc(100% - 44px); max-width: 100%; left: 22px; bottom: 18px; } } .map-popup_shown { display: block; } .map-popup__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; letter-spacing: 0.5px; } .map-popup__info-title { font-weight: 500; font-size: var(--clamp-14-16); line-height: 1.28; color: #000; } .map-popup__info-item { font-size: var(--clamp-12-14); color: var(--dark-primary-90); font-weight: 300; line-height: 1.33; } .map-popup__btn { margin-top: 16px; position: relative; z-index: 10; pointer-events: all; padding-top: 6px; padding-bottom: 6px; } @media (max-width: 696px) { .map-popup__btn { width: 100%; } } .toggle-switch { --control-size: 20px; --control-bg: #8B8B8B; --control-position-left: 0; --control-translate-x: 0; display: block; width: 32px; height: 16px; border-radius: 100px; background-color: var(--gray); position: relative; cursor: pointer; -webkit-transition: background-color 0.15s; transition: background-color 0.15s; } .toggle-switch:has(input:checked) { --control-bg: var(--accent); --control-translate-x: calc(32px - var(--control-size)); background-color: #FCDDD7; } .toggle-switch__input { position: absolute; opacity: 0; z-index: -1; visibility: hidden; } .toggle-switch__control { display: block; width: var(--control-size); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--control-bg); position: absolute; left: 0; top: 50%; translate: var(--control-translate-x) -50%; -webkit-transition: all 0.15s; transition: all 0.15s; } .toggle-switch-content { display: none; } .toggle-switch-content_shown { display: block; } .bonus-usage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: clamp(12px, 5.56vw, 80px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bonus-usage__custom-input { min-width: 90px; max-width: 12%; text-align: center; } .bonus-usage__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; letter-spacing: 0.5px; } .bonus-usage__info-item { font-weight: 300; font-size: var(--clamp-12-14); line-height: 1.28; } .bonus-usage__info-item_small-bold { font-weight: 500; font-size: 12px; } @media (max-width: 1023px) { .bonus-usage__info-item_small-bold { font-size: 11px; } } .promocode { display: grid; grid-template-columns: 1fr auto; gap: 10px; } .promocode__btn { width: 44px; height: 44px; padding: 0; } .promocode-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin-top: 10px; } .promocode-result__green-check-item { font-size: var(--clamp-12-14); } .promocode-result_hidden { display: none; } .promocode-result__result { font-weight: 500; } .promocode .custom-input__input { font-size: 16px; } @media (max-width: 696px) { .promocode .custom-input__input { font-size: 14px; } } .certificate-button { border: none; background-color: transparent; font-family: inherit; cursor: pointer; color: var(--accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-weight: 300; font-size: var(--clamp-14-16); letter-spacing: 0.5px; line-height: 1.25; } .certificate-button_hidden { display: none; } .certificate-form_hidden { display: none; } .certificate-form__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 4px; } .certificate-form__reset-button { display: block; border: none; background-color: transparent; width: 16px; height: 16px; cursor: pointer; } .certificate-form__reset-button-icon { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .certificate-form__promocode { margin-top: 12px; } .dialog { position: fixed; top: 50%; left: 50%; translate: -50% -50%; aspect-ratio: 1/1; display: block; border: none; outline: none !important; opacity: 0; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; pointer-events: none; } .dialog[open] { opacity: 1; pointer-events: all; } .dialog::-webkit-backdrop { background-color: rgba(0, 0, 0, 0.2); } .dialog::backdrop { background-color: rgba(0, 0, 0, 0.2); } .dialog__content { padding: 2rem; width: 100%; height: 100%; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; } .dialog-close-button { position: absolute; top: 0; right: 0; translate: -50% 50%; width: 2rem; height: 2rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dialog-close-button:before, .dialog-close-button:after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; rotate: 45deg; width: 50%; height: 2px; background: #000; border-radius: 2px; } .dialog-close-button:after { rotate: -45deg; } html, body { scrollbar-gutter: stable; } .body_scroll-lock { overflow: hidden; } .dialog-row { padding: clamp(16px, 1.67vw, 24px) 0; border-bottom: 1px solid var(--separator-gray); } .dialog-row_offset_32 { padding: clamp(24px, 2.22vw, 32px) 0; } .dialog-row_offset_24 { padding: 24px 0; } .dialog-row_pt_0 { padding-top: 0; } .dialog-row_pb_0 { padding-bottom: 0; border-bottom: none; } .dialog-row_flex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .dialog-row__btn { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .dialog { aspect-ratio: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 32px; background-color: transparent; overflow: auto; } .dialog::-webkit-scrollbar { width: 0; display: none; } .dialog::-webkit-backdrop { background-color: var(--dark-primary-50); } .dialog::backdrop { background-color: var(--dark-primary-50); } @media (max-width: 1023px) { .dialog { height: 100%; max-height: 100%; } } @media (max-width: 696px) { .dialog { padding: 40px 20px 20px; width: 100%; max-width: 100%; } } .dialog__inner { width: 100%; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: auto; } .dialog__content { min-width: 476px; max-width: 100%; padding: 27px 32px; border-radius: 10px; background-color: #fff; height: -webkit-max-content; height: -moz-max-content; height: max-content; max-height: 100%; } @media (max-width: 696px) { .dialog__content { min-width: unset; padding: 20px; } } .dialog__content_w_476 { width: 476px; } .dialog__content_w_716 { width: 716px; } .dialog__content_p_0 { padding: 0; } .dialog__gray-text { color: var(--dark-primary-90); font-size: 14px; } .dialog_filters { width: 100%; max-width: 100%; height: 100%; max-height: 100%; padding: 42px 0 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .dialog_filters[open] { -webkit-transform: translateY(0%); transform: translateY(0%); } .dialog_filters .dialog__inner { margin: auto 0 0 0; height: 100%; } .dialog_filters .dialog__content { border-radius: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 697px) { .dialog_filters:not(.dialog_filters-sort) { opacity: 1; pointer-events: all; position: static; translate: 0 0; -webkit-transform: translateY(0%); transform: translateY(0%); padding: 0; } .dialog_filters:not(.dialog_filters-sort) .dialog__content { min-width: unset; padding: 0; background-color: transparent; } } .dialog-close-button { position: static; translate: 100% 0; width: 32px; height: 32px; min-height: 32px; border: none; background-color: transparent; } .dialog-close-button::before, .dialog-close-button::after { background-color: #fff; width: 75%; } @media (max-width: 696px) { .dialog-close-button { right: 20px; translate: 0 0; } } .dialog-close-button_size_auto { width: auto; height: auto; translate: 0 0; } .dialog-close-button_size_20 { width: 20px; height: 20px; } .dialog-close-button_no-pseudo::before, .dialog-close-button_no-pseudo::after { display: none; } .dialog-close-button_dark::before, .dialog-close-button_dark::after { background-color: var(--dark-primary-50); height: 1px; } .dialog__filter-header { background-color: #fff; width: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; padding: 16px 20px; border-bottom: 1px solid var(--separator-gray); } @media (max-width: 696px) { .dialog__filter-header { display: -webkit-box; display: -ms-flexbox; display: flex; } } .dialog__filter-title { font-size: 20px; line-height: 1; font-weight: 500; } .sms-auth { margin-top: clamp(24px, 2.22vw, 32px); } .sms-auth_mt_0 { margin-top: 0; } .sms-auth__title { font-weight: 600; font-size: var(--clamp-16-18); line-height: 1.33; letter-spacing: 0.5px; max-width: 100%; color: var(--dark-primary); margin: 0 auto; } .sms-auth__title_centered { text-align: center; } .sms-auth__title_w_297 { width: 297px; } .sms-auth__title_w_328 { width: 328px; } @media (max-width: 1023px) { .sms-auth__title { line-height: 1.25; } } .sms-auth__custom-input { margin-top: 12px; } .sms-auth__custom-checkbox { margin-top: 20px; } @media (max-width: 1023px) { .sms-auth__custom-checkbox { gap: 12px; } } .sms-auth__btn { margin-top: clamp(24px, 2.22vw, 32px); } .sms-auth__custom-inputs-fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; border: none; margin-top: 16px; } .sms-auth__small-text { font-size: 14px; font-weight: 300; line-height: 1.28; letter-spacing: 0.5px; text-align: center; color: var(--dark-primary-80); margin: 12px auto 0; display: block; border: none; font-family: inherit; background-color: transparent; } .sms-auth__small-text_accent { color: var(--accent); } .sms-auth__small-text_cursor_pointer { cursor: pointer; } .sms-auth__small-text.hidden { display: none; } .lk-nav { width: 400px; max-width: 31.25%; } @media (max-width: 1023px) { .lk-nav { width: 100%; max-width: 100%; } } @media (max-width: 1023px) { .lk-nav_lg-hidden { display: none; } } .lk-nav__lk-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 14px; } @media (max-width: 1023px) { .lk-nav__lk-links { gap: 4px; } } .lk-link { padding: 16px; font-weight: 300; font-size: 16px; line-height: 1.25; letter-spacing: 0.5px; color: var(--dark-primary); position: relative; -webkit-transition: all 0.15s; transition: all 0.15s; } @media (max-width: 1023px) { .lk-link { background-color: #fff; border-radius: 10px; } .lk-link::after { content: url("/local/templates/nitka/css/../img/icons/chevron-right.svg"); position: absolute; top: 50%; right: 16px; translate: 0 -50%; width: 20px; height: 20px; } } @media (max-width: 696px) { .lk-link { font-size: 14px; padding: 12px 16px; } } @media (min-width: 1024px) { .lk-link_active, .lk-link:hover { color: #000; background-color: var(--gray); } .lk-link_active { font-weight: 500; } } .payment-history-item { --error-display: none; --sum-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; letter-spacing: 0.5px; line-height: 1.25; } .payment-history-item_error { --error-display: block; --sum-color: var(--error); } .payment-history-item__date { font-weight: 300; font-size: var(--clamp-16-18); } .payment-history-item__sum { color: var(--sum-color); font-weight: 500; font-size: var(--clamp-14-16); } .payment-history-item__error { display: var(--error-display); color: var(--error); font-size: 12px; } .payment-history-items-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; max-height: 360px; overflow-y: auto; } .payment-history-items-list::-webkit-scrollbar { height: 10px; width: 10px; left: 16px; } .payment-history-items-list::-webkit-scrollbar-track { border-radius: 0px; background-color: #F5F5F5; } .payment-history-items-list::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #D2D2D2; border: 2px solid #F5F5F5; } .back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; margin: 20px 0; } .back-link_md-visible { display: none; } @media (max-width: 696px) { .back-link_md-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } } .back-link_mb_0 { margin-bottom: 0; } .back-link__chevron { width: 18px; min-width: 18px; aspect-ratio: 1/1; } .back-link__text { font-size: 14px; line-height: 16px; font-weight: 300; letter-spacing: 0.5px; } .lk-contact-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media (max-width: 696px) { .lk-contact-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } .lk-contact-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .lk-contact-card__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } @media (max-width: 696px) { .lk-contact-card__actions { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .contact-card-item { letter-spacing: 0.5px; line-height: 1.25; } .contact-card-item__name { font-size: var(--clamp-14-16); font-weight: 300; color: var(--dark-primary); } .contact-card-item__value { margin-top: 4px; color: #000; font-size: var(--clamp-16-18); font-weight: 600; } .update-contacts-form__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } @media (max-width: 696px) { .update-contacts-form__fields { gap: 8px; } } .update-contacts-form__actions { margin-top: clamp(24px, 2.22vw, 32px); } @media (max-width: 696px) { .update-contacts-form__actions { margin-top: 20px; } } .mob-navbar { background-color: #fff; position: fixed; z-index: 10; bottom: 0; left: 0; width: 100%; padding-top: 16px; display: none; } @media (max-width: 696px) { .mob-navbar { display: -webkit-box; display: -ms-flexbox; display: flex; } } .mob-navbar__navbar-item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .navbar-item { padding: 7px 4px; background-color: transparent; border: none; font-family: inherit; } .navbar-item__icon-container { display: block; margin: 0 auto; width: 24px; height: 24px; position: relative; } .navbar-item__icon { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .navbar-item__count { position: absolute; top: 0; right: -8px; background: #DD4423; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; color: #ffffff; font-family: "Inter", sans-serif; font-size: 8px; font-weight: 800; } .navbar-item__text { font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: -0.1px; display: block; text-align: center; color: var(--dark-primary-80); } .bonus-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .bonus-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; } @media (max-width: 696px) { .bonus-card__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .bonus-card__text { font-size: var(--clamp-12-14); line-height: 1.28; font-weight: 300; letter-spacing: 0.5px; } .bonus-card__text_fz_12 { font-size: 12px; } @media (max-width: 1023px) { .bonus-card__text_fz_12 { font-size: 11px; } } @media (max-width: 696px) { .bonus-card__text_md-hidden { display: none; } } .bonus-card__text-accent-item { color: var(--accent); font-weight: 500; } .bonus-card__balance-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .bonus-card__balance-value { font-size: var(--clamp-18-20); line-height: 1.3; font-weight: 600; letter-spacing: 0.5px; color: var(--accent); position: relative; padding-right: 16px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .bonus-card__balance-value::after { content: ""; position: absolute; bottom: 0; right: 0; width: 12px; height: 24px; background-image: url("/local/templates/nitka/css/../img/icons/bonus-sign.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .banner-accent-corner { background-color: #fff; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 696px) { .banner-accent-corner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-accent-corner__info { padding: 20px 24px; max-width: 50%; } @media (max-width: 696px) { .banner-accent-corner__info { padding: 20px 22px 87px 20px; max-width: 100%; } } .banner-accent-corner__title { font-weight: 600; font-size: var(--clamp-18-20); letter-spacing: 0.5px; line-height: 1.33; color: #000; text-wrap: pretty; width: 354px; max-width: 100%; } .banner-accent-corner__text { font-size: var(--clamp-12-14); font-weight: 300; letter-spacing: 0.5px; line-height: 1.33; margin-top: 12px; width: 354px; max-width: 100%; } .banner-accent-corner__btn { margin-top: clamp(20px, 1.67vw, 24px); } .banner-accent-corner__accent-corner { background-image: url("/local/templates/nitka/css/../img/pattern.svg"); width: clamp(155px, 12.71vw, 183px); background-size: auto 100%; background-repeat: no-repeat; position: relative; } @media (max-width: 696px) { .banner-accent-corner__accent-corner { height: 188px; width: 100%; background-size: cover; } } .banner-accent-corner__image { width: 219px; position: absolute; top: 12px; right: clamp(46px, 5.14vw, 74px); -o-object-fit: contain; object-fit: contain; } @media (max-width: 696px) { .banner-accent-corner__image { width: 236px; top: -68px; right: unset; left: 50%; translate: -50% 0; } } .lk-order-card { --status-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .lk-order-card_not-paid { --status-color: var(--error); } .lk-order-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 4px; } @media (max-width: 696px) { .lk-order-card__row_md-gap_24 { gap: 24px; } } .lk-order-card__row_align_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 696px) { .lk-order-card__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .lk-order-card__images { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } @media (max-width: 696px) { .lk-order-card__images { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .lk-order-card__image-container { width: clamp(60px, 5.56vw, 80px); height: clamp(62px, 5.69vw, 82px); border-radius: 10px; overflow: hidden; background-color: var(--bg-gray); display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .lk-order-card__image-container { width: 80px; height: 82px; } } @media (max-width: 696px) { .lk-order-card__image-container { width: 60px; height: 62px; border-radius: 5px; } } .lk-order-card__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lk-order-card__image-count { text-align: center; margin: auto; font-size: 12px; font-weight: 300; } @media (max-width: 696px) { .lk-order-card__image-count { font-size: 11px; } } .lk-order-card__date { font-size: var(--clamp-14-16); line-height: 1.28; margin-top: 4px; } .lk-order-card__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .lk-order-card__status-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .lk-order-card__status-title { color: var(--status-color); font-weight: 500; font-size: var(--clamp-14-16); line-height: 1.375; } .lk-order-card__status-title_fz_14 { font-size: var(--clamp-12-14); line-height: 1.28; } .lk-order-card__status-title_fw_300 { font-weight: 300; color: var(--dark-primary); } .lk-order-card__status-details { margin-top: 4px; font-size: 14px; line-height: 1.28; } @media (max-width: 696px) { .lk-order-card__status-details { font-size: 12px; } } .lk-order-card__price-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .lk-order-card__price-name { font-size: var(--clamp-14-16); line-height: 1.28; } .lk-order-card__info { max-width: 67%; } @media (max-width: 696px) { .lk-order-card__info { max-width: 100%; } } .lk-order-card__tooltip-item { max-width: 182px; } @media (max-width: 696px) { .lk-order-card__tooltip-item { max-width: 100%; width: 100%; margin-top: 4px; } } .tooltip-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; position: relative; cursor: pointer; } @media (max-width: 696px) { .tooltip-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .tooltip-item__icon { width: 14px; min-width: 14px; max-width: 14px; height: 14px; } .tooltip-item__text { color: var(--accent); font-size: 12px; line-height: 1.16; letter-spacing: 0.5px; } @media (max-width: 696px) { .tooltip-item__text { font-size: 11px; } } .tooltip-item__cite-block { position: absolute; top: 0; right: 0; translate: 50% calc(-100% - 20px); -webkit-box-shadow: 0px 9px 15px 0px rgba(76, 42, 42, 0.12); box-shadow: 0px 9px 15px 0px rgba(76, 42, 42, 0.12); padding: 12px 12px 16px; width: unset; opacity: 0; pointer-events: none; } .tooltip-item__cite-block::before { border-width: 15px 20px 0 20px; } @media (max-width: 696px) { .tooltip-item__cite-block::before { border-width: 10px 15px 0 15px; } } @media (max-width: 696px) { .tooltip-item__cite-block { translate: 0 calc(-100% - 10px); right: unset; left: -30px; } } .tooltip-item::before { content: ""; position: absolute; top: 0; right: 50%; width: 200%; height: 100px; background-color: transparent; translate: 75% -100%; z-index: -1; pointer-events: none; } .tooltip-item:hover .tooltip-item__cite-block { opacity: 1; pointer-events: all; } .tooltip-item:hover::before { z-index: initial; pointer-events: all; } .tooltip-item ::after { content: ""; position: absolute; width: 100%; height: 50px; background-color: transparent; top: 50%; left: 0; translate: 0 -50%; } .subscription-detail { margin-top: 24px; } .subscription-detail-item { padding: clamp(20px, 2.08vw, 30px) 0; border-top: 1px solid var(--gray); display: grid; grid-template-columns: 243px auto; gap: 7px; } @media (max-width: 696px) { .subscription-detail-item { padding: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .subscription-detail-item_pb_0 { padding-bottom: 0; } .letters-history { padding: 26px 40px 46px 24px; background-color: #F9F9F9; } @media (max-width: 696px) { .letters-history { padding: 23px 16px 30px; } } .letters-history__table { margin-top: 14px; } @media (max-width: 696px) { .letters-history__table { margin-top: 17px; } } .letters-history-button { --icon-rotate: -180deg; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; border: none; background: transparent; cursor: pointer; } .letters-history-button__icon { width: 30px; min-width: 30px; aspect-ratio: 1/1; } .letters-history-button__arrow { width: 13px; rotate: var(--icon-rotate); -webkit-transition: all 0.15s; transition: all 0.15s; } .letters-history-button.open { --icon-rotate: 0deg; } .table__row { padding: 30px 0; border-bottom: 1px solid var(--gray); } .table__row_no-border-bottom { border-bottom: none; } .table__row_pt_0 { padding-top: 0; } @media (max-width: 696px) { .table__row { padding: 22px 0; } } .table__row_pt_0 { padding-top: 0; } .table__row_pb_0 { padding-bottom: 0; border-bottom: none; } .table__row_pb_26 { padding-bottom: 26px; } .table__row_p_0 { padding: 0; } .table__row_4-cols { display: grid; gap: clamp(37px, 3.61vw, 52px); grid-template-columns: 9.6% 38.73% 16.7% 11.6%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 696px) { .table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } } @media (max-width: 696px) { .table__row_md-hidden { display: none; } } .table__th { font-weight: 300; font-size: 14px; line-height: 1.28; letter-spacing: 0.5px; color: var(--dark-primary-80); } [data-show-more-content].hidden { max-height: 0px; overflow: hidden; } [data-show-more-content] { -webkit-transition: max-height 0.5s; transition: max-height 0.5s; max-height: 1500px; } .horizontal-item-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } @media (max-width: 696px) { .horizontal-item-card__price_md-hidden { display: none; } } .horizontal-item-card__price_md-visible { display: none; } @media (max-width: 696px) { .horizontal-item-card__price_md-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } } .horizontal-item-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; font-size: 16px; line-height: 1.25; font-weight: 300; color: var(--dark-primary-90); letter-spacing: 0.5px; } @media (max-width: 696px) { .horizontal-item-card__info { font-size: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .horizontal-item-card__name { font-weight: 600; color: var(--dark-primary); font-size: 20px; } @media (max-width: 696px) { .horizontal-item-card__name { font-size: 18px; } } .horizontal-item-card__image { width: 80px; height: 82px; border-radius: 16px; overflow: hidden; -o-object-fit: cover; object-fit: cover; } @media (max-width: 696px) { .horizontal-item-card__image { border-radius: 10px; } } .horizontal-item-card__quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 22px; margin-top: 8px; } .horizontal-item-card__quantity-item { position: relative; } .horizontal-item-card__quantity-item::after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: black; top: 50%; right: 0; translate: 14px -50%; } .horizontal-item-card__quantity-item:last-child::after { display: none; } .swiper-pagination:not(.swiper-pagination-bullets-dynamic) { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; margin-top: 25px; } .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet { margin: 0 !important; width: 6px; min-width: 6px; height: 6px; background: #D9D9D9; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; } .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active { scale: 1.5; background: var(--accent); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { background: var(--accent); } .swiper-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .swiper-button { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; } .swiper-button:not(:disabled) { cursor: pointer; } .swiper-button__arrow { width: clamp(40px, 4.17vw, 60px); } .desk-grid-swiper { overflow: visible; } @media (min-width: 697px) { .desk-grid-swiper__swiper-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: clamp(15px, 1.53vw, 22px); } } .hero-banner { border-radius: 16px; overflow: hidden; padding: 77px 72px 72px; background-color: #EEEEEE; position: relative; } @media (max-width: 1023px) { .hero-banner { padding: 30px 36px; } } @media (max-width: 696px) { .hero-banner { padding: 16px 26px 233px 16px; } } .hero-banner__content { width: 496px; max-width: 51.85%; position: relative; z-index: 1; } @media (max-width: 696px) { .hero-banner__content { width: 100%; max-width: 100%; } } .hero-banner__text { margin-top: clamp(12px, 1.39vw, 20px); color: var(--dark-primary-90); font-weight: 300; letter-spacing: 0.5px; line-height: 1.375; font-size: var(--clamp-14-16); text-wrap: pretty; } @media (max-width: 1600px) { .hero-banner__text { max-width: 90%; } } .hero-banner__btn { padding: clamp(8px, 0.83vw, 12px) 20px; margin-top: clamp(20px, 1.94vw, 28px); } .hero-banner__bg { position: absolute; inset: 0; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } @media (max-width: 696px) { .hero-banner__bg { -o-object-position: bottom; object-position: bottom; } } .main-page-hero-swiper { overflow: visible; } .main-page-hero-swiper__swiper-slide { height: clamp(244px, 30.14vw, 434px); } @media (max-width: 1023px) { .main-page-hero-swiper__swiper-pagination { display: none; } } .simple-label-card { display: block; position: relative; } .simple-label-card__image { height: 100%; -o-object-fit: contain; object-fit: contain; pointer-events: none; } .simple-label-card__label { position: absolute; top: 13px; right: 42px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 18px; width: 96px; height: 96px; border-radius: 50%; text-align: center; font-size: 14px; font-weight: 500; color: var(--dark-primary); line-height: 1.14; } .telegram-fixed { position: fixed; z-index: 99; bottom: var(--container-padding-x); right: var(--container-padding-x); width: 66px; aspect-ratio: 1/1; display: block; translate: 0 250%; -webkit-transition: all 0.2s; transition: all 0.2s; } .telegram-fixed_shown { translate: 0 0; } @media (max-width: 696px) { .telegram-fixed { bottom: 80px; } } .consult-form__fields { margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .consult-form__custom-checkbox { margin-top: 24px; } .consult-form__btn { margin-top: 40px; } .star-item { padding-left: 24px; position: relative; letter-spacing: 0.5px; } .star-item::before { content: ""; position: absolute; top: 3px; left: 0; display: block; width: 16px; height: 16px; background-image: url("/local/templates/nitka/css/../img/icons/star.svg"); background-size: contain; } .star-item__title { font-weight: 600; line-height: 1.3; font-size: var(--clamp-18-20); } .star-item__text { margin-top: 8px; font-size: var(--clamp-14-16); } .red-plate { background-color: var(--accent); color: #fff; border-radius: 10px; font-weight: 600; font-size: 14px; line-height: 1.14; padding: 12px 20px; } @media (max-width: 696px) { .red-plate { font-size: 12px; padding: 12px 16px; } } .painting-card__image { width: auto; min-width: 197px; max-width: clamp(321px, 39.58vw, 570px); height: clamp(240px, 31.25vw, 450px); -o-object-fit: cover; object-fit: cover; border-radius: clamp(6px, 0.69vw, 10px); } .painting-card__title { font-size: var(--clamp-12-14); line-height: 1.28; margin-top: 16px; } @media (max-width: 1023px) { .painting-card__title { width: 197px; max-width: 100%; } } .bestseller-card { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 10px; overflow: hidden; } @media (max-width: 696px) { .bestseller-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .bestseller-card__content { padding: clamp(24px, 3.06vw, 44px) clamp(24px, 2.78vw, 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(8px, 1.11vw, 16px); width: 606px; max-width: 47%; } @media (max-width: 696px) { .bestseller-card__content { padding: 20px 20px 32px; gap: 12px; width: 100%; max-width: 100%; } } .bestseller-card__content-bottom { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media (max-width: 696px) { .bestseller-card__content-bottom { margin-top: 20px; } } .bestseller-card__title { font-size: clamp(24px, 2.22vw, 32px); line-height: 1.2; font-weight: 400; font-family: var(--font-secondary); letter-spacing: -0.1px; } .bestseller-card__text { font-size: var(--clamp-14-16); line-height: 1.25; } .bestseller-card__price { text-transform: uppercase; color: var(--accent); font-weight: 400; letter-spacing: -0.1px; font-size: var(--clamp-18-20); line-height: 1; } .bestseller-card__image { height: 348px; width: 535px; max-width: 50%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 696px) { .bestseller-card__image { height: 310px; width: 100%; max-width: 100%; } } .bestseller-card__btn { padding: 10px 24px; } .product-card { --title-color: var(--dark-primary); --visible-title-lines: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 17px; } .product-card:hover { --title-color: var(--accent) ; } @media (max-width: 1023px) { .product-card_lg-gap_8 { gap: 8px; } } .product-card_cart { --visible-title-lines: unset; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; padding: clamp(25px, 2.78vw, 40px) 0; border-bottom: 1px solid var(--separator-gray); } table:has(.basket-items-list-item-notification) .product-card_cart { padding: clamp(25px, 2.78vw, 40px) 0 !important; } @media (max-width: 696px) { .product-card_cart { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .product-card_pt_0 { padding-top: 0; } .product-card_pb_0 { padding-bottom: 0; border-bottom: none; } .product-card__image-container { display: block; border-radius: clamp(5px, 0.69vw, 10px); overflow: hidden; position: relative; height: clamp(215px, 25.42vw, 366px); } @media (max-width: 696px) { .product-card__image-container { height: unset; } } .product-card__image-container_aspect-ratio_1-1 { aspect-ratio: 1/1; height: auto; } .product-card__image-container_max-width_202 { max-width: 202px; } .product-card__image { height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .product-card__label { position: absolute; top: 0; left: 0; padding: 6px 10px; background-color: var(--accent); color: #fff; font-weight: 700; letter-spacing: -0.1px; font-size: var(--clamp-14-16); line-height: 1.375; } .product-card__label_right { left: unset; right: 0; } .product-card__title { font-weight: 500; font-size: var(--clamp-14-16); line-height: 1.375; color: var(--title-color); display: -webkit-box; -webkit-line-clamp: var(--visible-title-lines); -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; } .product-card__category { color: var(--dark-primary-90); font-size: var(--clamp-12-14); line-height: 1.33; } .product-card__price-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 8px; } .product-card__price-container_with-separator > *:not(:last-child) { padding-right: 14px; position: relative; } .product-card__price-container_with-separator > *:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; translate: 0 -50%; width: 6px; height: 6px; border-radius: 50%; background-color: var(--dark-primary); } .product-card__old-price { color: var(--dark-primary-90); font-size: var(--clamp-12-14); line-height: 1.28; text-decoration: line-through; } .product-card__price { font-weight: 500; font-size: var(--clamp-14-16); line-height: 1.28; } .product-card__qnt { font-size: var(--clamp-14-16); line-height: 1.28; } .product-card__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } @media (max-width: 696px) { .product-card__actions_md-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .product-card__actions_mt_auto { margin-top: auto; } .product-card__actions_gap_10 { gap: 10px; } .product-card__options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .product-card__btn { -ms-flex-negative: 0; flex-shrink: 0; } .product-card__custom-checkbox { position: absolute; top: 8px; left: 8px; } .counter { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 4px; background-color: black; padding: 8px 13px; border-radius: 4px; } .counter__input { width: 28px; text-align: center; background-color: black; color: #fff; font-family: inherit; border: none; outline: none; } .counter__btn { border: none; background-color: black; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .radio-quantity-filter { padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 300; color: var(--dark-primary); -webkit-transition: all 0.15s; transition: all 0.15s; } .radio-quantity-filter:has(input:checked) { background-color: var(--accent-10); font-weight: 500; color: var(--accent); } .radio-quantity-filter__input { width: 0; height: 0; visibility: hidden; position: absolute; } .radio-quantity-filter__text { font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; } .catalog-filter__title { font-weight: 600; font-size: var(--clamp-16-18); line-height: 1.25; padding-bottom: 12px; } @media (max-width: 696px) { .catalog-filter__title_md-hidden { display: none; } } .catalog-filter__subtitle { font-size: 14px; font-weight: 500; } .catalog-filter__filter-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .catalog-filter__filter-blocks_gap_0 { gap: 0; } .subcategory-link { --custom-input-bg: var(--bg-gray); --check-display: none; --custom-input-display: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 4px; padding: 6px 0 6px 20px; font-size: 14px; font-weight: 300; color: var(--dark-primary); position: relative; cursor: pointer; -webkit-transition: all 0.15s; transition: all 0.15s; } @media (max-width: 696px) { .subcategory-link { --custom-input-display: block; } } .subcategory-link_checked { --custom-input-bg: var(--accent); --check-display: block; font-weight: 500; color: #000; } @media (min-width: 697px) { .subcategory-link_checked { padding: 12px 0 12px 20px; background-color: var(--gray); } } .subcategory-link__input-node { width: 0; height: 0; opacity: 0; } .subcategory-link__input-custom { display: var(--custom-input-display); width: 20px; height: 20px; border-radius: 50%; background-color: var(--custom-input-bg); position: relative; } .subcategory-link__input-custom::after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 9px; height: 5px; background-image: url("/local/templates/nitka/css/../img/icons/check.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; display: var(--check-display); } .filter-block__title { font-size: 14px; font-weight: 500; } @media (max-width: 696px) { .filter-block__title { font-size: 16px; } } .filter-block__content { margin-top: 16px; } .filter-block__content_mt_8 { margin-top: 8px; } .range-slider { width: 100%; } .range-slider__result { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 22px; } .range-slider__result_md-flex-2-cols > * { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .noUi-horizontal { width: 90%; height: 3px; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: rgba(184, 184, 184, 0.9); } @media (max-width: 696px) { .noUi-horizontal { width: 96%; } } .noUi-horizontal .noUi-handle { width: 15px; height: 15px; right: -15px; border-radius: 100%; border: none; background: var(--accent); -webkit-box-shadow: none; box-shadow: none; } .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after { display: none; } .noUi-horizontal .noUi-connect { background: var(--accent); } .range-input { padding: 12px 10px; border: 1px solid #CDCDCD; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .range-input__label { font-size: 14px; line-height: 18px; font-weight: 500; opacity: 0.5; color: var(--dark-primary-90); } .range-input__input { background-color: transparent; border: none; display: block; font-family: inherit; color: var(--dark-primary); font-size: 14px; line-height: 18px; font-weight: 500; max-width: 48px; } .range-input__input:focus-visible, .range-input__input:focus, .range-input__input:active { outline: none; } .page-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 6px; } .page-pagination__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: 16px; text-align: center; color: var(--dark-primary-50); } .page-pagination__link_arrow { width: 16px; height: 16px; } .page-pagination__link:not(.page-pagination__link_arrow):hover, .page-pagination__link_active { background-color: rgba(232, 70, 35, 0.1); color: var(--accent); } .product-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } @media (max-width: 1023px) { .product-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .product-thumb-swiper-wrap { position: relative; width: 98px; min-width: 98px; } @media (max-width: 1023px) { .product-thumb-swiper-wrap { width: 100%; } } .product-thumb-swiper { height: 482px; } @media (max-width: 1023px) { .product-thumb-swiper { height: unset; } } @media (max-width: 696px) { .product-thumb-swiper { display: none; } } .product-thumb-swiper__swiper-slide { border-radius: 4px; overflow: hidden; } @media (max-width: 1023px) { .product-thumb-swiper__swiper-slide { aspect-ratio: 72/53; } } .product-thumb-swiper__image { height: 100%; -o-object-fit: cover; object-fit: cover; } .product-thumb-swiper__swiper-button { position: absolute; z-index: 1; left: 50%; translate: -50% 50%; } @media (max-width: 1023px) { .product-thumb-swiper__swiper-button { display: none; } } .product-thumb-swiper__swiper-button:disabled { display: none; } .product-thumb-swiper__swiper-button_next { bottom: 0; } .product-thumb-swiper__swiper-button_prev { top: 0; rotate: 180deg; } @media (max-width: 1023px) { .product-thumb-swiper__swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } } @media (max-width: 696px) { .product-thumb-swiper__swiper-wrapper { gap: 0; } } .product-main-swiper { width: calc(100% - 108px); } @media (max-width: 1023px) { .product-main-swiper { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; } } .product-main-swiper__swiper-slide { border-radius: 10px; overflow: hidden; height: 484px; } @media (max-width: 1023px) { .product-main-swiper__swiper-slide { height: 244px; } } @media (max-width: 696px) { .product-main-swiper__swiper-slide { height: auto; aspect-ratio: 320/244; } } .product-main-swiper__image { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 696px) { .product-main-swiper__image { aspect-ratio: 320/244; } } .product-main-swiper__swiper-pagination { display: none; } @media (max-width: 1023px) { .product-main-swiper__swiper-pagination { display: block; } } .info-table__item { padding: 10px 0; border-bottom: 1px solid var(--separator-gray); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } @media (max-width: 1023px) { .info-table__item { padding: 8px 0; } } .info-table__item_pt_0 { padding-top: 0; } .info-table__item_pb_0 { padding-bottom: 0; border-bottom: none; } .info-table__item-title { width: 27%; color: var(--dark-primary-80); font-size: var(--clamp-12-14); line-height: 1.28; -ms-flex-negative: 0; flex-shrink: 0; } .info-table__item-value { color: black; font-size: var(--clamp-14-16); line-height: 1.25; } .product-info__text { margin-top: 10px; color: black; font-size: var(--clamp-14-16); line-height: 1.25; } @media (max-width: 1023px) { .product-info__text { margin-top: 8px; } } .product-info__options { margin-top: 30px; } .product-info__weight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-info__price { font-size: clamp(22px, 1.67vw, 24px); font-weight: 600; line-height: 1.08; margin-top: clamp(20px, 1.94vw, 28px); } .product-info__button-container { margin-top: clamp(20px, 1.94vw, 28px); } .product-info__btn { padding: 16px clamp(24px, 4.79vw, 69px); font-size: var(--clamp-14-16); } @media (max-width: 1023px) { .product-info__btn { padding: 12px 24px; } } @media (max-width: 696px) { .product-info__btn { width: 100%; } } .product-info__info-table { margin-top: clamp(24px, 2.5vw, 36px); } .warn-banner { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; padding: 27px 32px; border-radius: 10px; } @media (max-width: 696px) { .warn-banner { padding: 20px; gap: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .warn-banner__icon { width: clamp(40px, 4.17vw, 60px); min-width: clamp(40px, 4.17vw, 60px); height: clamp(40px, 4.17vw, 60px); } .warn-banner__title { font-size: var(--clamp-24-26); line-height: 1.2; letter-spacing: -0.1px; color: black; font-weight: 400; font-family: var(--font-secondary); } .warn-banner__btn { margin-left: auto; } @media (max-width: 696px) { .warn-banner__btn { margin-left: 0; } } .flatpickr-day { border-radius: 4px; max-width: 24px; height: 24px; line-height: 24px; border: none; } .flatpickr-day.today { border: 1px solid var(--bg-gray); } .flatpickr-day.today:hover { background-color: transparent; color: var(--accent); border-color: var(--bg-gray); } .flatpickr-day:hover { background-color: transparent; color: var(--accent); } .flatpickr-day.selected { background-color: black; color: #fff; font-weight: 500; } .flatpickr-day.selected:hover { background-color: black; color: #fff; } .flatpickr-calendar { width: 280px; } .flatpickr-calendar .flatpickr-innerContainer { padding: 8px 12px; } .flatpickr-calendar .dayContainer { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 9px; width: 256px; min-width: 256px; max-width: 256px; } .flatpickr-calendar .flatpickr-days { width: 256px; } .flatpickr-calendar .flatpickr-weekday { font-weight: 300; font-size: 14px; color: var(--dark-primary); } .flatpickr-calendar .flatpickr-current-month { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; height: 100%; } .flatpickr-calendar .flatpickr-current-month span.cur-month { font-weight: 300; } .flatpickr-calendar .flatpickr-months { background-color: #F0F0F0; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #F0F0F0; } .flatpickr-calendar .flatpickr-months .flatpickr-month { height: 40px; } .flatpickr-calendar .flatpickr-next-month { padding: 10px 36px 10px 10px; } .flatpickr-calendar .flatpickr-prev-month { padding: 10px 10px 10px 36px; } .flatpickr-calendar .flatpickr-prev-month svg, .flatpickr-calendar .flatpickr-next-month svg { width: 10px; height: 10px; fill: rgba(0, 0, 0, 0.25); } .legend-item { --icon-size: 28px; --fz: var(--clamp-14-16); --fw: 300; --align: center; --text-color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: var(--align); -ms-flex-align: var(--align); align-items: var(--align); gap: 8px; } .legend-item_small { --icon-size: 16px; --fz: var(--clamp-12-14); --align: flex-start; } .legend-item.active { --text-color: var(--accent); --fw: 500; } .legend-item__icon { width: var(--icon-size); min-width: var(--icon-size); height: var(--icon-size); } .legend-item__text { font-size: var(--fz); line-height: 1.25; color: var(--text-color); font-weight: var(--fw); } .address-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .address-list__header { padding: 12px 20px; border-bottom: 1px solid var(--separator-gray); } @media (max-width: 1023px) { .address-list__header { padding: 8px 16px; } } .address-list__body { padding: 16px 23px 16px 20px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #c5c8cd rgba(255, 255, 255, 0); } .address-list__body::-webkit-scrollbar { width: 3px; } .address-list__body::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); } .address-list__body::-webkit-scrollbar-thumb { background-color: #c5c8cd; border-radius: 10px; border: 0px solid #ffffff; } @media (max-width: 1023px) { .address-list__body { padding: 12px 16px; } } .bullet-list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 7px; } .bullet-list__item { position: relative; padding-left: 16px; font-size: var(--clamp-14-16); line-height: 1.28; color: #000; } .bullet-list__item::before { content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 50%; left: 0; translate: 0 -50%; background: black; } .header_white { background-color: #fff; } .header__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 70px; margin: 20px 0 15px; } @media (max-width: 1023px) { .header__top { margin: 16px 0 clamp(14px, 2.61vw, 20px); } } .header__tel { font-size: 14px; line-height: 1.28; font-weight: 500; } @media (max-width: 696px) { .header__tel { display: none; } } .header__menu-btn { display: none; } @media (max-width: 696px) { .header__menu-btn { display: block; } } .header__logo { margin-left: 69px; } @media (max-width: 696px) { .header__logo { margin-left: 0; } } .footer { background: #DD4423; color: #FFFFFF; } .footer__content { padding: 62px 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .footer__content { padding: clamp(30px, 5.86vw, 45px) 17px clamp(30px, 5.86vw, 45px) 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: clamp(44px, 9.38vw, 72px); } } @media (max-width: 696px) { .footer__content { padding-left: 0; padding-right: 0; } } .footer__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(44px, 6.88vw, 99px); } @media (max-width: 1199px) { .footer__info { gap: 44px; } } @media (max-width: 696px) { .footer__info { gap: 36px; } } .footer__nav-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: clamp(42px, 5.56vw, 80px); } @media (max-width: 1199px) { .footer__nav-blocks { gap: 42px; } } @media (max-width: 696px) { .footer__nav-blocks { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: clamp(42px, 22.22vw, 80px); -moz-column-gap: clamp(42px, 22.22vw, 80px); column-gap: clamp(42px, 22.22vw, 80px); row-gap: 20px; } } .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 298px; flex: 0 0 298px; max-width: 29%; } @media (max-width: 1023px) { .footer__contacts { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 696px) { .footer__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } } @media (max-width: 1023px) { .footer__subscribe-form { -webkit-box-flex: 0; -ms-flex: 0 0 285px; flex: 0 0 285px; max-width: 50%; } } @media (max-width: 696px) { .footer__subscribe-form { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .nav-block__links { margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1023px) { .nav-block__links { gap: 4px; } } @media (max-width: 696px) { .nav-block__links { gap: 8px; } } .nav-block__link { font-size: 14px; line-height: 1.28; font-weight: 300; } .nav-block__title { font-size: var(--clamp-18-20); line-height: 1.3; font-weight: 600; letter-spacing: 0.5px; } .section-2-cols { --column-gap: clamp(40px, 6.11vw, 88px); margin: clamp(60px, 6.94vw, 100px) 0; overflow: hidden; } .section-2-cols_my_160 { margin: clamp(60px, 11.11vw, 160px) 0; } .section-2-cols_m_0 { margin: 0; } .section-2-cols_white { background-color: #fff; } @media (max-width: 1023px) { .section-2-cols { --column-gap: clamp(35px, 5.21vw, 40px); } } @media (max-width: 696px) { .section-2-cols_md-mt_99 { margin-top: 99px; } .section-2-cols_md-mt_84 { margin-top: 84px; } } .section-2-cols__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--column-gap); } @media (max-width: 696px) { .section-2-cols__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 696px) { .section-2-cols__content_md-gap_20 { gap: 20px; } } @media (max-width: 1023px) { .section-2-cols__content_lg-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-2-cols__content_lg-column .section-2-cols__content-block { width: 100%; } } .section-2-cols__content-block { width: calc(50% - var(--column-gap) / 2); position: relative; } .section-2-cols__content-block_left { width: calc(45% - var(--column-gap) / 2); } @media (max-width: 1023px) { .section-2-cols__content-block_left { width: calc(53% - var(--column-gap) / 2); } } .section-2-cols__content-block_right { width: calc(52.5% - var(--column-gap) / 2); } .section-2-cols__content-block_w_527 { width: 527px; max-width: 100%; } .section-2-cols__content-block_py_80 { padding: clamp(48px, 5.56vw, 80px) 0; } @media (max-width: 1023px) { .section-2-cols__content-block_py_80 { padding: 48px 0; } } @media (max-width: 696px) { .section-2-cols__content-block_md-order_-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .section-2-cols__content-block_border-radius_10 { border-radius: 10px; overflow: hidden; } .section-2-cols__content-block_flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } @media (max-width: 696px) { .section-2-cols__content-block_flex-column { gap: 22px; } } @media (max-width: 1023px) { .section-2-cols__content-block_lg-pb_0 { padding-bottom: 0; } } @media (max-width: 1023px) { .section-2-cols__content-block_lg-pt_0 { padding-top: 0; } } @media (max-width: 1023px) { .section-2-cols__content-block_lg-p_0 { padding: 0; } } @media (max-width: 696px) { .section-2-cols__content-block { width: 100%; } } .section-2-cols__section-title { margin-bottom: clamp(16px, 2.43vw, 35px); } @media (max-width: 1023px) { .section-2-cols__section-title { margin-bottom: 16px; } } .section-2-cols__section-title_mt_clamp-20-56 { margin-top: clamp(20px, 3.89vw, 56px); } .section-2-cols__section-title_mt_48 { margin-top: 48px; } @media (max-width: 1023px) { .section-2-cols__section-title_lg-mt_0 { margin-top: 0; } } @media (max-width: 696px) { .section-2-cols__section-title_md-mt_44 { margin-top: 44px; } } .section-2-cols__section-title_mb_18 { margin-bottom: 18px; } .section-2-cols img { pointer-events: none; } .section-2-cols__image-1 { position: absolute; bottom: 0; left: 0; translate: 0 25%; } @media (max-width: 1023px) { .section-2-cols__image-1_lg-hidden { display: none; } } .section-2-cols__image-1_lg-visible { display: none; } @media (max-width: 1023px) { .section-2-cols__image-1_lg-visible { display: block; } } @media (max-width: 1023px) { .section-2-cols__image-1 { position: relative; left: 50%; translate: -41% 0; width: 620px; max-width: 100%; } } .section { margin: clamp(80px, 11.11vw, 160px) 0; } .section_m_70 { margin: 70px 0; } .section_mb_70 { margin-bottom: 70px; } .section_overflow_hidden { overflow: hidden; } @media (max-width: 696px) { .section { margin: 60px 0; } } .section_mt_0 { margin-top: 0; } .section_mt_20 { margin-top: 20px; } .section__content { margin-top: 32px; position: relative; } @media (min-width: 1400px) { .section__content_xxl-mt_40 { margin-top: 40px; } } @media (max-width: 696px) { .section__content { margin-top: 24px; } } .section-overflow-hidden-wrap { overflow: hidden; } .subscription-hero { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1440px; max-width: 100%; margin: 0 auto clamp(65px, 8.89vw, 128px); } @media (max-width: 1023px) { .subscription-hero { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 14px auto 65px; } } @media (max-width: 696px) { .subscription-hero { margin: 0 auto 120px; } } .subscription-hero__left { background-color: #FFFFFF; padding: clamp(36px, 4.58vw, 66px) 0 clamp(61px, 4.58vw, 66px) var(--container-padding-x); } @media (max-width: 696px) { .subscription-hero__left { padding: 30px 30px 126px 24px; } } @media (max-width: 359px) { .subscription-hero__left { padding: 30px 24px 126px; } } .subscription-hero__right { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 715px; flex: 0 0 715px; max-width: 50%; } @media (max-width: 1023px) { .subscription-hero__right { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 100%; height: 154px; } } .subscription-hero__right-bg { position: absolute; height: 100%; -o-object-fit: cover; object-fit: cover; inset: 0; } .subscription-hero__image { -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; left: 0; translate: 15% 0; width: clamp(324px, 33.54vw, 483px); max-width: 100%; } @media (max-width: 1023px) { .subscription-hero__image { left: unset; top: unset; right: 0; bottom: 0; translate: -18px 37px; } } @media (max-width: 696px) { .subscription-hero__image { right: 50%; bottom: 50%; translate: 50% 50%; } } .subscription-hero__page-title { width: 80%; } @media (max-width: 696px) { .subscription-hero__page-title { width: 100%; } } .subscription-hero__subtitle { font-size: var(--clamp-14-16); line-height: 1.28; font-weight: 300; letter-spacing: 0.5px; margin-top: clamp(12px, 1.11vw, 16px); width: 80%; } @media (max-width: 696px) { .subscription-hero__subtitle { width: 100%; } } .subscription-hero__button-with-price { margin-top: clamp(28px, 2.22vw, 32px); width: 100%; } @media (max-width: 1140px) { .subscription-hero__button-with-price { gap: 14px; position: relative; z-index: 2; } } @media (max-width: 696px) { .subscription-hero__button-with-price { width: 100%; margin-top: 24px; flex-flow: row wrap; } } .gift-banner { background-color: #fff; border-radius: 10px; overflow: hidden; margin: clamp(80px, 9.72vw, 140px) 0 clamp(80px, 8.33vw, 120px); padding: clamp(32px, 3.33vw, 48px) clamp(30px, 2.78vw, 40px); position: relative; } @media (max-width: 696px) { .gift-banner { margin: 64px 0; padding: 24px 20px 240px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .gift-banner__content { width: 578px; max-width: 50%; position: relative; z-index: 1; } @media (max-width: 1023px) { .gift-banner__content { width: 434px; max-width: 70%; } } @media (max-width: 696px) { .gift-banner__content { width: 100%; max-width: 100%; } } .gift-banner__section-title { margin-bottom: clamp(16px, 1.81vw, 26px); } .gift-banner__button-with-price { margin-top: clamp(34px, 2.78vw, 40px); } .gift-banner__image { position: absolute; width: auto; max-width: 78%; height: 100%; -o-object-fit: contain; object-fit: contain; right: 0; top: 0; pointer-events: none; } @media (max-width: 1023px) { .gift-banner__image { height: unset; rotate: -29deg; width: 740px; max-width: unset; translate: 18% 32%; } } @media (max-width: 696px) { .gift-banner__image { top: unset; bottom: 0; width: 100%; height: auto; rotate: 0deg; width: 385px; right: 50%; translate: 53% 0; } } .nitka-in-russia { position: relative; overflow: hidden; padding: clamp(80px, 8.33vw, 120px) 0 clamp(60px, 8.33vw, 120px); } @media (max-width: 1023px) { .nitka-in-russia { padding: 80px 0 60px; } } @media (max-width: 696px) { .nitka-in-russia { padding-top: 64px; padding-bottom: 291px; margin-bottom: 20px; } } .nitka-in-russia__map { position: absolute; top: 0; right: 0; width: auto; max-width: 56%; } @media (max-width: 696px) { .nitka-in-russia__map { top: unset; bottom: 0; width: 100%; max-width: 100%; height: 448px; } } .nitka-in-russia__content { position: relative; z-index: 1; width: 550px; max-width: 53.475%; } @media (max-width: 696px) { .nitka-in-russia__content { width: 100%; max-width: 100%; } } .nitka-in-russia__section-title { margin-bottom: 10px; } .nitka-in-russia__button-with-price { margin-top: 24px; } .theme-cards-section { margin-bottom: clamp(68px, 6.94vw, 100px); } @media (max-width: 696px) { .theme-cards-section { margin-bottom: 64px; } } .theme-cards-section__grid { margin-top: 22px; } @media (max-width: 1023px) { .theme-cards-section__grid { margin-top: 20px; } } .theme-cards-section__btn { margin: clamp(24px, 2.78vw, 40px) auto 0; padding: 12px 40px; } @media (max-width: 696px) { .theme-cards-section__btn { margin-left: 0; } } .faq { margin: 20px 0 28px; } @media (max-width: 696px) { .faq { margin: 20px 0; } } .faq__accordions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-top: clamp(20px, 1.94vw, 28px); } .small-banner { --line-display: none; --line-width: 760px; --line-rotate: -34deg; --line-translate: 42% 0; } @media (max-width: 1023px) { .small-banner { --line-translate: 44% 0; } } .small-banner_accent-line { --line-display: block; } @media (max-width: 696px) { .small-banner_accent-line { --line-display: none; } } .small-banner_accent-line-1 { --line-width: 970px; --line-rotate: -35deg; } @media (max-width: 1023px) { .small-banner_accent-line-1 { --line-width: 1300px; --line-translate: 55% 0; } } @media (max-width: 696px) { .small-banner_accent-line-1 { --line-display: block; --line-translate: 55% 140%; } } .small-banner_mb_100 { margin-bottom: 100px; } @media (max-width: 696px) { .small-banner_mb_100 { margin-bottom: 64px; } } .small-banner_mb_160 { margin-bottom: clamp(80px, 11.11vw, 160px); } @media (max-width: 1023px) { .small-banner_mb_160 { margin-bottom: 80px; } } @media (max-width: 696px) { .small-banner_mb_160 { margin-bottom: 60px; } } .small-banner_my_15 { margin: 15px 0; } .small-banner__content { background-color: #fff; padding: 28px 32px 24px; border-radius: 10px; overflow: hidden; position: relative; } .small-banner__content_p_44-40 { padding: clamp(32px, 3.06vw, 44px) clamp(32px, 2.78vw, 40px); } @media (max-width: 1023px) { .small-banner__content { padding: 24px 28px; } } @media (max-width: 696px) { .small-banner__content_md-p_24-20-0 { padding: 24px 20px 0; } } @media (max-width: 696px) { .small-banner__content_md-p_24-20-35 { padding: 24px 20px 35px; } } @media (max-width: 696px) { .small-banner__content_md-height_378 { height: 378px; } } .small-banner__content::before { content: ""; width: var(--line-width); height: 204px; background-color: var(--accent); rotate: var(--line-rotate); position: absolute; top: 0; right: 0; translate: var(--line-translate); display: var(--line-display); } .small-banner__title { color: #000; letter-spacing: -0.1px; font-weight: 400; line-height: 1.2; font-size: clamp(24px, 1.81vw, 26px); width: 481px; max-width: 80%; } .small-banner__title_fz_40 { font-size: clamp(28px, 2.78vw, 40px); font-family: var(--font-secondary); } .small-banner__title_w_655 { width: 655px; } @media (max-width: 1023px) { .small-banner__title_lg-w_258 { width: 258px; } } @media (max-width: 696px) { .small-banner__title { width: 100%; max-width: 100%; text-wrap: balance; } } .small-banner__text-container { position: relative; z-index: 1; } .small-banner__text { font-size: var(--clamp-16-18); font-weight: 300; line-height: 1.33; letter-spacing: 0.5px; margin-top: clamp(8px, 0.76vw, 11px); width: 481px; max-width: 47.5%; text-wrap: pretty; } .small-banner__text_w_655 { width: 655px; } .small-banner__text_max-width_half { max-width: 50%; } @media (max-width: 696px) { .small-banner__text { width: 100%; max-width: 100%; } } .small-banner__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: clamp(16px, 1.53vw, 22px); gap: 8px; } @media (max-width: 1023px) { .small-banner__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .small-banner__actions_lg-w_251 { width: 251px; max-width: 100%; } } @media (max-width: 1023px) and (max-width: 696px) { .small-banner__actions_lg-w_251 { width: 100%; } } .small-banner__image { position: absolute; -o-object-fit: contain; object-fit: contain; bottom: 0; right: clamp(24px, 3.06vw, 44px); width: clamp(263px, 21.04vw, 303px); } .small-banner__image_min-clamp_235 { width: clamp(235px, 21.04vw, 303px); } .small-banner__image_top_16 { height: calc(100% - 16px); } .small-banner__image_w_398 { width: clamp(316px, 27.64vw, 398px); max-width: 100%; } @media (max-width: 696px) { .small-banner__image { display: none; } } @media (max-width: 696px) { .small-banner__image_md-relative { display: block; position: relative; top: unset; bottom: unset; right: unset; margin: 32px auto 0; width: 100%; height: auto; } } .small-banner__image_position-1 { top: 50%; translate: 0 -50%; } @media (max-width: 696px) { .small-banner__image_position-1 { translate: 0 0; } } .main-form-section { margin: clamp(8px, 1.39vw, 20px) 0 clamp(64px, 6.94vw, 100px); } @media (max-width: 696px) { .main-form-section { margin: 8px 0 40px; } } .main-form-section__main-form { margin-top: clamp(20px, 1.88vw, 27px); } .main-form { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: clamp(420px, 50.69vw, 730px) auto; gap: clamp(40px, 8.33vw, 120px); } @media (max-width: 1199px) { .main-form { gap: 40px; } } @media (max-width: 1023px) { .main-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } } .main-form__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .main-form__fields_gap_0 { gap: 0; } .main-form__fields_mt_24 { margin-top: 24px; } @media (max-width: 696px) { .main-form__fields_mt_24 { margin-top: 20px; } } .postal-delivery__title { font-size: var(--clamp-18-20); font-weight: 600; letter-spacing: 0.5px; line-height: 1.3; } .postal-delivery__subtitle { margin-top: 8px; font-size: 16px; color: var(--dark-primary-90); } .postal-delivery__radio-tabs { margin-top: 16px; } .postal-delivery__content { margin-top: 16px; } .postal-delivery__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(12px, 1.11vw, 16px); } @media (max-width: 696px) { .postal-delivery__fields { gap: 8px; } } .postal-delivery__2-cols-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 1.39vw, 20px); } @media (max-width: 696px) { .postal-delivery__2-cols-row { gap: 8px; } } .postal-delivery__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; } .postal-delivery__icon { width: 48px; min-width: 48px; height: 48px; } @media (max-width: 696px) { .postal-delivery__icon { display: none; } } .total-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; letter-spacing: 0.5px; font-size: 20px; line-height: 1.3; color: #000; } @media (max-width: 1023px) { .total-result_lg-fullwidth { width: 100%; } .total-result_lg-gap_0 { gap: 0; } .total-result_lg-justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 696px) { .total-result { font-size: 18px; } } .lk-page { margin: 20px 0 64px; overflow: hidden; } .lk-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 60px; } .lk-section { padding-top: 14px; width: 820px; max-width: 64.05%; } @media (max-width: 1023px) { .lk-section { padding-top: 0; width: 100%; max-width: 100%; } } .lk-section__title { font-weight: 600; font-size: 20px; line-height: 1.3; letter-spacing: 0.5px; color: #000; } @media (max-width: 1023px) { .lk-section__title { font-weight: 400; font-size: 28px; font-family: var(--font-secondary); } } .lk-section__content { margin-top: 18px; } .lk-section__content_mt_24 { margin-top: 24px; } .lk-section__content_flex-column-gap-20 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .lk-section__radio-tabs { margin-top: 18px; } .lk-plate { background-color: #fff; padding: 20px 24px; border-radius: 10px; } @media (max-width: 696px) { .lk-plate { padding: 16px; } } .lk-plate_p_0 { padding: 0; } .lk-plate_pt_0 { padding-top: 0; } .lk-plate_border-radius_0 { border-radius: 0; } .lk-plate_overflow_hidden { overflow: hidden; } .subscription-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; padding: 20px 24px; } @media (max-width: 696px) { .subscription-item { padding: 16px; } } .subscription-item__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 12px; text-wrap: balance; } @media (max-width: 696px) { .subscription-item__row_md-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 359px) { .subscription-item__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .subscription-item__row_md-visible { display: none; } @media (max-width: 696px) { .subscription-item__row_md-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 696px) { .subscription-item__row_md-2cols > * { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); } } .subscription-item__price-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .lk-address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .flex-column-gap-4-8 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } @media (max-width: 696px) { .flex-column-gap-4-8 { gap: 4px; } } .lk-payment-method { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lk-payment-method__name { color: inherit; font-size: var(--clamp-14-16); font-weight: 300; letter-spacing: 0.5px; } .lk-payment-method__value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: 8px; } @media (max-width: 1023px) { .lk-payment-method__value { margin-top: 6px; } } .lk-payment-method__value-icon { width: 46px; height: 24px; -o-object-fit: contain; object-fit: contain; } .order-detail { margin: 24px 0 clamp(44px, 4.44vw, 64px); } .order-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: clamp(20px, 2.78vw, 40px); } @media (max-width: 1023px) { .order-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order-detail__items { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .order-detail__info { -webkit-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 50%; } @media (max-width: 1023px) { .order-detail__info { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 100%; } } .main-page-hero { overflow: hidden; padding-bottom: clamp(60px, 5.56vw, 80px); } .catalog-section { margin-bottom: 64px; overflow: hidden; } .catalog-section__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; margin-top: clamp(12px, 1.18vw, 17px); } @media (max-width: 696px) { .catalog-section__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 24px; } } .catalog-section-swiper { overflow: visible; margin-top: 24px; } @media (max-width: 696px) { .catalog-section-swiper { margin-top: 20px; } } .paintings-section { margin: clamp(80px, 8.33vw, 120px) 0 clamp(80px, 9.72vw, 140px); overflow: hidden; } @media (max-width: 696px) { .paintings-section { margin: 60px 0; } } .paintings-section-swiper { overflow: visible; margin-top: clamp(24px, 2.78vw, 40px); } @media (max-width: 696px) { .paintings-section-swiper { margin-top: 20px; } } .paintings-section-swiper__swiper-slide { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .bestsellers { margin: clamp(80px, 8.33vw, 120px) 0 clamp(80px, 11.11vw, 160px); } @media (max-width: 696px) { .bestsellers { margin: 60px 0; } } .bestsellers__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(12px, 1.39vw, 20px); margin-top: clamp(24px, 2.78vw, 40px); } .gift-certificates { margin: clamp(80px, 11.11vw, 160px) 0; } @media (max-width: 696px) { .gift-certificates { margin: 60px 0; } } .gift-certificates__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: clamp(32px, 6.11vw, 88px); } @media (max-width: 1023px) { .gift-certificates__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } } .gift-certificates__certificate-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 54%; flex: 0 0 54%; } @media (max-width: 696px) { .gift-certificates__certificate-cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } } .certificate-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: clamp(280px, 25.35vw, 365px); width: 100%; height: 100%; background-color: #E8E8EA; } @media (max-width: 1023px) { .certificate-card { height: 376px; } } .certificate-card__image { position: absolute; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; pointer-events: none; } @media (max-width: 696px) { .certificate-card__image { -o-object-fit: contain; object-fit: contain; } } .certificate-card__btn { position: relative; z-index: 1; margin: auto auto 24px; padding: 10px 20px; } .catalog-page__header { margin-top: clamp(12px, 1.39vw, 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; } @media (max-width: 696px) { .catalog-page__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .catalog-page__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(20px, 2.22vw, 32px); } @media (max-width: 696px) { .catalog-page__actions { gap: 8px; } } @media (max-width: 696px) { .catalog-page__actions_md-hidden { display: none; } } .catalog-page__actions_md-visible { display: none; } @media (max-width: 696px) { .catalog-page__actions_md-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } } .catalog-page__content { margin-top: clamp(20px, 2.78vw, 40px); margin-bottom: clamp(60px, 6.94vw, 100px); display: grid; grid-template-columns: 200px auto; gap: 38px; } @media (max-width: 696px) { .catalog-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .catalog-page__page-pagination { margin-top: 30px; } @media (max-width: 1023px) { .catalog-page__page-pagination { display: none; } } .catalog-page__btn { display: none; margin-top: 30px; } @media (max-width: 1023px) { .catalog-page__btn { display: -webkit-box; display: -ms-flexbox; display: flex; } } .filter-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 38px; } @media (max-width: 696px) { .filter-form { padding: 18px 20px 32px; gap: 30px; height: 100%; } } .filter-form__btn { margin-top: auto; } .catalog-visual-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-visual-filter__title { color: var(--dark-primary-90); font-size: var(--clamp-14-16); } .catalog-visual-filter__radio-quantity-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; padding-left: 12px; } .filter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; padding: 6px 16px; background: var(--gray); border-radius: 100px; border: none; color: var(--dark-primary); font-family: inherit; font-weight: 500; font-size: 14px; } .filter-btn_icon-only { padding: 6px 10px; } .filter-btn__icon { width: 20px; height: 20px; } .filter-btn__text { color: inherit; } .product-detail { margin: clamp(12px, 1.39vw, 20px) 0 clamp(40px, 4.17vw, 60px); } .product-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: clamp(40px, 3.47vw, 50px); } @media (max-width: 696px) { .product-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 36px; } } .product-detail__left { max-width: 58%; } @media (max-width: 1023px) { .product-detail__left { max-width: 45%; } } @media (max-width: 696px) { .product-detail__left { max-width: 100%; } } .product-detail__right { width: 486px; max-width: 50%; } @media (max-width: 696px) { .product-detail__right { width: 100%; max-width: 100%; } } .white-banner { background-color: #fff; padding-top: clamp(80px, 6.94vw, 100px); overflow: hidden; } @media (max-width: 696px) { .white-banner { padding-top: 48px; } } .white-banner__title { font-family: var(--font-secondary); font-size: clamp(60px, 5.56vw, 80px); font-weight: 400; letter-spacing: -0.1px; line-height: 1; color: black; width: 825px; max-width: 90%; margin: 0 auto; text-align: center; } @media (max-width: 696px) { .white-banner__title { font-size: 40px; } } .white-banner__btn-container { margin: clamp(44px, 6.04vw, 87px) auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 696px) { .white-banner__btn-container { margin: 28px auto 0; } } .white-banner__image { margin: 45px auto 0; width: 553px; max-width: 100%; pointer-events: none; } .white-banner__image_translate-x_9 { translate: 9% 0; } @media (max-width: 696px) { .white-banner__image { margin: 37px auto 0; } } .teamap-hero { background-color: #fff; } .teamap-hero__container { position: relative; padding-right: 0; } @media (max-width: 696px) { .teamap-hero__container { padding-right: var(--container-padding-x); } } .teamap-hero__image { position: absolute; top: 0; right: 0; width: auto; max-width: 52%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; pointer-events: none; } @media (max-width: 696px) { .teamap-hero__image { top: unset; bottom: 0; max-width: 100%; width: 100%; height: 311px; -o-object-position: 100% 70%; object-position: 100% 70%; } } .teamap-hero__content { padding: clamp(40px, 3.68vw, 53px) 0; width: 726px; max-width: 57%; position: relative; z-index: 1; } @media (max-width: 1023px) { .teamap-hero__content { max-width: 47%; } } @media (max-width: 696px) { .teamap-hero__content { max-width: 100%; padding: 40px 0 285px; } } .teamap-hero__text { margin-top: 10px; font-size: var(--clamp-14-16); line-height: 1.375; color: var(--dark-primary-90); width: 418px; max-width: 100%; } .teamap-hero__btn { margin-top: 24px; padding: 12px 20px; } .teamap { margin: clamp(50px, 4.17vw, 60px) 0 clamp(80px, 6.94vw, 100px); } @media (max-width: 696px) { .teamap { margin: 40px 0 60px; } } .teamap__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 56px; } @media (max-width: 1023px) { .teamap__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .teamap__title { font-weight: 600; font-size: clamp(22px, 1.67vw, 24px); line-height: 1.08; } .teamap__subtitle { font-size: var(--clamp-12-14); color: black; line-height: 1.28; margin-top: 15px; } .teamap__title-container { width: 50%; } @media (max-width: 1023px) { .teamap__title-container { width: 100%; } } .teamap__text-container { width: 495px; max-width: 50%; } @media (max-width: 1023px) { .teamap__text-container { width: 100%; max-width: 100%; } } .teamap__body { margin-top: clamp(32px, 3.68vw, 53px); } .teamap__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px; } @media (max-width: 1023px) { .teamap__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 696px) { .teamap__info { gap: 28px; } } .teamap__selects { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; width: 600px; max-width: 43%; } @media (max-width: 1023px) { .teamap__selects { width: 100%; max-width: 100%; } } @media (max-width: 696px) { .teamap__selects { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .teamap__legend-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media (max-width: 696px) { .teamap__legend-items { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 8px; } } .teamap__map-container { display: grid; grid-template-columns: clamp(236px, 21.67vw, 312px) auto; margin-top: var(--clamp-20-24); height: 450px; } @media (max-width: 696px) { .teamap__map-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: unset; width: calc(100% + var(--container-padding-x) * 2); margin-left: calc(-1 * var(--container-padding-x)); } } .teamap__address-list { background-color: #fff; height: 100%; overflow: hidden; } .teamap__address-list .legend-item { cursor: pointer; } .teamap__address-list:has(.legend-item.active) .legend-item:not(.legend-item.active) { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; } @media (max-width: 696px) { .teamap__address-list { height: 386px; } } .teamap__map { height: 450px; } @media (max-width: 696px) { .teamap__map { height: 360px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .teamap__map .ymaps3x0--main-engine-container { -webkit-filter: grayscale(1); filter: grayscale(1); } .teamap__map .ymaps3x0--map { width: 100% !important; } .ymaps3x0--marker:has(.teamap-marker_active) { z-index: 99 !important; } .teamap-marker { --tooltip-opacity: 0; --tooltip-events: none; --img-scale: 1; width: 28px; aspect-ratio: 1/1; position: relative; } .teamap-marker_active { --tooltip-opacity: 1; --tooltip-events: all; --img-scale: 1.5; } .teamap-marker__tooltip { position: absolute; top: -10px; left: 0; translate: 0 -100%; background: white; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: clamp(245px, 19.03vw, 274px); padding: 4px 6px; opacity: var(--tooltip-opacity); pointer-events: var(--tooltip-events); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 999; border-radius: 16px; padding: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843); } @media (max-width: 696px) { .teamap-marker__tooltip { border-radius: 10px; padding: 16px; max-width: 214px; } } .teamap-marker__title { color: var(--accent); font-size: var(--clamp-14-16); font-weight: 500; } .teamap-marker__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-top: 16px; } @media (max-width: 1023px) { .teamap-marker__info { gap: 4px; margin-top: 12px; } } .teamap-marker__text { color: black; font-size: var(--clamp-12-14); line-height: 1.33; } .teamap-marker img { cursor: pointer; scale: var(--img-scale); -webkit-transition: all 0.2s; transition: all 0.2s; } .ymaps3x0--marker-layer:has(.teamap-marker_active) .teamap-marker:not(.teamap-marker_active) { -webkit-filter: grayscale(1); filter: grayscale(1); } .ymaps3x0--marker-layer:has(.teamap-marker_active) .teamap-marker:not(.teamap-marker_active) img { opacity: 0.9; } .contact-form-section { margin: clamp(12px, 1.39vw, 20px) 0 clamp(80px, 8.33vw, 120px); } @media (max-width: 696px) { .contact-form-section { margin: 12px 0 60px; } } .contact-form-section__content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); -webkit-column-gap: clamp(145px, 11.67vw, 168px); -moz-column-gap: clamp(145px, 11.67vw, 168px); column-gap: clamp(145px, 11.67vw, 168px); } @media (max-width: 1023px) { .contact-form-section__content { gap: 22px; } } @media (max-width: 696px) { .contact-form-section__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; } } .contact-form-section__contact-form { grid-row: 1/3; grid-column: 2/3; min-width: 371px; } @media (max-width: 696px) { .contact-form-section__contact-form { min-width: unset; } } .contact-form-section__plain-text { max-width: 71%; } @media (max-width: 1023px) { .contact-form-section__plain-text { max-width: 100%; } } .contact-form-section__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 32px; } @media (max-width: 1023px) { .contact-form-section__socials { margin-top: 28px; } } .contact-form-section__left-bottom { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; /* -ms-flex-item-align: end; align-self: end; */ -ms-flex-item-align: start; align-self: start; max-width: 71%; } @media (max-width: 1023px) { .contact-form-section__left-bottom { max-width: 98%; } } @media (max-width: 696px) { .contact-form-section__left-bottom { -ms-flex-item-align: start; align-self: flex-start; } } .contact-form { background-color: #fff; padding: clamp(20px, 1.88vw, 27px) clamp(20px, 2.22vw, 32px); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media (max-width: 1023px) { .contact-form { gap: 20px; } } .contact-form__title { font-family: var(--font-secondary); font-size: var(--clamp-24-26); font-weight: 400; line-height: 1.2; color: black; letter-spacing: -0.1px; } .contact-form__btn { margin-top: auto; font-size: var(--clamp-16-18); } .link-accent { color: var(--accent); font-weight: 600; font-size: var(--clamp-20-24); } .departments { margin: clamp(80px, 8.33vw, 120px) 0; } @media (max-width: 696px) { .departments { margin: 60px 0; } } .departments__content { margin-top: clamp(28px, 2.22vw, 32px); display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 36px; } @media (max-width: 696px) { .departments__content { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .teahouses { margin: clamp(80px, 8.33vw, 120px) 0; } @media (max-width: 696px) { .teahouses { margin: 60px 0; } } .teahouses__content { margin-top: clamp(28px, 2.22vw, 32px); display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 20px; } @media (max-width: 696px) { .teahouses__content { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .teahouse-card { background-color: #fff; border-radius: 10px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .teahouse-card__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } @media (max-width: 1023px) { .teahouse-card__header { gap: 4px; } } .teahouse-card__image { margin-top: auto; border-radius: 10px; -o-object-fit: cover; object-fit: cover; } .search-form-section { margin: 20px 0 64px; } .search-form-section__content { margin-top: 24px; } @media (max-width: 696px) { .search-form-section__content { margin-top: 20px; } } .search-form { padding: clamp(24px, 2.22vw, 32px); border-radius: 10px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 696px) { .search-form { padding: 20px; } } .search-form__title { font-weight: 600; font-size: var(--clamp-18-20); line-height: 1.33; } .search-form__btn { padding: 13px 32px; font-size: var(--clamp-16-18); } .search-form__flex-row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 696px) { .search-form__flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .hidden { display: none; } #bx-soa-order-form #bx-soa-region .bx_soa_location .form-group{ display: none; } #bx-soa-order-form #bx-soa-region .bx_soa_location .form-group.bx-soa-location-input-container{ display: block; } .flex-column_mt_26 { margin-top: clamp(16px, 1.81vw, 26px); } .text-page { margin-bottom: 50px; } .text-page h2 { font-family: var(--font-secondary); font-size: var(--clamp-20-24); margin: 1.5rem 0; } .text-page p { margin: 1rem 0; } .text-page ul p, .text-page ol p { margin: 0; } .text-page ul, .text-page ol { padding-left: 16px; display: flex; flex-direction: column; gap: 4px; margin: 1rem 0; } /* End */ /* Start:/local/templates/nitka/css/extra.css?17586214175394*/ .plain-text b { font-weight: 600; } .lk-orders-tabs .radio-tab_transparent-underline { padding: 0; } .lk-orders-tabs .radio-tab_transparent-underline a { padding: var(--padding); display: flex; } .radio-tab_transparent-underline.active { --bg: transparent; --color: var(--accent); } .radio-tab_transparent-underline.active::after { opacity: 1; } .sdekCustomBtn .sdek_pvzLair { border-top: 1px solid #D2D2D2; margin-top: 24px; padding-top: 24px; } .sdekCustomBtn .sdek_pvzLair .btn { background: var(--accent); color: #ffffff; } .castomLocationBox { position: relative; width: 100%; } .castomLocationBox .bx-sls .bx-ui-sls-container { min-height: 60px; } .castomLocationBox .bx-soa-custom-label { position: absolute; top: 4px; left: 24px; font-size: 14px; z-index: 2; } .castomLocationBox .bx-sls .dropdown-block { border: none; background-color: #f5f5f5 !important; border-radius: 10px; } .castomLocationBox .bx-sls .dropdown-block .dropdown-icon { display: none; } .castomLocationBox .bx-ui-sls-fake, .castomLocationBox .bx-ui-sls-route { font-size: 18px !important; line-height: 1.33 !important; font-weight: 300 !important; font-family: "SF Pro Display", sans-serif !important; width: 100% !important; padding: clamp(22px, 1.88vw, 27px) clamp(16px, 1.67vw, 24px) 9px 0 !important; border-radius: 10px !important; border: none !important; color: #000 !important; resize: none !important; height: 60px !important; } .castomLocationBox .bx-ui-sls-clear { background-color: #f5f5f5 !important; top: calc(50% - 15px) !important; } .castomLocationBox .bx-ui-sls-loader { background-color: #f5f5f5 !important; top: calc(50% - 15px) !important; } .castomLocationBox .dropdown-fade2white { display: none !important; } .castomLocationBox .tooltip-inner { display: none !important; } #bx-soa-properties .form-block__row { margin-top: 8px; } .product-card__actions { align-items: stretch; } .product-card__actions-wrap { display: flex; align-items: center; gap: 4px; } @media (max-width: 696px) { .product-card__actions-wrap { flex-direction: column; align-items: flex-start; } } .product-card__actions-wrap_with-cart-btn { display: flex; flex-direction: column; gap: 2px; } .product-card__actions-wrap_with-cart-btn .wrapper-dropdown { flex: 0 0 50%; order: -1; width: 100%; } .product-card__actions-wrap_with-cart-btn .wrapper-dropdown-1 { font-size: 12px; padding: 3px 12px; height: 100%; width: 100%; } .product-card__actions-wrap_with-cart-btn .wrapper-dropdown-1:after { width: 12px; height: 12px; top: 50%; translate: 0 -50%; } .product-card__actions-wrap_with-cart-btn .counter { padding: 3px 12px; flex: 0 0 50%; } .product-card__actions-wrap_with-cart-btn .counter__btn { width: 16px; height: 16px; } .product-card__actions-wrap_with-cart-btn .counter__input { font-size: 12px; } .btn-go-to-cart { flex-direction: column; gap: 0; } .product-info .btn-go-to-cart { padding: 6px 8px; width: 158px; max-width: 100%; } .product-info .counter { height: 100%; padding: 17px 24px; gap: 2px; } .product-info .counter__input { font-size: var(--clamp-14-16); } .product-info .counter__btn { width: 20px; } .product-card .btn-go-to-cart { padding: 6px 8px !important; flex-grow: 1; flex-shrink: 0; line-height: 1.2; } @media (max-width: 696px) { .btn-go-to-cart { width: 100%; } .product-info .btn-go-to-cart { flex-grow: 1; line-height: 1.3; } .product-info .counter { padding: 10px 20px; } .product-card__actions-wrap_with-cart-btn { flex-direction: row; gap: 2px; } .product-card__actions-wrap_with-cart-btn > * { width: calc(50% - 2px); max-width: calc(50% - 2px); } .product-card__actions-wrap_with-cart-btn .counter { padding: 6px 8px; gap: 0; justify-content: space-between; width: 100%; } .product-card__actions-wrap_with-cart-btn .wrapper-dropdown-1 { padding: 5px 8px; } .product-card__actions-wrap_with-cart-btn .wrapper-dropdown { max-width: calc(50% - 2px); } .product-card__actions { gap: 8px; } .flex-row_md-hidden { display: none; } } .social_w_24 { width: 24px; } .preheader { border-bottom: 1px solid var(--gray); } .custom-input:has(.custom-input__info-text) .custom-input__label { top: 17%; left: var(--input-padding-x); translate: 0 0 ; } .custom-input:has(.custom-input__info-text) .custom-input__input:focus + .custom-input__label, .custom-input:has(.custom-input__info-text) .custom-input__input:not(:placeholder-shown) + .custom-input__label { top: 6%; } .custom-input__info-text { display: block; margin-top: 4px; font-size: var(--clamp-12-14); line-height: 1.2; } .custom-checkbox { position: relative; } .custom-checkbox__error { position: absolute; left: 0; bottom: 0px; translate: 0 100%; font-size: 12px; color: var(--error); } @media (max-width: 696px) { .product-detail__left { width: 100%; } } /* End */ /* Start:/local/templates/nitka/fonts/SFProDisplay/stylesheet.css?17582696644364*/ @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-LightItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Medium.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-MediumItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-RegularItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-RegularItalic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Regular.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Heavy.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-BoldItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-BlackItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Black.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Light.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-UltralightItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-UltralightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Semibold.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-ThinItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Ultralight.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Ultralight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Bold.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-HeavyItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-HeavyItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-SemiboldItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-SemiboldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'SF Pro Display'; src: url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Thin.woff2') format('woff2'), url('/local/templates/nitka/fonts/SFProDisplay/SFProDisplay-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/nitka/fonts/AAStetica/stylesheet.css?17582696642066*/ @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStelica-Black.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStelica-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStetica-Regular.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStetica-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStetica-Medium.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStetica-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStetica-Italic.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStetica-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AASteticaLight-Italic.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AASteticaLight-Italic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStetica-Bold.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStetica-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStetica-BoldItalic.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStetica-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AAStetica-Light.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AAStetica-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'AA Stetica'; src: url('/local/templates/nitka/fonts/AAStetica/AASteticaMedium-Italic.woff2') format('woff2'), url('/local/templates/nitka/fonts/AAStetica/AASteticaMedium-Italic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/nitka/fonts/Inter/stylesheet.css?1758269664219*/ @font-face { font-family: 'Inter'; src: url('/local/templates/nitka/fonts/Inter/Inter-ExtraBold.woff2') format('woff2'), url('/local/templates/nitka/fonts/Inter/Inter-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/nitka/libs/nouislider/nouislider.min.css?17582696654220*/ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/assets/css/common.css?17582696652549*/ .filter a.active{ background: var(--grey-color-dark)!important; border: 1px solid var(--grey-color-dark)!important; color: #fff!important; } .popup-window.popup-window-with-titlebar { padding: 40px 27px 30px 27px; border-radius: 25px; border: none; } .popup-window.popup-window-with-titlebar p{ margin-top:30px; } .popup-window-titlebar-text, .popup-window-titlebar-text-version { overflow: visible; white-space: nowrap; padding: 0; } .popup-window-close-icon { width: 55px; height: 55px; right: 27px; top: 27px; background: var(--grey-color-light); box-sizing: border-box; border-radius: 72px; text-align: center; } .popup-window-close-icon:after { width: 0; height: 0; background-image: none; } .popup-window-close-icon:before { width: 100%; height: 100%; content: ''; background-image: url(/local/templates/my_step/img/icons/icon-close.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; filter: grayscale(1) brightness(0); background-size: 10px auto; } @media only screen and (min-width: 768px) { .popup-window-close-icon:before { background-size: 18px auto; } } @media (min-width: 576px) { .popup-window.popup-window-with-titlebar { max-width: 500px; margin: 1.75rem auto; } } @media only screen and (min-width: 768px) { .popup-window.popup-window-with-titlebar { max-width: 782px; width: 94%; } } .popup-window-titlebar-text { margin: 0; font-size: 1.667rem; margin-bottom: 0; color: var(--default-color); font-family: Wix-Regular, Arial, sans serif; } @media only screen and (min-width: 1620px) { .popup-window-titlebar-text { font-size: 1.94444rem; } } @media only screen and (min-width: 768px) { .popup-window-titlebar-text { font-size: 2.1875rem; } } .note { padding: 10px 20px; margin-bottom: 10px; text-align:center; padding-bottom: 50px; } .custom_form input.err { border: 1px solid #cf8486; } .custom_form .error_alert { background-color: #cf8486; color: #fff; padding: 10px 20px; margin-bottom: 10px; } .message-block { position: fixed; z-index: 10000000; width: 100%; top: 0; left: 0; display: none; text-align: center; padding:20px; background-color: #8bc34a; color: white; } .message-block.error { background-color: #d53a3a; color: white; } .message-block.success { background-color: #238b30; color: white; } /* End */ /* Start:/local/templates/nitka/components/bitrix/news.list/contact-header/style.css?1758269665241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* Start:/local/templates/nitka/components/bitrix/menu/top_menu/style.css?1758269665581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/nitka/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/nitka/components/bitrix/menu/mob-menu/style.css?1758269665581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/nitka/components/bitrix/menu/mob-menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/nitka/components/bitrix/news.list/contact-mob/style.css?1758269665241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* Start:/local/templates/nitka/components/bitrix/breadcrumb/breadcrumb/style.css?1758269665585*/ .bx-breadcrumb { margin: 10px 0; } .bx-breadcrumb i { color: #b5bdc2; line-height: 13px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover {} /* End */ /* Start:/local/templates/nitka/components/bitrix/menu/bottom/style.css?1758269665581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/nitka/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/nitka/components/bitrix/news.list/contact-bottom/style.css?1758269665241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* /local/templates/nitka/libs/swiper/style.min.css?175826966518455 */ /* /local/templates/nitka/css/style.css?1759146811170394 */ /* /local/templates/nitka/css/extra.css?17586214175394 */ /* /local/templates/nitka/fonts/SFProDisplay/stylesheet.css?17582696644364 */ /* /local/templates/nitka/fonts/AAStetica/stylesheet.css?17582696642066 */ /* /local/templates/nitka/fonts/Inter/stylesheet.css?1758269664219 */ /* /local/templates/nitka/libs/nouislider/nouislider.min.css?17582696654220 */ /* /local/assets/css/common.css?17582696652549 */ /* /local/templates/nitka/components/bitrix/news.list/contact-header/style.css?1758269665241 */ /* /local/templates/nitka/components/bitrix/menu/top_menu/style.css?1758269665581 */ /* /local/templates/nitka/components/bitrix/menu/mob-menu/style.css?1758269665581 */ /* /local/templates/nitka/components/bitrix/news.list/contact-mob/style.css?1758269665241 */ /* /local/templates/nitka/components/bitrix/breadcrumb/breadcrumb/style.css?1758269665585 */ /* /local/templates/nitka/components/bitrix/menu/bottom/style.css?1758269665581 */ /* /local/templates/nitka/components/bitrix/news.list/contact-bottom/style.css?1758269665241 */