/* Start:/local/assets/css/libs/swiper-bundle.min.css?172381605518432*/ /** * Swiper 11.1.9 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 31, 2024 */ @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-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-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/assets/css/libs/fancybox.css?172381605525343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/assets/css/style.css?1749467874453409*/ @charset "UTF-8"; @font-face { font-family: "TT Fors"; font-display: swap; font-style: normal; src: url("/local/assets/css/../fonts/tt-fors-variable.woff2") format("woff2 supports variations"), url("/local/assets/css/../fonts/tt-fors-variable.woff2") format("woff2-variations"), url("/local/assets/css/../fonts/tt-fors-variable.woff2") format("woff2"); font-weight: 100 1000; } @font-face { font-family: 'Medium'; src: local('Medium'), url('/local/assets/css/../fonts/Medium.woff2') format('woff2'), url('/local/assets/css/../fonts/Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0; padding: 0; min-height: calc(100 * var(--vh, 1vh)); } html { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; font-family: "TT Fors", "Arial", sans-serif; color: #000000; font-variation-settings: "slnt" 0; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-rendering: optimizeLegibility; } body { width: 100%; height: 100%; background-color: #ffffff; } a { color: #000000; text-decoration: none; } img, video { display: block; max-width: 100%; height: auto; } textarea { resize: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #ffffff; box-shadow: inset 0 0 0 1000px #ffffff; -webkit-text-fill-color: #000000; } input, textarea { border-radius: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; } input::placeholder, textarea::placeholder { opacity: 1; } input:invalid, textarea:invalid { -webkit-box-shadow: none; box-shadow: none; } select { border-radius: 0; } input::-ms-clear, input::-ms-reveal { display: none; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } select, textarea, input:matches([type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input, textarea, button, select, label, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .wrapper { 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; min-height: calc(100 * var(--vh, 1vh)); } .wrapper .header, .wrapper .footer { -ms-flex-negative: 0; flex-shrink: 0; } .wrapper .main { -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; } .visually-hidden, .sizes-list__item input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); } .scroll-lock-ios { position: fixed; overflow: hidden; } .scroll-lock { overflow: hidden; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; } .no-transition { /* stylelint-disable-next-line */ -webkit-transition: none !important; transition: none !important; } .js-focus-visible :focus:not(.focus-visible) { outline: none; } #js-cookie { display: none; } .container { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 24px; } .container--no-padding { padding: 0; } @media (max-width: 1023px) { .container { padding: 0 16px; } .container--no-padding { padding: 0; } } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0); } 100% { -webkit-transform: rotate(360deg) translate3d(0, 0, 0); transform: rotate(360deg) translate3d(0, 0, 0); } } @keyframes loader { 0% { -webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0); } 100% { -webkit-transform: rotate(360deg) translate3d(0, 0, 0); transform: rotate(360deg) translate3d(0, 0, 0); } } /* stylelint-disable */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { margin: 0.67em 0; font-size: 2em; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-size: 1em; /* 2 */ font-family: monospace, monospace; /* 1 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ border-bottom: none; /* 1 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-size: 1em; /* 2 */ font-family: monospace, monospace; /* 1 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; /* 2 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ font-family: inherit; /* 1 */ /* Фиксы для Safari (17) */ font-family: -apple-system, "TT Fors", "Arial", sans-serif; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { display: table; /* 1 */ -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { outline-offset: -2px; /* 2 */ -webkit-appearance: textfield; /* 1 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { font: inherit; /* 2 */ -webkit-appearance: button; /* 1 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* stylelint-disable */ /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @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; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .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-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 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: -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; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.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: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-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-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .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%; -webkit-transform: translateX(-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 { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 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%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); 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: -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; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; 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, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .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-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } :root { --hystmodal-speed: 0.6s; } .hystmodal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; pointer-events: none; display: grid; grid-template-columns: 100%; grid-template-rows: 0 -webkit-min-content 0; grid-template-rows: 0 min-content 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: justify; align-content: space-between; visibility: hidden; -ms-overflow-style: none; scrollbar-width: none; -ms-scroll-chaining: none; overscroll-behavior: contain; z-index: 9999; } .hystmodal::-webkit-scrollbar { display: none; } .hystmodal--fullscreen { z-index: 109; } @media (max-width: 767px) { .hystmodal--fullscreen.fullscreen-map { z-index: 111; } } .hystmodal::before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background-color: rgba(28, 27, 21, 0.5); opacity: 0; pointer-events: none; } .hystmodal--animated::before { -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .hystmodal--active::before { opacity: 1; } .hystmodal--moved, .hystmodal--active { pointer-events: none; visibility: visible; } .hystmodal--active { pointer-events: auto; } .hystmodal__wrap { display: block; min-width: 0; grid-row: 2/3; } .hystmodal--fullscreen .hystmodal__wrap { grid-row: 1/-1; height: 100%; } .hystmodal__window { min-width: 0; grid-row: 2/3; position: relative; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; background: #ffffff; max-width: 100%; overflow: visible; opacity: 0; margin-left: auto; } .hystmodal--alert .hystmodal__window { margin-left: auto; margin-right: auto; padding: 64px 80px; width: 508px; -webkit-transform: translateY(30%); transform: translateY(30%); } .hystmodal--side .hystmodal__window { 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; padding: 61px 56px; width: 590px; min-height: calc(100 * var(--vh, 1vh)); -webkit-transform: translateX(30%); transform: translateX(30%); } .hystmodal--response .hystmodal__window { 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; padding: 152px 56px 184px; width: 590px; min-height: calc(100 * var(--vh, 1vh)); -webkit-transform: translateX(100%); transform: translateX(100%); } .hystmodal--side-large .hystmodal__window { width: 1172px; min-height: calc(100 * var(--vh, 1vh)); -webkit-transform: translateX(30%); transform: translateX(30%); } .hystmodal--base .hystmodal__window { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; width: 590px; min-height: calc(100 * var(--vh, 1vh)); -webkit-transform: translateX(100%); transform: translateX(100%); } .hystmodal--sizes .hystmodal__window { padding: 56px 24px 24px; width: 590px; min-height: calc(100 * var(--vh, 1vh)); -webkit-transform: translateX(30%); transform: translateX(30%); } .hystmodal--reviews .hystmodal__window { padding: 56px 24px 24px; width: 590px; min-height: calc(100 * var(--vh, 1vh)); -webkit-transform: translateX(30%); transform: translateX(30%); } .hystmodal--fullscreen .hystmodal__window { width: 100%; padding-top: 72px; padding-bottom: 24px; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1; height: 100%; } @media (max-width: 1439px) { .hystmodal--fullscreen .hystmodal__window { padding-top: 64px; padding-bottom: 84px; } } @media (max-width: 1023px) { .hystmodal--alert .hystmodal__window, .hystmodal--side .hystmodal__window, .hystmodal--side-large .hystmodal__window, .hystmodal--sizes .hystmodal__window, .hystmodal--base .hystmodal__window, .hystmodal--response .hystmodal__window { width: 100%; } .hystmodal--response .hystmodal__window { padding: 96px 16px 40px; } .hystmodal--alert .hystmodal__window { 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; padding: 40px 16px; min-height: calc(100 * var(--vh, 1vh)); } .hystmodal--sizes .hystmodal__window { padding: 96px 16px 40px; min-height: calc(100 * var(--vh, 1vh)); } } @media (max-width: 767px) { .hystmodal--side .hystmodal__window { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 24px 16px; } .hystmodal--response .hystmodal__window { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 80px 16px 24px; } .fullscreen-map.hystmodal--fullscreen .hystmodal__window { padding-top: 0; padding-bottom: 0; } .hystmodal--alert .hystmodal__window, .hystmodal--sizes .hystmodal__window { padding-top: 80px; padding-bottom: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .hystmodal--active .hystmodal__window { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } .hystmodal__window--loading { min-height: 400px; background-image: url("data:image/svg+xml,%0A%3Csvg width='105' height='105' viewBox='0 0 105 105' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='0s' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='52.5' r='12.5' fill-opacity='.5'%3E%3Canimate attributeName='fill-opacity' begin='100ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='300ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='600ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='800ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='400ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='700ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='500ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='200ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A"); background-position: 50%; background-repeat: no-repeat; background-size: 48px; } .hystmodal--animated .hystmodal__window { -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .hystmodal__head { top: 24px; right: 10px; position: absolute; } .hystmodal--alert .hystmodal__head { top: 8px; right: 8px; } @media (max-width: 1023px) { .hystmodal--alert .hystmodal__head, .hystmodal--sizes .hystmodal__head { top: 16px; right: 4px; } } @media (max-width: 1023px) { #carrotquest-messenger-collapsed-container { display: none; visibility: hidden; } } .main--atelier #carrotquest-messenger-collapsed-container { display: none; visibility: hidden; } @media (max-width: 1023px) { .bx-soa-sidebar { height: unset; } } .product-pag { position: absolute; width: 100%; height: 100%; padding: 0 12px 8px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .product-pag, .product-pag * { -webkit-box-sizing: border-box; box-sizing: border-box; } .product-pag.swiper-pagination-bullets { bottom: 0; left: 0; } .product-pag .swiper-pagination-bullet { border-radius: 0; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; min-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: transparent; opacity: 0.4; padding-left: 2px; padding-right: 2px; } .product-pag .swiper-pagination-bullet::before { content: ""; display: block; width: 100%; height: 2px; background: #ffffff; } .product-pag .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .product-pag.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } @media (max-width: 1023px) { .product-pag { pointer-events: none; } } @media (max-width: 767px) { .product-pag { padding-bottom: 4px; } } .modal-close { border: 0; background: transparent; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 40px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #1c1b15; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .modal-close:hover { color: #929292; } .modal-close .icon { width: 24px; height: 24px; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .modal-close:hover .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .dolyami { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #f7f7f7; padding: 16px; gap: 6px; cursor: default; } .dolyami__item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(28, 27, 21, 0.5); } .dolyami__item.is-active { color: #1c1b15; } .dolyami__title { font-size: 12px; line-height: 1.26; font-style: normal; font-weight: 460; display: block; margin-bottom: 4px; } .dolyami__price { font-size: 14px; line-height: 1.26; font-style: normal; font-weight: 480; letter-spacing: -0.01em; display: block; text-transform: lowercase; } .dolyami__line { display: block; width: 100%; height: 6px; margin-top: 12px; background: rgba(0, 0, 0, 0.1); } .dolyami__item.is-active .dolyami__line { background: #265dff; } .btn-link { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; border: 0; background: transparent; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; padding-top: 12px; padding-bottom: 12px; text-transform: lowercase; color: #6d6d6d; cursor: pointer; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; outline: none !important; /* stylelint-disable-line */ } .btn-link:hover, .btn-link:active { color: #1c1b15; } .btn-link__in { position: relative; } .btn-link__in::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: currentColor; } .sizes-list { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sizes-list__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 12px 12px; } .sizes-list--card .sizes-list__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px 8px; } .sizes-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sizes-list__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .sizes-list__el { font-size: 16px; line-height: 1.16; font-weight: 480; text-transform: lowercase; border: 1px solid rgba(0, 0, 0, 0.1); padding: 4px 11px; min-height: 48px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; color: #1c1b15; } .sizes-list__el--empty { color: #6d6d6d; background: #f7f7f7; } .sizes-list__el:hover { border-color: #1c1b15; } .sizes-list--card .sizes-list__el { font-size: 14px; line-height: 1.26; font-style: normal; font-weight: 480; letter-spacing: -0.01em; min-height: 40px; padding: 8px; } input:checked ~ .sizes-list__el, input:checked ~ .sizes-list__el--empty { color: #1c1b15; border-color: #1c1b15; cursor: default; } .sizes-list__count { font-size: 10px; line-height: 1.17; text-transform: lowercase; font-weight: 440; margin-top: 4px; color: #929292; display: block; cursor: default; } .sizes-list__count--last { color: #D6001C; } .chat-btn { height: 68px; position: fixed; bottom: 24px; right: 92px; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; pointer-events: none; } @media (max-width: 1023px) { .chat-btn { right: 16px; bottom: calc(var(--mobile-nav-bar-height) + 24px); } } .chat-btn__trigger { 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: 0; padding: 0; color: #ffffff; background-color: #303030; border: none; cursor: pointer; pointer-events: all; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: visibility, background-color, opacity; transition-property: visibility, background-color, opacity; } .chat-btn__trigger[aria-pressed=true] { visibility: hidden; opacity: 0; pointer-events: none; } .chat-btn__trigger:where(:hover, :focus-visible) { background-color: rgba(48, 48, 48, 0.75); } .chat-btn__trigger:active { opacity: 0.75; } .chat-btn__trigger-icn-box { position: relative; isolation: isolate; 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; width: auto; height: auto; margin: 0; padding: 0; } .chat-btn__trigger-icn-box[data-notice]::before { content: attr(data-notice); position: absolute; top: -4px; right: -4px; z-index: 1; 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; width: 14px; height: 14px; font-size: 9px; font-weight: 550; line-height: 1.16; letter-spacing: -0.01em; text-align: center; color: #ffffff; background-color: #ff3900; border-radius: 50%; } .chat-btn__main-trigger { padding: 22px; border-radius: 50%; } @media (max-width: 1023px) { .chat-btn__main-trigger { display: none; visibility: hidden; } } .chat-btn__side-trigger { padding: 12px 24px; font-size: 16px; font-weight: 440; line-height: 1.32; border-radius: 24px; } .logo { display: block; } .logo svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .logo[href] { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (hover: hover) { .logo[href]:hover:not(.focus-visible) { opacity: 0.7; } } .logo[href].focus-visible:focus { opacity: 0.7; } @media (hover: hover) { .logo[href]:active:not(.focus-visible) { opacity: 0.7; } } .select { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 14px; line-height: 1.1428571429; font-weight: 440; text-transform: lowercase; color: #1c1b15; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .select__wrapper { 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; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .select__label { margin: 0 0 8px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .select__el { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; width: 100%; height: 48px; margin-left: auto; padding-left: 15px; font: inherit; color: inherit; text-transform: lowercase; border: 1px solid rgba(0, 0, 0, 0.1); outline: none; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; cursor: pointer; background: #ffffff url("/local/assets/css/../img/bg/dropdown.svg") no-repeat right 16px center; } .select__el::-ms-expand { display: none; } @media (hover: hover) { .select__el:hover:not(.focus-visible) { border-color: rgba(28, 27, 21, 0.5); } } .select__el.focus-visible:focus { border-color: #1c1b15; } .input-rating { display: grid; grid-template-columns: repeat(2, auto); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0; } .input-rating__label { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 767px) { .input-rating__label { font-size: 14px; line-height: 1.17; } } .input-rating.is-invalid .input-rating__label { color: #e8584f; } .input-rating__controls { display: grid; grid-template-columns: repeat(5, auto) 1fr; grid-template-rows: 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; direction: rtl; } .input-rating .input-star:hover ~ .input-star svg, .input-rating input:checked ~ .input-star svg { fill: currentColor; } .input-rating .input-star__text, .input-rating .input-star__text-placeholder { grid-column: 1/2; grid-row: 1/2; direction: ltr; margin-left: 16px; } .input-rating input:checked ~ .input-star__text-placeholder { opacity: 0; } @media (max-width: 1023px) { .input-rating { padding: 0; } .input-rating .input-star__text, .input-rating .input-star__text-placeholder { display: none; } } @media (max-width: 767px) { .input-rating { text-transform: lowercase; } } .input-star { width: 32px; height: 32px; 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; padding: 8px; cursor: pointer; } .input-star svg { display: block; width: 100%; height: 100%; fill: rgba(255, 255, 255, 0); -webkit-transition-property: fill; transition-property: fill; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .input-star:hover svg, input:checked + .input-star svg { fill: currentColor; } .input-star__text, .input-star__text-placeholder { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .input-star__text { opacity: 0; } input:checked + .input-star + .input-star__text { opacity: 1; } .input-star + .input-star__text, .input-star ~ .input-star__text-placeholder { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; color: #929292; } @media (max-width: 1023px) { .input-star { width: 40px; height: 40px; padding: 12px; } } .intro-card { position: relative; overflow: hidden; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 41px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; aspect-ratio: 1.9472616633; } .intro-card__title { text-align: center; cursor: default; } .intro-card__image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } .intro-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-position: center 0; object-position: center 0; } .intro-card__video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .intro-card__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; cursor: pointer; } @media (hover: hover) { .intro-card__link:hover:not(.focus-visible) ~ .category-card__image { -webkit-transform: scale(1.2); transform: scale(1.2); } } .intro-card__link.focus-visible:focus ~ .category-card__image { -webkit-transform: scale(1.2); transform: scale(1.2); } .intro-card__btn { max-width: 240px; margin-top: 16px; } .intro-card__btn:not(:last-of-type) { margin-bottom: 7px; } @media (max-width: 1440px) { .intro-card { aspect-ratio: 1.9459459459; } } @media (max-width: 1023px) { .intro-card { aspect-ratio: 0.8717366629; } } @media (max-width: 767px) { .intro-card { aspect-ratio: 0.7129277567; } } .category-card { position: relative; overflow: hidden; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 41px; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .category-card .title--h1 { text-align: center; } .category-card__image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } .category-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-position: center 0; object-position: center 0; } .category-card__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; cursor: pointer; } @media (hover: hover) { .category-card__link:hover:not(.focus-visible) ~ .category-card__image { -webkit-transform: scale(1.2); transform: scale(1.2); } } .category-card__link.focus-visible:focus ~ .category-card__image { -webkit-transform: scale(1.2); transform: scale(1.2); } .category-card__btn { max-width: 240px; margin-top: 16px; } .category-card__btn:not(:last-of-type) { margin-bottom: 7px; } .link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; font: inherit; cursor: pointer; border: none; background-color: rgba(255, 255, 255, 0); gap: 8px; } .link.is-hidden { display: none; } .link__text { display: block; text-align: start; } .link__icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; margin: 0 4px 0 0; -webkit-transition: rotate 0.3s ease; transition: rotate 0.3s ease; } .link__icon-wrapper svg { width: 100%; height: 100%; } @media (hover: hover) { .link:not(span):hover:not(.focus-visible) { color: #6d6d6d; } } .link:not(span).focus-visible:focus { color: #6d6d6d; } @media (hover: hover) { .link:not(span):active:not(.focus-visible) { color: #6d6d6d; } } .link--icon-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .link--icon-right .link__icon-wrapper { margin: 0 0 0 4px; } .link--icon-right .link__text { text-align: end; } .link--icon-small .link__icon-wrapper { width: 16px; height: 16px; } .link--grey { color: #6d6d6d; } @media (hover: hover) { .link--grey:not(span):hover:not(.focus-visible) { color: #1c1b15; } } .link--grey:not(span).focus-visible:focus { color: #1c1b15; } @media (hover: hover) { .link--grey:not(span):active:not(.focus-visible) { color: #1c1b15; } } .link--light { color: #9c9c9c; } @media (hover: hover) { .link--light:not(span):hover:not(.focus-visible) { color: #1c1b15; } } .link--light:not(span).focus-visible:focus { color: #1c1b15; } @media (hover: hover) { .link--light:not(span):active:not(.focus-visible) { color: #1c1b15; } } .link--bordered { border: 1px solid rgba(255, 255, 255, 0); -webkit-transition: border-color 0.3s ease, background-color 0.3s ease; transition: border-color 0.3s ease, background-color 0.3s ease; } @media (hover: hover) { .link--bordered:not(span):hover:not(.focus-visible) { border-color: rgba(0, 0, 0, 0.1); color: #1c1b15; } } .link--bordered:not(span).focus-visible:focus { border-color: rgba(0, 0, 0, 0.1); color: #1c1b15; } @media (hover: hover) { .link--bordered:not(span):active:not(.focus-visible) { border-color: #e0deda; background-color: #f5f4f2; color: #1c1b15; } } .about { background-color: #ffffff; color: #1c1b15; padding-bottom: 180px; } @media (max-width: 1919px) { .about { padding-bottom: 128px; } } @media (max-width: 1023px) { .about { padding-bottom: 96px; } } @media (max-width: 767px) { .about { padding-bottom: 64px; } } .about .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .about .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about__subtitle { margin: 0; } @media (max-width: 1023px) { .about__subtitle { margin-bottom: 24px; } } .about__text-wrapper { width: 50%; } @media (max-width: 1023px) { .about__text-wrapper { width: 100%; } } .about__text p { max-width: 610px; } @media (max-width: 1023px) { .about__text p { max-width: 100%; } } .about__text p a { text-decoration: underline; color: #929292; } .about__text p a:hover { text-decoration: underline; color: #1c1b15; } .header { position: fixed; top: 0; left: 0; right: 0; z-index: 110; color: #1c1b15; background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } @media (max-width: 1023px) { .header.is-open .main-nav__wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } .header.no-banner { -webkit-transform: translate3d(0, calc(-1 * var(--banner-height, 40px)), 0); transform: translate3d(0, calc(-1 * var(--banner-height, 40px)), 0); } @media (max-width: 1023px) { .header.no-banner .main-nav__wrapper { top: var(--banner-height, 40px); } } .header--index .header__inner { min-height: 96px; } @media (max-width: 1023px) { .header--index .header__inner { min-height: 72px; } } @media (max-width: 767px) { .header--index .header__inner { min-height: 64px; } } .header--index .header__logo--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 134px; height: 64px; } .header--index .header__logo--desktop .logo { width: 100%; height: 48px; } @media (max-width: 1023px) { .header--index .header__logo--desktop { display: none; } } .header--index .header__logo--mobile { display: none; width: 119px; height: 26px; } .header--index .header__logo--mobile .logo { width: 100%; height: 100%; } @media (max-width: 1023px) { .header--index .header__logo--mobile { display: block; width: 119px; height: 26px; } } .header--checkout .header__logo--mobile { display: block; width: 132px; height: 31px; } .header--checkout .header__logo--mobile .logo { width: 100%; height: 100%; } @media (max-width: 767px) { .header--checkout .header__logo--mobile { width: 119px; height: 26px; } } .header--checkout .search-form { display: none; } @media (max-width: 767px) { .header--checkout .search-form { display: block; } } @media (max-width: 1023px) { .header--checkout .main-nav__toggle { display: none; } } @media (max-width: 767px) { .header--checkout .main-nav__toggle { display: block; } } @media (max-width: 1023px) { .header--checkout .main-nav__wrapper { position: static; z-index: auto; -webkit-transform: none; transform: none; visibility: visible; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto; padding-bottom: 0; background-color: rgba(255, 255, 255, 0); } } @media (max-width: 767px) { .header--checkout .main-nav__wrapper { position: fixed; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: calc(var(--vh, 1vh) * 100); background-color: #ffffff; z-index: 111; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } @media (max-width: 1023px) { .header--checkout .main-nav__body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: initial; height: auto; padding: 0; } } @media (max-width: 767px) { .header--checkout .main-nav__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: auto; height: 100%; padding: 0 16px 40px; } } @media (max-width: 1023px) { .header--checkout .main-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .header--checkout .main-nav__list { display: none; } } @media (max-width: 1023px) { .header--checkout .nav-catalog, .header--checkout .main-nav .social { display: none; } } @media (max-width: 767px) { .header--checkout .nav-catalog, .header--checkout .main-nav .social { display: block; } } @media (max-width: 1023px) { .header--checkout .main-nav__header { display: none; } } @media (max-width: 767px) { .header--checkout .main-nav__header { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header--checkout .main-nav__menu-desktop { display: block; visibility: visible; } @media (max-width: 1023px) { .header--checkout .main-nav__menu-desktop { display: block; visibility: visible; } } .header--checkout .main-nav__menu-mobile, .header--checkout .main-nav__footer { display: none; visibility: hidden; } @media (max-width: 767px) { .header--checkout .main-nav__menu-mobile, .header--checkout .main-nav__footer { display: block; visibility: visible; } } .header__inner { position: relative; 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; min-height: 72px; padding: 16px 0; } @media (max-width: 1439px) { .header__inner { min-height: 64px; padding: 12px 0; } } @media (max-width: 1023px) { .header__inner { padding: 8px; } } @media (max-width: 767px) { .header__inner { padding: 8px 0; } } .header__logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #1c1b15; } .header__logo--desktop { display: none; transition: opacity 0.2s ease 0s; } .header__logo--mobile { display: block; width: 134px; height: 48px; transition: opacity 0.2s ease 0s; } .header__logo--mobile .logo { width: 100%; height: 100%; } @media (max-width: 1023px) { .header__logo--mobile { width: 119px; height: 26px; } } .header .logo[href] { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; transition: all 0.2s ease 0s; } @media (hover: hover) { .header .logo[href]:hover:not(.focus-visible) { /* color: #6d6d6d; */ opacity: 0.7; } } /* .header .logo[href].focus-visible:focus { color: #6d6d6d; opacity: 1; } */ @media (hover: hover) { .header .logo[href]:active:not(.focus-visible) { color: #1c1b15; opacity: 1; } } .header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__right { -webkit-box-flex: 0; -ms-flex: 0 1 38%; flex: 0 1 38%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -4px 0; } @media (max-width: 1439px) { .header__right { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; } } @media (max-width: 1023px) { .header__right { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } } @media (max-width: 1023px) { .header__right .search-form { display: none; } } .header .search-form { -webkit-box-flex: 1; -ms-flex: 1 0 100px; flex: 1 0 100px; margin: 4px 4px; max-width: 210px; } .header .search-form:last-of-type { margin: 4px 0 4px 4px; } @media (max-width: 1023px) { .header .search-form { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; } } .header__cart-btn { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; position: relative; 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: 40px; height: 40px; border: 0; border-radius: 14px; background-color: rgba(255, 255, 255, 0); color: #1c1b15; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media (hover: hover) { .header__cart-btn:hover:not(.focus-visible) { color: #6d6d6d; } } .header__cart-btn.focus-visible:focus { color: #6d6d6d; } @media (hover: hover) { .header__cart-btn:active:not(.focus-visible) { color: #1c1b15; } } .header__cart-icon { width: 16px; height: 16px; } .header__cart-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .header__cart-number { position: absolute; right: 6px; top: 6px; 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: 14px; height: 14px; padding: 2px 4px; font-size: 9px; line-height: 1; font-weight: 550; color: #ffffff; white-space: nowrap; overflow: hidden; background-color: #ff3900; border-radius: 50%; } .header .nav-catalog { position: fixed; top: var(--header-height, 136px); left: 0; right: 0; } @media (max-width: 1023px) { .header .nav-catalog { position: static; } } .header-support-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .header-support-nav__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; margin: 0; padding: 0; list-style-type: none; } .header-support-nav__item--on-desktop-hidden { display: none; visibility: hidden; } @media (max-width: 1023px) { .header-support-nav__item--on-desktop-hidden { display: block; visibility: visible; } } @media (max-width: 1023px) { .header-support-nav__item--on-mobile-hidden { display: none; visibility: hidden; } } .header-support-nav__link { border: 0; background: transparent; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; 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; width: 40px; height: 40px; margin: 0; padding: 8px; font-size: 0; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .header-support-nav__link:where(:hover, :focus-visible) { color: #6d6d6d; } .header-support-nav__link:active { color: #1c1b15; } .header-support-nav__link.is-logged-in { margin-left: 4px; font-size: 16px; font-weight: 480; line-height: 1.16; text-transform: uppercase; color: #1c1b15; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition-property: border, opacity; transition-property: border, opacity; } .header-support-nav__link.is-logged-in:is(:hover, :focus-visible) { border-color: #1c1b15; } .header-support-nav__link.is-logged-in:active { opacity: 0.5; } .header-support-nav__link[data-notice] { position: relative; isolation: isolate; } .header-support-nav__link[data-notice]::before { content: attr(data-notice); position: absolute; top: 4px; right: 4px; z-index: 1; 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: 14px; height: 14px; font-size: 9px; font-weight: 550; line-height: 1.16; text-align: center; letter-spacing: -0.01em; color: #ffffff; background-color: #D6001C; border-radius: 50%; } .header-support-nav__link[data-action-trigger=fav] { fill-opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, -webkit-transform; transition-property: color, -webkit-transform; transition-property: transform, color; transition-property: transform, color, -webkit-transform; } .header-support-nav__link[data-action-trigger=fav]:where(:hover, :focus-visible) { -webkit-transform: scale(0.8); transform: scale(0.8); } .header-support-nav__link[data-action-trigger=fav][aria-pressed=true] .header-support-nav__link-icon { fill-opacity: 1; } .header-support-nav__link-icon { width: 24px; height: 24px; } @media (max-width: 1439px) { .header-support-nav__link-icon { width: 20px; height: 20px; } } :root { --main-nav-header-mob-height: 60px; } .main-nav__toggle { display: none; } @media (max-width: 1023px) { .main-nav__toggle { display: block; } } .main-nav__wrapper { position: relative; isolation: isolate; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .main-nav__wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 111; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: var(--mobile-nav-bar-height); visibility: hidden; height: calc(var(--vh, 1vh) * 100); background-color: #ffffff; opacity: 1; -webkit-transition: visibility 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: visibility 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out, visibility 0.4s ease-out; transition: transform 0.4s ease-out, visibility 0.4s ease-out, -webkit-transform 0.4s ease-out; } } .main-nav__header { display: none; } @media (max-width: 1023px) { .main-nav__header { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--main-nav-header-mob-height); padding: 0 16px; } } .main-nav__header-nav { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin: 0; margin-left: auto; padding: 0; } .main-nav__header-nav-link { 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: 0; padding: 8px; font-size: 0; } .main-nav__header-nav-link[data-action-trigger=fav] { fill-opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, -webkit-transform; transition-property: color, -webkit-transform; transition-property: transform, color; transition-property: transform, color, -webkit-transform; } .main-nav__header-nav-link[data-action-trigger=fav]:where(:hover, :focus-visible) { -webkit-transform: scale(0.8); transform: scale(0.8); } @media (max-width: 1023px) { .main-nav__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: auto; height: 100%; padding: 0; padding-bottom: 40px; } } .main-nav__section { border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .main-nav__menu-desktop { display: none; visibility: hidden; } } .main-nav__menu-mobile { display: none; visibility: hidden; } @media (max-width: 1023px) { .main-nav__menu-mobile { display: block; visibility: visible; } } .main-nav__burger-menu { padding-bottom: 32px; } .main-nav__socials { margin: 0; padding: 32px 16px; } .main-nav__socials-title { margin: 0; margin-bottom: 8px; padding: 0; font-size: 16px; font-weight: 480; line-height: 1.32; color: #1c1b15; } .main-nav__socials-list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .main-nav__socials-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .main-nav__advantages { margin: 0; padding: 20px 16px; } .main-nav__advantages-list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 4px; } .main-nav__advantage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .main-nav__advantage-text { margin: 0; padding: 0; font-size: 16px; font-weight: 480; line-height: 1.32; color: #1c1b15; } .main-nav__footer { position: absolute; inset: 0; top: auto; z-index: 1; display: none; visibility: hidden; margin: 0; padding: 16px; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .main-nav__footer { display: block; visibility: visible; } } .main-nav__footer-btn { 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: 100%; height: auto; margin: 0; padding: 11px 48px; font-size: 16px; font-weight: 480; line-height: 1; text-transform: lowercase; color: #1c1b15; background-color: #ffffff; border: 1px solid #1c1b15; cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .main-nav__footer-btn:where(:hover, :focus-visible) { color: #ffffff; background-color: #1c1b15; } .main-nav__footer-btn:active { background-color: #3a3a3a; } @media (max-width: 1023px) { .main-nav .nav-catalog { margin: 0 0 46px; } } .main-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -8px -16px; padding: 0; list-style-type: none; } @media (max-width: 1023px) { .main-nav__list { display: none; } } .main-nav__item { margin: 8px 16px; } .main-nav__link { min-height: 40px; padding: 10px 0; font-size: 16px; font-weight: 480; line-height: 20px; text-transform: lowercase; } .main-nav__link svg { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .main-nav__link.is-open svg { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .main-nav__link[aria-pressed=true] .link__icon-wrapper { rotate: 180deg; } .main-nav .search-form { margin: 0 0 16px; } .main-nav .social { display: none; visibility: hidden; } @media (max-width: 1023px) { .main-nav .social { display: block; visibility: visible; } } .main-nav .social:not(:last-child) { margin: 0 0 40px 0; } .main-nav .social__subtitle { margin: 0 0 14px; } .main-nav-menu__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; row-gap: 16px; margin: 0; padding: 0; list-style-type: none; } .main-nav-menu__link { min-height: 40px; padding: 10px 0; font-size: 16px; font-weight: 480; line-height: 1.16; text-transform: lowercase; color: #1c1b15; } .main-nav-menu__link svg { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .main-nav-menu__link.is-open svg { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .main-nav-menu__link.is-active .link__icon-wrapper { rotate: 180deg; } .main-nav-menu__tabs { position: fixed; top: var(--header-height, 136px); right: 0; left: 0; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; width: 100%; height: auto; min-height: 460px; max-height: 480px; margin: 0; padding: 0; background-color: #ffffff; opacity: 0; pointer-events: none; overflow: auto; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity; } .main-nav-menu__tabs::before { content: ""; position: fixed; inset: 0; top: var(--header-height, 136px); z-index: -2; display: block; width: 100%; height: 100%; min-height: calc(100 * var(--vh, 1vh)); background-color: rgba(0, 0, 0, 0.44); pointer-events: none; } .main-nav-menu__tabs.is-active { visibility: visible; opacity: 1; pointer-events: initial; } .main-nav-menu__tab { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; visibility: hidden; width: 100%; height: auto; margin: 0; padding: 24px; padding-top: 0; background-color: #ffffff; opacity: 0; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity; } .main-nav-menu__tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; pointer-events: initial; } .main-nav-menu__tab-menu { 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; width: 212px; height: auto; margin: 0; padding: 0; list-style-type: none; } .main-nav-menu__tab-item { display: block; margin: 0; padding: 12px 0; } .main-nav-menu__tab-item-hidden-pic { display: none; visibility: hidden; } .main-nav-menu__tab-picture { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .main-nav-menu__tab-picture.is-active { visibility: visible; opacity: 1; } .main-nav-menu__tab-picture picture { display: block; width: 100%; max-width: 448px; height: 100%; max-height: 436px; } .main-nav-menu__tab-picture picture img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .main-nav-menu__tab-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; font-size: 16px; font-style: normal; font-weight: 480; line-height: 1.16; text-transform: lowercase; color: #6d6d6d; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .main-nav-menu__tab-link.is-active, .main-nav-menu__tab-link:where(:hover, :focus-visible) { color: #1c1b15; } .main-nav-menu__tab-link:active { opacity: 0.75; } .main-nav-menu__tab-link--red { /* color: rgba(255, 57, 0, 0.75); */ color: #D6001C; } .main-nav-menu__tab-link--red.is-active, .main-nav-menu__tab-link--red:where(:hover, :focus-visible) { /* color: #ff3900; */ color: #D6001C; } .main-nav-menu__tab-link--green { color: rgba(0, 160, 101, 0.75); } .main-nav-menu__tab-link--green.is-active, .main-nav-menu__tab-link--green:where(:hover, :focus-visible) { color: #00a065; } .main-nav-menu__tab-link--blue { color: rgba(38, 93, 255, 0.75); } .main-nav-menu__tab-link--blue.is-active, .main-nav-menu__tab-link--blue:where(:hover, :focus-visible) { color: #265dff; } .main-nav-menu__tab-link.is-active .main-nav-menu__tab-link-icon, .main-nav-menu__tab-link:where(:hover, :focus-visible) .main-nav-menu__tab-link-icon { opacity: 1; } .main-nav-menu__tab-link-icon { rotate: 180deg; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .main-nav-menu__tab-sublist { position: absolute; top: 0; left: calc(100% + 24px); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; visibility: hidden; margin: 0; padding: 0; list-style-type: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .main-nav-menu__tab-sublist.is-active { visibility: visible; opacity: 1; } .main-nav-menu__tab-subitem { width: 100%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; margin: 0; padding: 8px 0; line-height: 1; } .main-nav-menu__tab-sublink { margin: 0; padding: 0; font-size: 14px; font-style: normal; font-weight: 440; line-height: 1; text-transform: lowercase; color: #6d6d6d; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .main-nav-menu__tab-sublink:where(:hover, :focus-visible) { color: #1c1b15; } .main-nav-menu__tab-sublink:active { opacity: 0.5; } .burger-nav-menu { position: relative; } .burger-nav-menu__menu { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0 16px; } .burger-nav-menu__item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .burger-nav-menu__link { 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; width: 100%; height: auto; margin: 0; padding: 16px 0; font-size: 16px; font-weight: 480; line-height: 1.16; text-transform: lowercase; color: #1c1b15; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .burger-nav-menu__link:where(:hover, :focus-visible) { color: #6d6d6d; } .burger-nav-menu__link:active { opacity: 0.75; } .burger-nav-menu__link--red { color: #D6001C; } .burger-nav-menu__link--green { color: #00a065; } .burger-nav-menu__link--blue { color: #265dff; } .burger-nav-menu__link--no-icn svg { display: none; visibility: hidden; } .burger-nav-menu__category-sublist-section { position: fixed; inset: 0; top: 60px; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1; background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .burger-nav-menu__category-sublist-section.is-open { -webkit-transform: translateX(0); transform: translateX(0); } .burger-nav-menu__category-sublist-top { margin: 0; padding: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .burger-nav-menu__category-sublist-container { --vh100: calc(100 * var(--vh, 1vh)); --sublist-head-height: calc(var(--main-nav-header-mob-height) + 57px); --sublist-max-height: calc(var(--vh100) - var(--sublist-head-height) - var(--mobile-nav-bar-height)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; height: 100%; max-height: var(--sublist-max-height); overflow-y: auto; } .burger-nav-menu__return-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; width: 100%; height: auto; margin: 0; padding: 8px; font-size: 16px; font-weight: 480; line-height: 1.16; text-transform: lowercase; color: #1c1b15; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .burger-nav-menu__return-btn:where(:hover, :focus-visible) { color: #6d6d6d; } .burger-nav-menu__return-btn:active { opacity: 0.75; } .footer { padding: 64px 0 0; color: #1c1b15; background-color: #f7f7f7; } @media (max-width: 1023px) { .footer { padding-bottom: var(--mobile-nav-bar-height); } } @media (max-width: 1023px) { .footer .container { padding: 0 16px; } } .footer__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 26px; } @media (max-width: 1023px) { .footer__content-wrapper { padding-bottom: 0; } } @media (max-width: 767px) { .footer__content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .footer__links { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .footer__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 7px; } } .footer__logo .logo { width: 79px; height: 40px; } @media (max-width: 1023px) { .footer__logo { margin-right: 0; } } .footer__social { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-bottom: 20px; padding-top: 6px; } .footer__social:last-of-type { margin-bottom: 0; } @media (max-width: 1919px) { .footer__social { padding-left: 0; } } @media (max-width: 1023px) { .footer__social { padding-left: 8px; } } @media (max-width: 767px) { .footer__social { padding-top: 36px; padding-left: 0; padding-bottom: 31px; -webkit-box-flex: 1; -ms-flex: 1 1 100px; flex: 1 1 100px; } } .footer__catalog { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-bottom: 20px; margin-left: auto; padding-top: 6px; } .footer__catalog:last-of-type { margin-bottom: 0; } @media (max-width: 767px) { .footer__catalog { padding-bottom: 32px; padding-top: 32px; margin-left: 0; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .footer__catalog:first-of-type { padding-top: 0; } } .footer__catalog-subtitle { margin: 0 0 22px; } .footer__catalog-list { list-style-type: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0; padding: 0; } .footer__catalog-item { max-width: 248px; text-transform: lowercase; padding: 11.8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__copyright-wrapper { display: grid; grid-template-columns: 30% 40% 30%; width: 100%; padding: 56px 0 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .footer__copyright-wrapper { padding: 56px 0; grid-template-columns: 50% 50%; } } @media (max-width: 767px) { .footer__copyright-wrapper { grid-template-columns: 1fr; padding: 32px 0 14px; } } .footer__copyright-text { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 52px; } @media (max-width: 1919px) { .footer__copyright-text { padding-left: 0; } } @media (max-width: 1439px) { .footer__copyright-text { margin-left: 0; margin-right: 50px; } } @media (max-width: 1023px) { .footer__copyright-text { display: none; } } .footer__copyright-link { max-width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__copyright-link--right { justify-self: last baseline; } @media (max-width: 767px) { .footer__copyright-link--right { justify-self: normal; } } @media (max-width: 767px) { .footer__copyright-link { padding: 8px 0; margin-bottom: 16px; } } .footer__logo-block { display: none; -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; } @media (max-width: 1023px) { .footer__logo-block { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 32px 0; } } .footer__logo-description { max-width: 197px; margin: 0; font-size: 14px; line-height: 16px; font-weight: 440; text-align: center; color: #D6001C; } .footer__logo-slogan { margin: 17px 0; font-size: 16px; line-height: 20px; font-weight: 480; color: #D6001C; } /* Кастомные стили для страницы «Ателье» */ .main--atelier ~ .footer { padding-bottom: calc(var(--mobile-nav-bar-height) + 70px); } .btn { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 48px; min-height: 48px; font-size: 16px; font-style: normal; line-height: 116%; font-weight: 480; text-transform: lowercase; background-color: #1c1b15; color: #ffffff; border: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; text-align: center; } @media (hover: hover) { .btn:hover:not(.focus-visible) { background-color: #6d6d6d; } } .btn.focus-visible:focus { background-color: #6d6d6d; } @media (hover: hover) { .btn:active:not(.focus-visible) { background-color: #3a3a3a; } } .btn__text { font-style: normal; } .btn__loader { position: absolute; top: 50%; left: 50%; display: none; width: 20px; height: 20px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .btn__loader svg { width: 100%; height: 100%; -webkit-animation: loader 1s linear infinite; animation: loader 1s linear infinite; -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .btn__price { display: inline; position: relative; margin-left: 28px; white-space: nowrap; } .btn__price::before { content: ""; position: absolute; top: 50%; left: -16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #b0b0b0; } .btn--gray { background-color: #6d6d6d; } @media (hover: hover) { .btn--gray:hover:not(.focus-visible) { background-color: #1c1b15; } } .btn--gray.focus-visible:focus { background-color: #1c1b15; } .btn--white { background-color: #ffffff; color: #1c1b15; } @media (hover: hover) { .btn--white:hover:not(.focus-visible) { background-color: #1c1b15; color: #ffffff; } } .btn--white.focus-visible:focus { background-color: #1c1b15; color: #ffffff; } .btn--bordered { background-color: #ffffff; color: #1c1b15; border: 1px solid #1c1b15; padding: 9px 47px; } @media (hover: hover) { .btn--bordered:hover:not(.focus-visible) { background-color: #1c1b15; color: #ffffff; } } .btn--bordered.focus-visible:focus { background-color: #1c1b15; color: #ffffff; } .btn--underlined { background-color: transparent; color: #1c1b15; border-bottom: 1px solid #1c1b15; min-height: 40px; padding: 10px; } @media (hover: hover) { .btn--underlined:hover:not(.focus-visible) { border-color: transparent; background-color: transparent; color: #1c1b15; } } .btn--underlined.focus-visible:focus { border-color: transparent; background-color: transparent; color: #1c1b15; } .btn--arrow, .btn--arrow-left, .btn--arrow-black, .btn--arrow.swiper-button-prev, .btn--arrow.swiper-button-next { background-color: transparent; color: #1c1b15; height: 48px; width: 48px; padding: 0; } @media (max-width: 575px) { .pagination .btn--arrow, .pagination .btn--arrow-left { height: 35px; width: 35px; min-height: 35px; } } .btn--arrow .btn__text, .btn--arrow-left .btn__text, .btn--arrow-black .btn__text { display: none; } .btn--arrow .btn__icon, .btn--arrow-left .btn__icon, .btn--arrow-black .btn__icon { overflow: hidden; width: 16px; height: 16px; } .btn--arrow svg, .btn--arrow-left svg, .btn--arrow-black svg { width: 17px; height: 16px; -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media (hover: hover) { .btn--arrow:hover:not(.focus-visible), .btn--arrow-left:hover:not(.focus-visible), .btn--arrow-black:hover:not(.focus-visible) { background-color: transparent; color: #1c1b15; } .btn--arrow:hover:not(.focus-visible) svg, .btn--arrow-left:hover:not(.focus-visible) svg, .btn--arrow-black:hover:not(.focus-visible) svg { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .btn--arrow.focus-visible:focus, .btn--arrow-left.focus-visible:focus, .btn--arrow-black.focus-visible:focus { background-color: transparent; color: #1c1b15; } .btn--arrow.focus-visible:focus svg, .btn--arrow-left.focus-visible:focus svg, .btn--arrow-black.focus-visible:focus svg { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn--arrow-black { background-color: #1c1b15; color: #ffffff; width: 48px; height: 48px; padding: 0; } @media (hover: hover) { .btn--arrow-black:hover:not(.focus-visible) { background-color: #6d6d6d; color: #ffffff; } } .btn--arrow-black.focus-visible:focus { background-color: #6d6d6d; color: #ffffff; } .btn--arrow-black:active, .btn--arrow-black:active:not(.focus-visible) { background-color: #3a3a3a; } .btn--arrow-left .btn__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .btn--small { min-height: 40px; } .btn.is-loading .btn__text, .btn.is-loading .btn__icon { opacity: 0; } .btn.is-loading .btn__loader { display: block; } .btn:disabled { color: #929292; background-color: rgba(0, 0, 0, 0.1); pointer-events: none; } .btn--big { padding: 14px 16px; } @media (max-width: 767px) { .btn--big { padding: 9px 24px; } } .btn--fluid { width: 100%; } .btn.active { background-color: #3a3a3a; } .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; width: 24px; height: 24px; border: 0; background-color: rgba(255, 255, 255, 0); -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, color 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, color 0.3s ease; color: #1c1b15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .btn-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (hover: hover) { .btn-icon:hover:not(.focus-visible) { color: #6d6d6d; } } .btn-icon.focus-visible:focus { color: #6d6d6d; } @media (hover: hover) { .btn-icon:active:not(.focus-visible) { color: #1c1b15; } } .btn-icon--small { width: 16px; height: 16px; } .btn-icon--large { width: 32px; height: 32px; } .btn-icon--big { width: 48px; height: 48px; } .btn-icon--big svg { width: 24px; height: 24px; } @media (max-width: 767px) { .btn-icon--big { width: 40px; height: 40px; } } .btn-icon--large-adaptive { width: 32px; height: 32px; } @media (max-width: 767px) { .btn-icon--large-adaptive { padding: 5px; } } .btn-icon--gray { color: #9c9c9c; } @media (hover: hover) { .btn-icon--gray:hover:not(.focus-visible) { color: #3a3a3a; } } .btn-icon--gray.focus-visible:focus { color: #3a3a3a; } @media (hover: hover) { .btn-icon--gray:active:not(.focus-visible) { color: #9c9c9c; } } .intro { /* max-width: 1920px; */ margin-left: auto; margin-right: auto; padding-bottom: 180px; } .intro [data-slider=intro-mob] { display: none; } .intro__slider-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: calc(100 * var(--vh, 1vh) - var(--header-height, 100px)); } .intro__slider-item--double .category-card { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .intro__pag { --pag-width: 0; } .intro__pag.swiper-pagination-bullets { position: absolute; bottom: 24px; left: 0; width: 100%; padding-left: 24px; padding-right: 24px; gap: 4px; z-index: 3; pointer-events: none; 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; } .intro__pag .swiper-pagination-bullet { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 2px; width: 64px; border-radius: 0; opacity: 1; margin: 0; background: rgba(255, 255, 255, 0.2); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .intro__pag .swiper-pagination-bullet::before { content: ""; width: var(--pag-width, 0); display: block; background: #ffffff; } .intro__nav { position: absolute; z-index: 1; width: 100%; left: 0; padding-left: 16px; padding-right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); 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; pointer-events: none; } .intro__nav-btn { 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; width: 40px; height: 40px; min-height: auto; background-color: #ffffff; pointer-events: all; } .intro__nav-btn:is(:hover, :focus-visible), .intro__nav-btn:is(:hover, :focus-visible):not(.focus-visible) { background-color: #ffffff; } .intro__nav-btn--prev { rotate: 180deg; } @media (max-width: 1919px) { .intro { padding-bottom: 128px; } } @media (max-width: 1023px) { .intro { padding-bottom: 96px; } .intro [data-slider=intro] { display: none; } .intro [data-slider=intro-mob] { display: block; } .intro__slider-item { height: calc(100 * var(--vh, 1vh) - var(--header-height, 100px) - var(--mobile-nav-bar-height, 77px)); } .intro__nav { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: unset; gap: 2px; top: unset; bottom: 30px; -webkit-transform: none; transform: none; padding-left: 24px; } .intro__pag { gap: 8px; } .intro__pag.swiper-pagination-bullets { bottom: 8px; } .intro__pag .swiper-pagination-bullet { width: 100%; } } @media (max-width: 767px) { .intro { padding-bottom: 66px; } .intro__slider-item--video { display: none; } .intro__nav { display: none; } } .title { margin: 0; font-weight: 480; } .title--h1 { font-size: 48px; line-height: 108%; letter-spacing: -0.02em; } .title--h2 { font-size: 32px; line-height: 133%; font-weight: 460; } @media (max-width: 767px) { .title--h2 { font-weight: 480; font-size: 24px; letter-spacing: -0.01em; } } .title--h3 { font-size: 24px; line-height: 133%; letter-spacing: -0.01em; } .title--h4 { font-size: 20px; line-height: 133%; letter-spacing: -0.01em; } .title--xl-adaptive { font-size: 196px; line-height: 137%; } @media (max-width: 767px) { .title--xl-adaptive { font-size: 128px; line-height: 133%; } } .title--h1-adaptive { font-size: 48px; line-height: 108%; letter-spacing: -0.02em; } @media (max-width: 767px) { .title--h1-adaptive { font-size: 32px; line-height: 133%; font-weight: 460; } } .title--h2-adaptive { font-size: 32px; line-height: 133%; font-weight: 460; } @media (max-width: 767px) { .title--h2-adaptive { font-size: 20px; line-height: 133%; letter-spacing: -0.01em; } } .title--h3-adaptive { font-size: 24px; line-height: 133%; } @media (max-width: 767px) { .title--h3-adaptive { font-size: 20px; line-height: 27px; } } .title--h2-low { font-size: 32px; line-height: 110%; font-weight: 460; } .title--red { color: #D6001C; } .title--blue { color: #265dff; } .title--white { color: #ffffff; } .title--white2 { color: #fffcf2; } .text p { margin: 0; } .text--primary { font-size: 16px; line-height: 132%; font-weight: 440; } .text--secondary { font-size: 14px; line-height: 117%; font-weight: 440; } .text--tretiary { font-size: 22px; line-height: 144%; font-weight: 500; letter-spacing: -0.01em; } .text--caption { font-size: 12px; line-height: 126%; font-weight: 460; } .text--accent { font-size: 14px; line-height: 126%; font-weight: 480; letter-spacing: -0.01em; } .text--primary-accent { font-size: 16px; line-height: 132%; font-weight: 480; } .text--secondary-accent { font-size: 24px; line-height: 133%; font-weight: 480; letter-spacing: -0.01em; } .text--primary-variable { font-size: 16px; line-height: 132%; font-weight: 500; } @media (max-width: 767px) { .text--primary-variable { font-size: 14px; line-height: 126%; font-weight: 500; letter-spacing: -0.01em; } } .text--primary-adaptive { font-size: 16px; line-height: 132%; font-weight: 440; } @media (max-width: 767px) { .text--primary-adaptive { font-size: 14px; line-height: 117%; } } .text--primary-caption { font-size: 16px; line-height: 132%; font-weight: 440; } @media (max-width: 1023px) { .text--primary-caption { font-size: 14px; line-height: 117%; font-weight: 440; } } @media (max-width: 767px) { .text--primary-caption { font-size: 12px; line-height: 126%; font-weight: 460; } } .text--btn { font-size: 16px; line-height: 116%; font-weight: 480; letter-spacing: 0; } .banner { 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; width: 100%; color: #1c1b15; background-color: #ffffff; padding: 8px 0; min-height: 40px; /* margin-bottom: -15px; */ } .banner p { /* font-family: 'Medium'; */ margin: 0; padding: 0 24px; font-size: 16px; line-height: 21px; font-weight: 500; text-transform: lowercase; text-align: center; } @media (max-width: 767px) { .banner p { font-size: 14px; line-height: 17px; } } .banner--bg-grey { background-color: #E3E3E3; } .banner--bg-pink { background-color: #ff5ea1; } .banner--bg-blue { background-color: #265dff; } .banner--bg-green { background-color: #00a065; } .banner--bg-black { color: #fffcf2; background-color: #1c1b15; } @media (max-width: 1023px) { .social { padding: 32px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } } @media (max-width: 767px) { .social { border-top: none; } } .social--no-border { border: none; } .social--one-col .social__list { -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: 0; } .social__subtitle { margin: 0; } .social__list { margin: 0; padding: 0; list-style-type: none; } @media (min-width: 768px) and (max-width: 1023px) { .social__list { display: -webkit-box; display: -ms-flexbox; display: flex; column-gap: 50px; /* -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 12px; } } .social__item { padding: 8px 0; } .social__item:first-child{ padding-top: 12px; } .social__item .link .link__text { padding-bottom: 2px; } .search-form { position: relative; } .search-form__input { position: relative; } .search-form__icon, .search-form__reset { position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 16px; height: 16px; } .search-form__icon svg, .search-form__reset svg { width: 100%; height: 100%; } .search-form__icon { left: 16px; } .search-form__reset { right: 16px; width: 16px; height: 16px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, color 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, color 0.3s ease; } .search-form input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 40px; padding: 8px 40px; font-size: 14px; font-weight: 440; line-height: 17px; text-transform: lowercase; color: #1c1b15; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; /* Фиксы для Safari (17) */ font-family: -apple-system, "TT Fors", "Arial", sans-serif; } .search-form input::-webkit-input-placeholder { color: #1c1b15; } .search-form input::-moz-placeholder { text-overflow: ellipsis; } .search-form input::-ms-input-placeholder { text-overflow: ellipsis; } .search-form input:-moz-placeholder-shown { text-overflow: ellipsis; } .search-form input::placeholder, .search-form input:placeholder-shown { text-overflow: ellipsis; } .search-form input:where(:focus, :focus-visible)::-webkit-input-placeholder { opacity: 0; } .search-form input:where(:focus, :focus-visible)::-moz-placeholder { opacity: 0; } .search-form input:where(:focus, :focus-visible)::-ms-input-placeholder { opacity: 0; } .search-form input:where(:focus, :focus-visible)::placeholder { opacity: 0; } @media (hover: hover) { .search-form input:hover:not(.focus-visible) { border-color: rgba(28, 27, 21, 0.5); } } .search-form input.focus-visible:focus { border-color: #1c1b15; outline: 0; } @media (max-width: 1023px) { .search-form input { height: 48px; font-size: 16px; line-height: 20px; } } .search-form input:-webkit-autofill ~ .search-form__reset, .search-form input:not(:placeholder-shown) ~ .search-form__reset { opacity: 1; visibility: visible; pointer-events: all; } .categories { padding-bottom: 96px; } .categories .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .categories { padding-bottom: 64px; } } .categories__gallery { margin: 0 -24px 64px; } @media (max-width: 1023px) { .categories__gallery { margin: 0 -16px 24px; } } @media (max-width: 767px) { .categories__gallery { margin: 0 -16px 26px; } } .categories .grid-columns--double { margin-bottom: 4px; } @media (max-width: 1023px) { .categories .grid-columns--double { margin-bottom: 2px; } } @media (max-width: 1919px) { .categories .grid-columns--triple .title { margin-bottom: 10px; } } @media (max-width: 1023px) { .categories .grid-columns--triple .title { margin-bottom: 0; } } .categories__card { padding: 20px; min-height: 854px; } .categories__card.category-card { height: auto; } @media (max-width: 1919px) { .categories__card { min-height: 640px; } } @media (max-width: 1023px) { .categories__card { min-height: 460px; } } @media (max-width: 1023px) { .categories__card .title { max-width: 320px; } } .categories__btn { -ms-flex-item-align: center; align-self: center; width: 191px; } .nav-toggle { width: 40px; height: 40px; padding: 0; border: 0; background-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .nav-toggle svg { width: 100%; height: 100%; } .nav-catalog { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; position: relative; opacity: 0; visibility: hidden; pointer-events: none; will-change: opacity, visibility; -webkit-transition: opacity 0.4s ease-out, visibility 0.4s ease-out; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .nav-catalog.is-open { opacity: 1; visibility: visible; pointer-events: all; } .nav-catalog.is-open .nav-catalog__inner { visibility: visible; } .nav-catalog.is-open .nav-catalog__element.is-active { visibility: visible; } @media (max-width: 1023px) { .nav-catalog { opacity: 1; visibility: visible; pointer-events: all; } } .nav-catalog::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 103; content: ""; } @media (max-width: 1023px) { .nav-catalog::before { display: none; } } .nav-catalog__overlay { position: fixed; left: 0; top: var(--header-height, 136px); right: 0; min-height: calc(var(--vh, 1vh) * 100); background-color: rgba(0, 0, 0, 0.44); z-index: 102; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s ease-out, visibility 0.4s ease-out; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; } .nav-catalog__overlay.is-shown { opacity: 1; visibility: visible; pointer-events: all; } @media (max-width: 1023px) { .nav-catalog__overlay { display: none; } } .nav-catalog__inner { grid-row: 1/2; grid-column: 1/2; position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding: 1px 24px 24px; max-height: 480px; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: visibility 0.4s ease-out, opacity 0.4s ease-out; transition: visibility 0.4s ease-out, opacity 0.4s ease-out; visibility: hidden; background-color: #ffffff; z-index: 104; } @media (max-width: 1919px) { .nav-catalog__inner { padding: 1px 24px 24px; } } @media (max-width: 1023px) { .nav-catalog__inner { display: block; padding: 0; } } .nav-catalog__list { padding: 0; margin: 0 24px 0 0; list-style-type: none; -webkit-box-flex: 0; -ms-flex: 0 0 212px; flex: 0 0 212px; } @media (max-width: 1023px) { .nav-catalog__list { margin: 0; } } .nav-catalog__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 11px; border: 0; background-color: rgba(255, 255, 255, 0); color: #6d6d6d; font-size: 16px; line-height: 19px; font-weight: 480; text-transform: lowercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .nav-catalog__btn.is-active, .nav-catalog__btn:hover { color: #1c1b15; } .nav-catalog__btn.is-active .nav-catalog__btn-icon, .nav-catalog__btn:hover .nav-catalog__btn-icon { opacity: 1; } @media (max-width: 1023px) { .nav-catalog__btn { padding: 15px 0 16px; width: 100%; min-height: 50px; color: #1c1b15; } } .nav-catalog__btn-text { margin: 0 4px 0 0; } .nav-catalog__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); opacity: 0; -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; } .nav-catalog__btn-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 1023px) { .nav-catalog__btn-icon { opacity: 1; -webkit-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); margin: 0 0 0 auto; } } .nav-catalog .accordion { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-catalog .accordion.is-active .nav-catalog__btn-icon { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .nav-catalog .accordion-content { padding: 6px 0 16px 16px; } .nav-catalog .accordion-content img { display: none; } .nav-catalog__content { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; margin: 0 24px 0 0; } .nav-catalog__content img { display: none; } @media (max-width: 1023px) { .nav-catalog__content { display: none; } } .nav-catalog__content .nav-catalog__element.is-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; will-change: visibility; } .nav-catalog__sublist { padding: 0; margin: 4px 0 0; list-style-type: none; color: #6d6d6d; } @media (max-width: 1023px) { .nav-catalog__sublist { margin: 0; } } .nav-catalog__subitem { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-catalog__subitem .link { padding: 8px 0; min-height: 32px; font-size: 14px; line-height: 16px; font-weight: 440; text-transform: lowercase; } .nav-catalog__image { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 448px; flex: 0 1 448px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 0 auto; width: 100%; height: auto; } .nav-catalog__image::before { display: block; width: 100%; padding-top: 97.32%; content: ""; } .nav-catalog__image .tabs-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .nav-catalog__image .tabs-image.is-shown { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease 0.1s, visibility 0.3s ease 0.1s; transition: opacity 0.3s ease 0.1s, visibility 0.3s ease 0.1s; } .nav-catalog__image .tabs-image img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1023px) { .nav-catalog__image { display: none; } } [data-tabs=parent] { overflow: hidden; } [data-tabs=parent].no-transition > [data-tabs=control], [data-tabs=parent].no-transition > [data-tabs=content], [data-tabs=parent].no-transition > [data-tabs=element] { -webkit-transition: none; transition: none; } [data-tabs=parent].no-transition-global [data-tabs=control], [data-tabs=parent].no-transition-global [data-tabs=content], [data-tabs=parent].no-transition-global [data-tabs=element] { -webkit-transition: none; transition: none; } [data-tabs=parent] [data-tabs=content] { position: relative; } [data-tabs=element] { position: absolute; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in; transition: opacity 0.3s ease-in, visibility 0.3s ease-in; } [data-tabs=element].for-load { position: static; visibility: visible; opacity: 1; -webkit-transition: none; transition: none; } [data-tabs=element].is-active { z-index: 1; visibility: visible; opacity: 1; } [data-accordion-init] > [data-tabs=content], [data-accordion-init] > [data-tabs=controls] { display: none; } [data-accordion-init] [data-tabs=element] { z-index: 1; visibility: visible; position: static; opacity: 1; } [data-tabs=accordion-wrapper] { display: block; max-height: 0; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; overflow: hidden; } [data-tabs=accordion-content] { overflow: hidden; } [data-tabs=accordion] { overflow: hidden; position: relative; isolation: isolate; } [data-tabs=accordion].is-active > [data-tabs=accordion-wrapper] { max-height: none; } [data-accordion=element].is-active > [data-accordion=content] { max-height: 100%; } [data-accordion=parent].no-transition [data-accordion=content] { -webkit-transition: none; transition: none; } [data-accordion=content] { max-height: 0; -webkit-transition: max-height 0.3s; transition: max-height 0.3s; overflow: hidden; } .page-content { width: 100%; padding: var(--header-height, 136px) 0 128px; } .page-content--about, .page-content--partnership, .page-content--no-bottom-gap { margin-bottom: 0; padding-bottom: 0; } .page-content.page-content--customers { padding-bottom: 0; } @media (max-width: 1439px) { .page-content.page-content--customers { padding-top: 63px; } } .page-content.page-content--contacts { padding-bottom: 0; } @media (max-width: 1023px) { .page-content { padding: var(--header-height, 112px) 0 96px; } .page-content--index { padding-bottom: 0; } .page-content--about, .page-content--partnership { padding-bottom: 0; } .page-content--dialogs { padding-top: 96px; } } @media (max-width: 767px) { .page-content { padding: var(--header-height, 100px) 0 64px; } .page-content--index { padding-bottom: 0; } .page-content--about, .page-content--partnership { padding-bottom: 0; } .page-content--dialogs { padding-top: 0; } } .page-content__top { padding: 27px 0 24px 0; } @media (max-width: 767px) { .page-content__top { padding: 0; } } @media (max-width: 767px) { .page-content__top .breadcrumbs { display: none; } } @media (max-width: 1439px) { .page-content__top--desktop { display: none; } } .page-content--customers .page-content__top { padding-top: 40px; } @media (max-width: 1439px) { .page-content--customers .page-content__top { padding-top: 0; } } .page-content--partnership .page-content__top { padding-top: 40px; padding-bottom: 40px; } .page-content__header { padding: 42px 0 63px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .page-content__header .breadcrumbs { margin: 0 0 28px 0; } .page-content__header .title { max-width: 880px; margin: 0 auto; text-align: center; text-transform: lowercase; color: #1c1b15; } @media (max-width: 374px) { .page-content__header .title { font-size: 28px; } } .page-content .tags-line { margin: 16px 0 0 0; } @media (max-width: 767px) { .page-content .tags-line { margin: 10px 0 0 0; } } .grid-columns { display: grid; } .grid-columns--double { grid-template-columns: 1fr 1fr; gap: 2px; } .grid-columns--triple { grid-template-columns: 1fr 1fr 1fr; gap: 4px; } @media (max-width: 1023px) { .grid-columns { grid-template-columns: 1fr; gap: 2px; } } .catalog-slider { padding: 40px 0 128px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .catalog-slider { padding: 36px 0 96px; } } @media (max-width: 767px) { .catalog-slider { padding: 30px 0 64px; } } .catalog-slider--no-pb { padding-bottom: 0; } @media (max-width: 1023px) { .catalog-slider--no-pb { padding-bottom: 0; } } @media (max-width: 767px) { .catalog-slider--no-pb { padding-bottom: 0; } } .catalog-slider__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .catalog-slider__top { margin-bottom: 20px; } } @media (max-width: 767px) { .catalog-slider__top { margin-bottom: 24px; } } .catalog-slider__slider.swiper-wrapper, .catalog-slider__slider .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 1023px) { .catalog-slider__slider { margin: 0 -16px; } } .catalog-slider__slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 368px; height: unset; margin-right: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 1023px) { .catalog-slider__slider .swiper-slide { width: 345px; } } @media (max-width: 767px) { .catalog-slider__slider .swiper-slide { width: 280px; } } .catalog-slider__btn { display: block; margin: 0 auto; width: 204px; margin-top: 46px; } @media (max-width: 1023px) { .catalog-slider__btn { margin-top: 48px; } } @media (max-width: 767px) { .catalog-slider__btn { margin-top: 36px; } } .catalog-slider__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } @media (max-width: 1023px) { .catalog-slider__arrows { display: none; } } .catalog-slider__arrows .swiper-button-prev, .catalog-slider__arrows .swiper-button-next { position: unset; top: 0; margin-top: 0; } .catalog-slider__arrows .swiper-button-prev::after, .catalog-slider__arrows .swiper-button-next::after { display: none; } .catalog-slider__arrows .swiper-button-prev { -webkit-transform: translate3d(2px, 0, 0) rotate(180deg); transform: translate3d(2px, 0, 0) rotate(180deg); } .catalog-slider__arrows .swiper-button-prev::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 24px; background-color: rgba(0, 0, 0, 0.1); } .catalog-slider-lookbook { padding: 40px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; } @media (max-width: 1023px) { .catalog-slider-lookbook { padding: 36px 0 96px; } } @media (max-width: 767px) { .catalog-slider-lookbook { padding: 30px 0 64px; } } .catalog-slider-lookbook--no-pb { padding-bottom: 0; } @media (max-width: 1023px) { .catalog-slider-lookbook--no-pb { padding-bottom: 0; } } @media (max-width: 767px) { .catalog-slider-lookbook--no-pb { padding-bottom: 0; } } .catalog-slider-lookbook__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .catalog-slider-lookbook__top { margin-bottom: 20px; } } @media (max-width: 767px) { .catalog-slider-lookbook__top { margin-bottom: 24px; } } .catalog-slider-lookbook__slider { margin: 0 -32px; } @media (max-width: 1439px) { .catalog-slider-lookbook__slider { margin: 0 auto; } } @media (max-width: 767px) { .catalog-slider-lookbook__slider { margin: 0 -16px; } } .catalog-slider-lookbook__slider .swiper-slide { width: 620px; height: auto; margin-right: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 1023px) { .catalog-slider-lookbook__slider .swiper-slide { width: 345px; } } @media (max-width: 767px) { .catalog-slider-lookbook__slider .swiper-slide { width: 320px; } } .catalog-slider-lookbook__btn { display: block; margin: 0 auto; width: 204px; margin-top: 46px; } @media (max-width: 1023px) { .catalog-slider-lookbook__btn { margin-top: 48px; } } @media (max-width: 767px) { .catalog-slider-lookbook__btn { margin-top: 36px; } } .catalog-slider-lookbook__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } /* @media (max-width: 1023px) { .catalog-slider-lookbook__arrows { display: none; } } */ .catalog-slider-lookbook__arrows .swiper-button-prev, .catalog-slider-lookbook__arrows .swiper-button-next { position: unset; top: 0; margin-top: 0; } .catalog-slider-lookbook__arrows .swiper-button-prev::after, .catalog-slider-lookbook__arrows .swiper-button-next::after { display: none; } .catalog-slider-lookbook__arrows .swiper-button-prev { -webkit-transform: translate3d(2px, 0, 0) rotate(180deg); transform: translate3d(2px, 0, 0) rotate(180deg); } .catalog-slider-lookbook__arrows .swiper-button-prev::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 24px; background-color: rgba(0, 0, 0, 0.1); } .product-card { 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; height: 100%; width: 100%; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; scroll-margin-top: var(--header-height, 100px); } .swiper-slide .product-card { margin-bottom: 0; height: unset; } .product-card--catalog::before, .product-card--product::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 2; background: rgba(0, 0, 0, 0.1); pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .product-card--catalog:hover:not(.focus-visible)::before, .product-card--product:hover:not(.focus-visible)::before { opacity: 1; } .product-card__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; cursor: pointer; } .product-card--catalog .product-card__link { pointer-events: none; } .product-card__label { position: absolute; top: 8px; left: 8px; } .product-card__images { 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; position: relative; aspect-ratio: 0.8559322034/1; margin-bottom: 16px; } /* @media only screen and (max-width: 767px) { .catalog__cards-item:nth-child(6) .product-card__images, .catalog__cards-item:nth-child(11) .product-card__images, .catalog__cards-item:nth-child(16) .product-card__images, .catalog__cards-item:not(:nth-child(3)):nth-child(18n+3) .product-card__images, .catalog__cards-item:not(:nth-child(8)):nth-child(18n+8) .product-card__images, .catalog__cards-item:not(:nth-child(13)):nth-child(18n+13) .product-card__images, .catalog__cards-item:not(:nth-child(18)):nth-child(18n) .product-card__images { aspect-ratio: 1; } } */ .product-card--catalog .product-card__images { margin: 0; } .catalog-slider .product-card__images { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .product-card__empty { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 16px; -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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-transform: lowercase; color: #b0b0b0; } .product-card__empty-icn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; color: #b0b0b0; } .product-card__video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0; pointer-events: none; } .product-card__fav-trigger { position: absolute; top: 8px; right: 8px; z-index: 1; 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; font-size: 0; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; fill-opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, -webkit-transform; transition-property: color, -webkit-transform; transition-property: transform, color; transition-property: transform, color, -webkit-transform; } .product-card__fav-trigger:where(:hover, :focus-visible) { -webkit-transform: scale(0.8); transform: scale(0.8); } .product-card__fav-trigger.is-active, .product-card__fav-trigger[aria-pressed=true] { fill-opacity: 1; } .product-card__fav-trigger-icon { width: 24px; height: 24px; } .product-card__slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .product-card__slider.is-alone .product-card__slider-pag { display: none; } .product-card__slider-pic img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center 0; object-position: center 0; } .product-card__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; -webkit-clip-path: inset(1px 1px); clip-path: inset(1px 1px); } .product-card__image--on-hover { opacity: 0; } .product-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-position: center 0; object-position: center 0; } .product-card__info { margin-top: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #1c1b15; position: relative; } .product-card__info:not(:last-of-type) { margin-bottom: 10px; } .product-card--catalog .product-card__info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 20px 16px; display: grid; grid-template-columns: 1fr -webkit-min-content; grid-template-columns: 1fr min-content; gap: 6px 10px; } .product-card--product .product-card__info { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .catalog-slider .product-card__info { margin-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; height: 100%; } .product-card__title { max-width: 300px; margin: 0 0 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* stylelint-disable-next-line */ display: -webkit-box; overflow: hidden; /* stylelint-disable */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; /* stylelint-enable */ } .product-card--catalog .product-card__title { grid-column: 1/3; max-width: none; margin: 0; display: block; font-weight: 440; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-card__sizes { position: absolute; z-index: 3; bottom: 0; left: 0; background: #f7f7f7; width: 100%; padding: 16px; opacity: 0; visibility: hidden; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; min-height: calc(100% + 17px); } .product-card:hover:not(.focus-visible) .product-card__sizes { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (min-width: 1920px) { .catalog__cards-item:not(:nth-last-child(-n+2)):nth-child(18n+7) .product-card__sizes, .catalog__cards-item:not(:nth-last-child(-n+4)):nth-child(18n+14) .product-card__sizes { padding-top: 48px; padding-bottom: 48px; } .catalog__cards-item:not(:nth-last-child(-n+2)):nth-child(18n+7) .product-card__images, .catalog__cards-item:not(:nth-last-child(-n+4)):nth-child(18n+14) .product-card__images { aspect-ratio: unset; height: 100%; } } @media only screen and (min-width: 1440px) and (max-width: 1919px) { .catalog__cards-item:nth-child(18n+5):not(:last-child) .product-card__sizes, .catalog__cards-item:nth-child(18n+16):not(:last-child) .product-card__sizes { padding-top: 48px; padding-bottom: 48px; } .catalog__cards-item:nth-child(18n+5):not(:last-child) .product-card__images, .catalog__cards-item:nth-child(18n+16):not(:last-child) .product-card__images { aspect-ratio: unset; height: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1439px) { .catalog__cards-item:nth-child(18n+7) .product-card__sizes, .catalog__cards-item:nth-child(18) .product-card__sizes { padding-top: 48px; padding-bottom: 48px; } } .product-card--product { margin-bottom: 16px; } .product-card--product .colors { margin: 0; } @media (max-width: 767px) { .product-card--product .colors { margin-left: -6px; } } .product-card--product .product-card__label { left: 18px; top: 16px; } @media (max-width: 767px) { .product-card--product .product-card__label { top: 4px; left: 4px; } } @media (max-width: 767px) { .product-card--product .product-card__label .tags__name { padding: 1px 4px 1px 4px; } } @media (max-width: 767px) { .product-card--product .product-card__label .tags__text { padding: 1px 4px 1px 5px; } } .product-card--catalog { background-color: #f7f7f7; } .product-card--catalog .price { margin: 0; } .product-card--catalog .colors { justify-self: end; margin: 0; } @media (max-width: 767px) { .product-card--catalog .colors { justify-self: start; -ms-flex-item-align: end; align-self: end; } } .product-card--catalog .colors .colors__count { font-size: 14px; line-height: 17px; } @media (max-width: 767px) { .product-card--catalog .colors .colors__count { padding-left: 16px; } } @media (max-width: 767px) { .product-card--catalog .colors .colors__count::before { left: 6px; } } .product-card--catalog .colors .colors__list { margin: -7px 0; } @media (max-width: 767px) { .product-card--catalog .colors .colors__list { margin: -5px -6px; } } .product-card--catalog .colors .colors__item { margin: 7px 6px; width: auto; min-width: 20px; } @media (max-width: 767px) { .product-card--catalog .colors .colors__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 5px 6px; } } .product-card--catalog .product-card__label { left: 18px; top: 16px; z-index: 1; pointer-events: none; } @media (max-width: 767px) { .product-card--catalog .product-card__label { top: 4px; left: 4px; } } @media (max-width: 767px) { .product-card--catalog .product-card__label .tags__name { padding: 1px 4px 1px 4px; } } @media (max-width: 767px) { .product-card--catalog .product-card__label .tags__text { padding: 1px 4px 1px 5px; } } .product-card--catalog .price__item { margin: 0 14px 0 0; } @media (max-width: 767px) { .product-card--catalog .price__item { margin: 0 12px 0 0; } } @media (max-width: 1919px) { .product-card__images { aspect-ratio: 0.8154506438/1; } } @media (max-width: 1439px) { .product-card__images { aspect-ratio: 0.7956521739/1; } } @media (max-width: 1023px) { .product-card__fav-trigger-icon { width: 16px; height: 16px; } } @media (max-width: 767px) { .product-card--product { margin-bottom: 12px; } .product-card__images { margin-bottom: 12px; } .product-card--product .product-card__images { margin-bottom: 12px; } .product-card__empty { gap: 4px; } .product-card__empty-icn { width: 50px; height: 44px; } .product-card__title { font-size: 14px; } .product-card--catalog .product-card__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; grid-template-columns: 1fr; grid-template-rows: -webkit-min-content -webkit-min-content auto; grid-template-rows: min-content min-content auto; gap: 4px; padding: 10px 12px 12px 12px; } .product-card--catalog .product-card__title { grid-column: auto; /* stylelint-disable */ white-space: normal; text-overflow: initial; display: -webkit-box; -webkit-line-clamp: 2; /* stylelint-enable */ min-height: 2.7em; } .product-card--product .product-card__title { margin-bottom: 5px; } } @media (max-width: 375px) { .product-card--catalog .product-card__images { height: 220px; -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; } } .product-card-lookbook { 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; width: 100%; max-width: 100%; height: 100%; } .product-card-lookbook__link { position: absolute; inset: 0; z-index: 5; cursor: pointer; } .product-card-lookbook__title { position: absolute; top: 50%; left: 50%; translate: -50% -50%; z-index: 1; 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; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; height: auto; margin: 0; padding: 0 32px; text-transform: lowercase; text-align: center; color: #1c1b15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product-card-lookbook__title--white { color: #ffffff; } .product-card-lookbook__title--blue { color: #265dff; } .product-card-lookbook--catalog .product-card-lookbook__link { pointer-events: none; } .product-card-lookbook__label { position: absolute; top: 8px; left: 8px; } .product-card-lookbook__images { display: block; position: relative; height: 0; padding-bottom: 137.5806451613%; margin-bottom: 0; } @media (max-width: 1919px) { .product-card-lookbook__images { padding-bottom: 133.8912133891%; } } @media (max-width: 1439px) { .product-card-lookbook__images { padding-bottom: 58.3333333333%; } } @media (max-width: 1023px) { .product-card-lookbook__images { padding-bottom: 137.5%; } } .catalog__cards-item:nth-child(18n+14):not(:last-child) .product-card-lookbook__images, .catalog__cards-item:nth-child(18n+7):not(:last-child) .product-card-lookbook__images { height: 100%; padding-bottom: 0; } @media (max-width: 1919px) { .catalog__cards-item:nth-child(18n+14):not(:last-child) .product-card-lookbook__images, .catalog__cards-item:nth-child(18n+7):not(:last-child) .product-card-lookbook__images { height: 0; padding-bottom: 122.6315789474%; } } @media (max-width: 1919px) { .catalog__cards-item:nth-child(18n+13) .product-card-lookbook__images, .catalog__cards-item:nth-child(18n+5) .product-card-lookbook__images { height: 100%; padding-bottom: 0; } } @media (max-width: 1439px) { .catalog__cards-item:nth-child(18n+13) .product-card-lookbook__images, .catalog__cards-item:nth-child(18n+5) .product-card-lookbook__images { height: 0; padding-bottom: 125.6830601093%; } } @media (max-width: 1439px) { .catalog__cards-item:nth-child(7) .product-card-lookbook__images, .catalog__cards-item:nth-child(12) .product-card-lookbook__images { padding-bottom: 113.0434782609%; } } @media (max-width: 767px) { .catalog__cards-item:nth-child(7) .product-card-lookbook__images, .catalog__cards-item:nth-child(12) .product-card-lookbook__images { padding-bottom: 125.6830601093%; grid-area: auto; } } @media (max-width: 767px) { .catalog__cards-item:nth-child(5n+6) .product-card-lookbook__images { padding-bottom: 100%; } } .product-card-lookbook__slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .product-card-lookbook__slider.is-alone .product-card-lookbook__slider-pag { display: none; } .product-card-lookbook__slider-pic img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-card-lookbook__image { position: absolute; inset: 0; opacity: 1; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; -webkit-clip-path: inset(1px 1px); clip-path: inset(1px 1px); } .product-card-lookbook__image--on-hover { opacity: 0; } .product-card-lookbook__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-position: center 0; object-position: center 0; } .product-card-lookbook--product { margin-bottom: 16px; } @media (max-width: 767px) { .product-card-lookbook--product { margin-bottom: 12px; } } .product-card-lookbook--product .product-card__info { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .product-card-lookbook--product .colors { margin: 0; } @media (max-width: 767px) { .product-card-lookbook--product .colors { margin-left: -6px; } } @media (max-width: 767px) { .product-card-lookbook--product .product-card__images { margin-bottom: 12px; } } @media (max-width: 767px) { .product-card-lookbook--product .product-card__title { margin-bottom: 5px; } } .product-card-lookbook--product .product-card__label { left: 18px; top: 16px; } @media (max-width: 767px) { .product-card-lookbook--product .product-card__label { top: 4px; left: 4px; } } @media (max-width: 767px) { .product-card-lookbook--product .product-card__label .tags__name { padding: 1px 4px 1px 4px; } } @media (max-width: 767px) { .product-card-lookbook--product .product-card__label .tags__text { padding: 1px 4px 1px 5px; } } .product-card-lookbook--catalog { background-color: #f7f7f7; } .product-card-lookbook--catalog .product-card__info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 20px 16px; display: grid; grid-template-columns: 1fr -webkit-min-content; grid-template-columns: 1fr min-content; gap: 6px 10px; } @media (max-width: 767px) { .product-card-lookbook--catalog .product-card__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; grid-template-columns: 1fr; grid-template-rows: -webkit-min-content -webkit-min-content auto; grid-template-rows: min-content min-content auto; gap: 4px; padding: 10px 12px 12px 12px; } } .product-card-lookbook--catalog .product-card__title { grid-column: 1/3; max-width: none; margin: 0; display: block; font-weight: 440; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 767px) { .product-card-lookbook--catalog .product-card__title { grid-column: auto; /* stylelint-disable */ white-space: normal; text-overflow: initial; display: -webkit-box; -webkit-line-clamp: 2; /* stylelint-enable */ } } .product-card-lookbook--catalog .price { margin: 0; } .product-card-lookbook--catalog .product-card__images { margin: 0; } @media (max-width: 375px) { .product-card-lookbook--catalog .product-card__images { height: 220px; -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; } } .product-card-lookbook--catalog .colors { justify-self: end; margin: 0; } @media (max-width: 767px) { .product-card-lookbook--catalog .colors { justify-self: start; -ms-flex-item-align: end; align-self: end; } } .product-card-lookbook--catalog .colors .colors__count { font-size: 14px; line-height: 17px; } @media (max-width: 767px) { .product-card-lookbook--catalog .colors .colors__count { padding-left: 16px; } } @media (max-width: 767px) { .product-card-lookbook--catalog .colors .colors__count::before { left: 6px; } } .product-card-lookbook--catalog .colors .colors__list { margin: -7px 0; } @media (max-width: 767px) { .product-card-lookbook--catalog .colors .colors__list { margin: -5px -6px; } } .product-card-lookbook--catalog .colors .colors__item { margin: 7px 6px; width: auto; } @media (max-width: 767px) { .product-card-lookbook--catalog .colors .colors__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 5px 6px; } } .product-card-lookbook--catalog .product-card__label { left: 18px; top: 16px; z-index: 1; pointer-events: none; } @media (max-width: 767px) { .product-card-lookbook--catalog .product-card__label { top: 4px; left: 4px; } } @media (max-width: 767px) { .product-card-lookbook--catalog .product-card__label .tags__name { padding: 1px 4px 1px 4px; } } @media (max-width: 767px) { .product-card-lookbook--catalog .product-card__label .tags__text { padding: 1px 4px 1px 5px; } } .product-card-lookbook--catalog .price__item { margin: 0 14px 0 0; } @media (max-width: 767px) { .product-card-lookbook--catalog .price__item { margin: 0 12px 0 0; } } .tags { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px -5px 0; } .tags__name { background-color: #1c1b15; color: #ffffff; padding: 2px 8px 4px; } .tags__text { padding: 3px 6px 3px 8px; background-color: #ffffff; } .tags__item { 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; background-color: #ffffff; margin: 0 5px 5px 0; } .tags__item--double .tags__text { -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08); } .tags__item--red { color: #D6001C; } .tags__item--blue { color: #265dff; } .tags__item--green { color: #00a065; } .tags__item--pink { color: #ff5ea1; } .price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .price__item { position: relative; margin: 0; margin-right: 16px; } @media (max-width: 767px) { .price__item { margin-right: 8px; font-size: 14px; } } .price__item--old { color: #6d6d6d; } .price__item--old::after { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(1.5px); transform: translateY(1.5px); width: 100%; height: 0.5px; background-color: #6d6d6d; } .price--red .price__item { font-size: 20px; color: #D6001C; margin-right: 8px; } @media (max-width: 767px) { .price--red .price__item { font-size: 16px; } } .price--red .price__item--old { color: #1c1b15; } .price--red .price__item--old::after { background-color: #1c1b15; } .colors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .colors__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .colors__item { 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; width: 20px; height: 20px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .colors__item.is-active { -webkit-box-shadow: inset 0 0 0 1px rgba(28, 27, 21, 0.3); box-shadow: inset 0 0 0 1px rgba(28, 27, 21, 0.3); } @media (max-width: 767px) { .colors__item.is-active { -webkit-box-shadow: none; box-shadow: none; } } .colors__color { width: 8px; height: 8px; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } .colors__item.is-light .colors__color { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } .colors__count { position: relative; padding-left: 12px; } .colors__count::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.1); } .colors--reverse { gap: 4px; margin: 0 -6px; } .colors--reverse .colors__list { gap: 0; } .colors--reverse .colors__count { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-left: 0; } .colors--reverse .colors__count::before { display: none; } @media (max-width: 767px) { .colors--reverse .colors__count::before { display: block; left: 4px; } } @media (max-width: 767px) { .colors--reverse .colors__count { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-left: 10px; } } .checkout-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .checkout-form .container { max-width: 1440px; } @media (max-width: 1023px) { .checkout-form .container { padding: 0 16px; } } .checkout-form form { position: relative; display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: 1fr 448px; gap: 142px; padding-bottom: 54px; } @media (max-width: 1279px) { .checkout-form form { grid-template-columns: 1fr 400px; gap: 42px; padding-bottom: 0; } } @media (max-width: 1023px) { .checkout-form form { grid-template-columns: auto; gap: 12px; } } @media (max-width: 767px) { .checkout-form form { gap: 8px; } } .checkout-form__column { position: sticky; top: var(--header-height, 0); padding: 36px 0 0; } @media (max-width: 1023px) { .checkout-form__column { position: relative; top: auto; } } @media (max-width: 767px) { .checkout-form__column { padding: 40px 0 0; } } .checkout-form__fieldset { border: none; margin: 0; padding: 0; } .checkout-form__fieldset:not(:last-child) { margin-bottom: 37px; } @media (max-width: 767px) { .checkout-form__fieldset:not(:last-child) { margin-bottom: 16px; } } .checkout-form .title--h2 { color: #1c1b15; margin-bottom: 28px; } @media (max-width: 767px) { .checkout-form .title--h2 { margin-bottom: 24px; } } .checkout-form__fields-double { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } @media (max-width: 767px) { .checkout-form__fields-double { grid-template-columns: 1fr; } } .checkout-form .tabs__btns { margin-bottom: 22px; } @media (max-width: 1023px) { .checkout-form .tabs__btns { margin-bottom: 24px; } } @media (max-width: 767px) { .checkout-form .tabs__btns { margin-bottom: 24px; } } .checkout-form .tabs__btn { max-width: 240px; } .checkout-form__delivery { 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%; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .checkout-form__info { text-transform: lowercase; margin-bottom: 12px; } .checkout-form__info p { margin-bottom: 14px; } @media (max-width: 1023px) { .checkout-form__info p:not(:last-child) { margin-bottom: 16px; } } @media (max-width: 767px) { .checkout-form__info { margin-bottom: 24px; } .checkout-form__info p { margin: 0; } } .checkout-form .map { margin-bottom: 32px; } .checkout-form .map:last-child { margin-bottom: 24px; } @media (max-width: 1023px) { .checkout-form .map { margin-bottom: 24px; } } .checkout-form .title--h3 { margin: 4px 0 0; } .checkout-form__order-list { list-style: none; margin: 0; padding: 0; margin-bottom: 28px; } .checkout-form__order-list .order-card { padding: 32px 0; } .custom-input, .custom-textarea { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0 0 24px 0; font-size: 14px; line-height: 16px; font-weight: 440; text-transform: lowercase; color: #1c1b15; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .custom-input label, .custom-textarea label { 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; width: 100%; } .custom-input label input, .custom-input label textarea, .custom-textarea label input, .custom-textarea label textarea { width: 100%; min-height: 48px; margin-left: auto; padding: 15px; font: inherit; color: inherit; border: 1px solid rgba(0, 0, 0, 0.1); outline: none; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .custom-input label input::-webkit-input-placeholder, .custom-input label textarea::-webkit-input-placeholder, .custom-textarea label input::-webkit-input-placeholder, .custom-textarea label textarea::-webkit-input-placeholder { text-transform: lowercase; color: #9c9c9c; } @media (hover: hover) { .custom-input label input:hover:not(.focus-visible), .custom-input label textarea:hover:not(.focus-visible), .custom-textarea label input:hover:not(.focus-visible), .custom-textarea label textarea:hover:not(.focus-visible) { border-color: rgba(28, 27, 21, 0.5); } } .custom-input label input.focus-visible:focus, .custom-input label textarea.focus-visible:focus, .custom-textarea label input.focus-visible:focus, .custom-textarea label textarea.focus-visible:focus { border-color: #1c1b15; } .custom-input label textarea, .custom-textarea label textarea { height: 203px; } @media (max-width: 767px) { .custom-input label textarea, .custom-textarea label textarea { height: 148px; } } .custom-input__label, .custom-textarea__label { margin: 0 0 8px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .custom-input .btn-icon, .custom-textarea .btn-icon { position: absolute; right: 16px; bottom: 40px; opacity: 0; visibility: hidden; pointer-events: none; } .custom-input .btn-icon.is-visible, .custom-textarea .btn-icon.is-visible { opacity: 1; visibility: visible; pointer-events: all; } .custom-input__error, .custom-textarea__error { position: absolute; left: 0; bottom: 0; color: #e8584f; opacity: 1; } .custom-input__success, .custom-textarea__success { position: absolute; left: 0; bottom: 0; color: #9c9c9c; } .custom-input.is-invalid, .custom-input.is-valid, .custom-textarea.is-invalid, .custom-textarea.is-valid { padding-bottom: 24px; } .custom-input.is-invalid .btn-icon, .custom-input.is-valid .btn-icon, .custom-textarea.is-invalid .btn-icon, .custom-textarea.is-valid .btn-icon { bottom: 40px; } .custom-input .input-message, .custom-textarea .input-message { position: absolute; left: 0; bottom: 0; color: #9c9c9c; } .custom-input .input-message.is-invalid, .custom-textarea .input-message.is-invalid { color: #D6001C; } .custom-input .input-message.is-valid, .custom-textarea .input-message.is-valid { color: #9c9c9c; } .custom-input--resettable label input, .custom-textarea--resettable label input { padding: 15px 40px 15px 15px; } .custom-input--small label input, .custom-textarea--small label input { padding: 11px 40px 11px 12px; min-height: 40px; } .custom-input--small .btn-icon, .custom-textarea--small .btn-icon { bottom: 36px; } .custom-input--small.is-valid .btn-icon, .custom-input--small.is-invalid .btn-icon, .custom-textarea--small.is-valid .btn-icon, .custom-textarea--small.is-invalid .btn-icon { bottom: 36px; } .custom-input--no-padding, .custom-textarea--no-padding { padding: 0; } .custom-input--no-padding .btn-icon, .custom-textarea--no-padding .btn-icon { bottom: 16px; } .custom-input--small .custom-input--no-padding .btn-icon, .custom-input--small .custom-textarea--no-padding .btn-icon, .custom-textarea--small .custom-input--no-padding .btn-icon, .custom-textarea--small .custom-textarea--no-padding .btn-icon { bottom: 12px; } .custom-input__note, .custom-textarea__note { display: block; margin-top: 8px; color: #929292; font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; text-transform: lowercase; } .text-content p { margin-bottom: 20px; } .text-content p:last-of-type { margin-bottom: 0; } .text-content a { color: inherit; font: inherit; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; } @media (hover: hover) { .text-content a:hover:not(.focus-visible) { color: #6d6d6d; } } .text-content a.focus-visible:focus { color: #6d6d6d; } @media (hover: hover) { .text-content a:active:not(.focus-visible) { color: #6d6d6d; } } .text-content ul { padding: 0; margin: 0 0 64px 0; list-style-type: none; font-size: 16px; line-height: 132%; font-weight: 440; color: #1c1b15; letter-spacing: normal; } @media (max-width: 767px) { .text-content ul { padding: 0 0 0 13px; } } .text-content ul li:not(:last-child) { margin: 0 0 24px 0; } .text-content ul li { position: relative; } .text-content ul li::before { position: absolute; left: -15px; top: 7px; width: 6px; height: 6px; background-color: #1c1b15; border-radius: 50%; content: ""; } @media (max-width: 767px) { .text-content ul li::before { left: -12px; top: 5px; } } .text-content li > ul { margin: 24px 0; font-size: 14px; line-height: 117%; font-weight: 440; text-transform: lowercase; } .text-content ol { padding: 0; margin: 0 0 32px 0; list-style-type: none; font-size: 24px; line-height: 133%; letter-spacing: -0.01em; font-weight: 480; color: #000000; text-transform: lowercase; counter-reset: itemIndex; } .text-content ol > li:not(:last-child) { margin: 0 0 64px 0; } .text-content ol > li::before { counter-increment: itemIndex; content: counters(itemIndex, ".") ". "; } .text-content li > ol { margin: 32px 0 0 0; font-size: 16px; line-height: 132%; font-weight: 440; color: #1c1b15; letter-spacing: normal; } .text-content li > ol li:not(:last-child) { margin: 0 0 24px 0; } .breadcrumbs { width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .breadcrumbs__list { padding: 0; margin: 0 -8px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9c9c9c; } .breadcrumbs__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 8px; } .breadcrumbs__item:not(:last-child)::after { content: ""; margin: 0 0 0 16px; width: 7px; height: 12px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; } .breadcrumbs__item:last-child { pointer-events: none; color: #1c1b15; } .breadcrumbs .link { font-size: 14px; line-height: 1.2857142857; font-weight: 480; letter-spacing: -0.01em; text-transform: lowercase; padding: 3px 0; } .support-message { background-color: #ffffff; color: #1c1b15; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: var(--header-height, 136px) 0 0; } @media (max-width: 1919px) { .support-message { padding: var(--header-height, 136px) 0 0; } } @media (max-width: 1023px) { .support-message { padding: var(--header-height, 112px) 0 0; } } @media (max-width: 767px) { .support-message { padding: calc(var(--header-height, 100px) + 125px) 0 128px; } } .support-message__wrapper { max-width: 410px; margin: 0 auto; padding: 50px 0; } @media (max-width: 767px) { .support-message__wrapper { max-width: none; width: 100%; padding: 0; } } .support-message .title { margin-bottom: 16px; text-align: center; } @media (max-width: 767px) { .support-message .title { margin-bottom: 11px; } } .support-message .text { text-align: center; min-height: 48px; padding: 0 11px; margin-bottom: 32px; } .support-message .text p { margin-bottom: 10px; } .support-message .text p:last-of-type { margin-bottom: 0; } @media (max-width: 767px) { .support-message .text { padding: 0; } } .support-message__buttons { display: grid; padding: 0 22px; grid-template-columns: repeat(2, 1fr); gap: 11px; } @media (max-width: 767px) { .support-message__buttons { grid-template-columns: repeat(1, 1fr); padding: 0; } } .support-message .btn { padding: 9px 43px; } .support-message--error { padding: var(--header-height, 136px) 0 96px; } .support-message--error .title { margin-bottom: -37px; } @media (max-width: 767px) { .support-message--error .title { margin-bottom: -14px; } } .support-message--error .support-message__wrapper { padding: 30px 0; } @media (max-width: 1023px) { .support-message--error .support-message__wrapper { padding: 0; } } @media (max-width: 1919px) { .support-message--error { padding: calc(var(--header-height, 136px) + 46px) 0 98px; } } @media (max-width: 1023px) { .support-message--error { padding: var(--header-height, 100px) 0 172px; } } @media (max-width: 767px) { .support-message--error { padding: calc(var(--header-height, 100px) + 50px) 0 140px; } } .tags-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 4px 0 0 0; } .tags-line__list { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; padding: 0; margin: -2px; list-style-type: 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; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .tags-line__list { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 767px) { .tags-line__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 14px 8px 14px; margin: 0 -16px -8px -16px; overflow: auto; scroll-behavior: smooth; scroll-padding: 0 16px; scroll-snap-type: x mandatory; } } .tags-line__item { -ms-flex-negative: 0; flex-shrink: 0; margin: 2px; } @media (max-width: 767px) { .tags-line__item { scroll-snap-align: start; } } .tags-line .link { padding: 6px 11px 8px 12px; min-height: 32px; font-size: 14px; line-height: 17px; font-weight: 440; text-transform: lowercase; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease; } .tags-line .link__icon { margin: 0 2px 0 0; } .tags-line .link__text { white-space: nowrap; } .tags-line .link.is-active { border-color: #000000; } .catalog { position: relative; } .catalog::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; position: fixed; background: #dddddd; z-index: 111; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.1s ease, visibility 0.1s ease; transition: opacity 0.1s ease, visibility 0.1s ease; } .catalog::after { width: 24px; height: 24px; content: ""; position: absolute; top: 190px; left: 50%; margin-left: -12px; background: url("/local/assets/css/../img/bg/loader.svg") no-repeat 0 0; background-size: 24px 24px; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .catalog.is-load::before { opacity: 0.3; visibility: visible; } .catalog.is-load::after { opacity: 1; -webkit-animation: loader 0.6s linear infinite; animation: loader 0.6s linear infinite; } .catalog__inner { display: grid; grid-template-columns: 260px 1fr; gap: 16px 2px; padding: 16px 0 0; } @media (max-width: 1919px) { .catalog__inner { gap: 8px 4px; } } @media (max-width: 1023px) { .catalog__inner { grid-template-columns: 1fr; gap: 16px 0; } } @media (max-width: 767px) { .catalog__inner { padding: 13px 0 0; } } .catalog__nav { grid-column: 1/2; grid-row: 1/4; } @media (max-width: 1023px) { .catalog__nav { display: none; } } .catalog__filter-line { grid-column: 2/3; grid-row: 1/2; margin: 0 -13px 0 0; } @media (max-width: 1023px) { .catalog__filter-line { grid-column: auto; grid-row: auto; margin: 0; padding: 0 8px; } } @media (max-width: 767px) { .catalog__filter-line { margin: 0; } } .catalog__empty { padding-top: 170px; padding-bottom: 170px; } .catalog__cards { grid-column: 2/3; grid-row: 2/3; margin: 0 -20px 16px 0; } @media (max-width: 1023px) { .catalog__cards { grid-column: auto; grid-row: auto; margin: 0 0 16px 0; } } @media (max-width: 767px) { .catalog__cards { margin: 0 0 5px 0; } } .catalog__cards-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(auto, 1fr)); gap: 4px; } /* SG */ @media (max-width: 1919px) { .catalog__cards-list { grid-template-columns: repeat(3, minmax(auto, 1fr)); } } @media (max-width: 1439px) { .catalog__cards-list { grid-template-columns: repeat(2, minmax(auto, 1fr)); grid-auto-rows: auto; } } @media (max-width: 1023px) { .catalog__cards-list { grid-template-columns: repeat(2, minmax(auto, 1fr)); } } .catalog__cards-item { width: 100%; min-width: 1px; height: 100%; } /* .catalog__cards-item:nth-child(7n+3) { grid-row: span 2; grid-column: span 2; } @media (min-width: 1440px) { .catalog__cards-item:nth-child(7n+3) .product-card__images { aspect-ratio: unset; height: 100%; } } */ /* @media (min-width: 768px) { .catalog__cards-item:nth-child(7n+3) { grid-row: span 2; grid-column: span 2; } } @media (max-width: 767px) { .catalog__cards-item:nth-child(7n+4) { grid-row: span 2; grid-column: span 2; } } */ @media only screen and (min-width: 1920px) { .catalog__cards-item:not(:nth-last-child(-n+2)):nth-child(18n+7), .catalog__cards-item:not(:nth-last-child(-n+4)):nth-child(18n+14) { grid-row: span 2; grid-column: span 2; } } @media only screen and (min-width: 1440px) and (max-width: 1919px) { .catalog__cards-item:not(:nth-last-child(-n+1)):nth-child(18n+5), .catalog__cards-item:not(:nth-last-child(-n+2)):nth-child(18n+16) { grid-row: span 2; grid-column: span 2; } } @media only screen and (min-width: 768px) and (max-width: 1439px) { .catalog__cards-item:nth-child(18n+7), .catalog__cards-item:nth-child(18n) { grid-row: span 2; grid-column: span 2; } } /* @media only screen and (max-width: 767px) { .catalog__cards-item:not(:first-child):nth-child(6), .catalog__cards-item:not(:first-child):nth-child(11), .catalog__cards-item:not(:first-child):nth-child(16), .catalog__cards-item:not(:first-child):not(:nth-child(3)):nth-child(18n+3), .catalog__cards-item:not(:first-child):not(:nth-child(8)):nth-child(18n+8), .catalog__cards-item:not(:first-child):not(:nth-child(13)):nth-child(18n+13), .catalog__cards-item:not(:first-child):not(:nth-child(18)):nth-child(18n) { grid-row: span 2; grid-column: span 2; } } */ @media only screen and (max-width: 767px) { /* SG */ /* .catalog__cards-item:not(:first-child):nth-child(6), */ .catalog__cards-item:not(:first-child):nth-child(13), /* .catalog__cards-item:not(:first-child):nth-child(17), */ .catalog__cards-item:not(:first-child):not(:nth-child(3)):nth-child(18n+4), .catalog__cards-item:not(:first-child):not(:nth-child(8)):nth-child(18n+8), .catalog__cards-item:not(:first-child):not(:nth-child(13)):nth-child(18n+13), .catalog__cards-item:not(:first-child):not(:nth-child(18)):nth-child(18n) { /* grid-row: span 2; grid-column: span 2; */ } .catalog__cards-item:nth-child(7n+3) { grid-row: span 2; grid-column: span 2; } } @media (max-width: 767px) { .catalog__cards-item--wide { grid-column: 1/3; grid-row: 1/2; height: auto; list-style: none; margin-bottom: 4px; } } .catalog__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 -20px 0 0; } @media (max-width: 1023px) { .catalog__pagination { -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; margin: 0; } } .catalog__pagination > .btn { -ms-flex-negative: 0; flex-shrink: 0; margin: 0 20px 0 0; } @media (max-width: 1023px) { .catalog__pagination > .btn { margin: 0 0 24px 0; } } .side-nav { width: 100%; position: sticky; top: 90px; left: 0; } .side-nav__list { padding: 0; margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .side-nav__item--red .side-nav__btn-link, .side-nav__item--red .side-nav__btn-trigger { /* color: rgba(255, 57, 0, 0.75); */ color: #D6001C; } .side-nav__item--red.is-active .side-nav__btn-link, .side-nav__item--red.is-active .side-nav__btn-trigger, .side-nav__item--red:is(:hover, :hover:not(.focus-visible), :focus-visible) .side-nav__btn-link, .side-nav__item--red:is(:hover, :hover:not(.focus-visible), :focus-visible) .side-nav__btn-trigger { /* color: #ff3900; */ color: #D6001C; } .side-nav__item--green .side-nav__btn-link, .side-nav__item--green .side-nav__btn-trigger { color: rgba(0, 160, 101, 0.75); } .side-nav__item--green.is-active .side-nav__btn-link, .side-nav__item--green.is-active .side-nav__btn-trigger, .side-nav__item--green:is(:hover, :hover:not(.focus-visible), :focus-visible) .side-nav__btn-link, .side-nav__item--green:is(:hover, :hover:not(.focus-visible), :focus-visible) .side-nav__btn-trigger { color: #00a065; } .side-nav__item--blue .side-nav__btn-link, .side-nav__item--blue .side-nav__btn-trigger { color: rgba(38, 93, 255, 0.75); } .side-nav__item--blue.is-active .side-nav__btn-link, .side-nav__item--blue.is-active .side-nav__btn-trigger, .side-nav__item--blue:is(:hover, :hover:not(.focus-visible), :focus-visible) .side-nav__btn-link, .side-nav__item--blue:is(:hover, :hover:not(.focus-visible), :focus-visible) .side-nav__btn-trigger { color: #265dff; } .side-nav__item.is-active .side-nav__btn-icon { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .side-nav__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 11px 0; background-color: rgba(255, 255, 255, 0); border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .side-nav__btn-link { font-size: 16px; font-weight: 480; line-height: 19px; text-transform: lowercase; text-align: left; color: #1c1b15; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (hover: hover) { .side-nav__btn-link:hover:not(.focus-visible) { color: #6d6d6d; } } .side-nav__btn-link.focus-visible:focus { color: #6d6d6d; } .side-nav__btn-text { margin: 0 4px 0 0; } .side-nav__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .side-nav__btn-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .side-nav__btn-trigger { 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: 0; padding: 0; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .side-nav__btn-trigger:where(:hover, :focus-visible) { color: #6d6d6d; } .side-nav__sublist { padding: 4px 0 4px 16px; margin: 0; list-style-type: none; } .side-nav__subitem .link { font-size: 14px; line-height: 17px; padding: 8px 0 7px; text-transform: lowercase; } .side-nav__subitem .link.is-active { color: #1c1b15; } .custom-toggle { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 8px 0; font-size: 16px; line-height: 21px; font-weight: 440; color: #1c1b15; } .custom-toggle--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; width: 24px; } .custom-toggle--size-small { padding-top: 6px; padding-bottom: 6px; } .custom-toggle--inline.custom-toggle--size-small { width: 20px; } .custom-toggle input { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } .custom-toggle label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 36px; cursor: pointer; } .custom-toggle label span { margin-bottom: 0; margin-left: 0; } .custom-toggle--inline label { padding-left: 0; } .custom-toggle--checkbox label { min-height: 24px; } .custom-toggle--checkbox.custom-toggle--size-small label { min-height: 20px; } .custom-toggle .custom-toggle__label { line-height: 24px; text-transform: lowercase; } .custom-toggle--checkbox .custom-toggle__icon { width: 24px; height: 24px; position: absolute; top: 0; left: 0; 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; border: 1px solid rgba(0, 0, 0, 0.1); background: #f7f7f7; -webkit-transition: border 0.3s ease, background-color 0.3s ease; transition: border 0.3s ease, background-color 0.3s ease; } .custom-toggle--checkbox .custom-toggle__icon svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; width: 16px; height: 16px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .is-invalid .custom-toggle--checkbox .custom-toggle__icon { border-color: #D6001C; } .custom-toggle--checkbox input:checked + .custom-toggle__icon { background: #1c1b15; color: #ffffff; } .custom-toggle--checkbox input:checked + .custom-toggle__icon svg { opacity: 1; } .custom-toggle--checkbox:hover .custom-toggle__icon { border-color: rgba(28, 27, 21, 0.5); } .custom-toggle--size-small .custom-toggle__icon { width: 20px; height: 20px; } .custom-toggle--radio { width: auto; } .custom-toggle--radio label { min-height: 24px; } @media (max-width: 1023px) { .custom-toggle--radio label { padding-left: 36px; } } .custom-toggle--radio label.focus-visible:focus .custom-toggle__icon { border: 1px solid #000000; } .custom-toggle--radio label:focus-visible { outline: none; } .custom-toggle--radio .custom-toggle__icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; } .custom-toggle--radio .custom-toggle__icon::before { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0); border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .custom-toggle--radio input:checked + .custom-toggle__icon::before { background-color: #3a3a3a; } .custom-toggle--bordered { min-height: 64px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 14px; } .custom-toggle--bordered .custom-toggle__icon { left: 19px; } @media (max-width: 767px) { .custom-toggle--bordered .custom-toggle__icon { left: 18px; } } @media (max-width: 374px) { .custom-toggle--bordered .custom-toggle__icon { left: 12px; } } .custom-toggle--bordered .custom-toggle__label { display: block; max-width: 270px; } @media (max-width: 767px) { .custom-toggle--bordered .custom-toggle__label { max-width: 155px; } } @media (max-width: 374px) { .custom-toggle--bordered .custom-toggle__label { max-width: 120px; } } .custom-toggle--bordered label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 19px 109px 19px 55px; } @media (max-width: 1023px) { .custom-toggle--bordered label { padding-left: 57px; } } @media (max-width: 767px) { .custom-toggle--bordered label { padding: 18px 108px 18px 56px; } } @media (max-width: 374px) { .custom-toggle--bordered label { padding: 12px 102px 12px 50px; } } .custom-toggle--bordered label.focus-visible:focus { border-color: #1c1b15; } .custom-toggle--bordered svg { width: 86px; height: 24px; position: absolute; right: 19px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media (max-width: 767px) { .custom-toggle--bordered svg { right: 18px; } } @media (max-width: 374px) { .custom-toggle--bordered svg { right: 12px; } } .custom-toggle--color { padding-right: 20px; } .custom-toggle--color .custom-toggle__color { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1023px) { .custom-toggle--color .custom-toggle__color { right: 2px; } } .custom-toggle.is-invalid label span { color: #e8584f; } .custom-toggle .input-message { position: absolute; right: 0; bottom: -5px; color: #9c9c9c; } .custom-toggle .input-message.is-invalid { color: #e8584f; } .custom-toggle .input-message.is-valid { color: #9c9c9c; } .cost { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cost__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; } .cost__row p { margin: 0; } @media (max-width: 1023px) { .cost__row { margin-bottom: 18px; } } .cost__success-promo { margin-top: 6px; color: #9c9c9c; } .cost .custom-input.is-valid, .cost .custom-input.is-invalid { margin-bottom: 24px; } .cost .btn { width: 100%; } .cost__agree { color: #9c9c9c; -ms-flex-item-align: center; align-self: center; padding: 8px; text-align: center; max-width: 390px; } @media (max-width: 767px) { .cost__agree { padding: 8px 0; } } .cost__agree a { text-decoration: underline; color: #9c9c9c; text-underline-offset: 3px; } .filter { width: 100%; } .filter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .filter__header { -webkit-box-flex: 0; -ms-flex: 0 2 373px; flex: 0 2 373px; 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: 0 0 0 auto; height: -webkit-min-content; height: -moz-min-content; height: min-content; } .filter__header .btn { padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__header .btn .btn__icon { width: 24px; height: 24px; } @media (max-width: 1023px) { .filter__header .filter__sort { display: none; } } @media (max-width: 1023px) { .filter__header { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; } } .filter__info { margin: 0 24px 0 0; font-size: 14px; line-height: 17px; font-weight: 480; letter-spacing: -0.01em; white-space: nowrap; } .filter__toggle { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 24px; padding: 0; border: 0; background-color: rgba(255, 255, 255, 0); color: #1c1b15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (hover: hover) { .filter__toggle:hover:not(.focus-visible) { color: #6d6d6d; } } .filter__toggle.focus-visible:focus { color: #6d6d6d; } @media (max-width: 1023px) { .filter__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; } } .filter__toggle-text { font-size: 14px; font-weight: 480; line-height: 17px; letter-spacing: -0.01em; text-transform: lowercase; } .filter__toggle-icon { width: 24px; height: 24px; margin: 0 4px 0 0; } .filter__toggle-icon svg { width: 100%; height: 100%; } .filter__overlay { display: none; } @media (max-width: 1023px) { .filter__overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; background-color: rgba(28, 27, 21, 0.5); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s ease-out, visibility 0.4s ease-out; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; z-index: 120; } } .filter__overlay.is-visible { opacity: 1; visibility: visible; pointer-events: all; } .filter__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 1023px) { .filter__body { position: fixed; top: 72px; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(var(--vh, 1vh) * 100 - 72px); padding: 22px 0 0 0; -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; background-color: #ffffff; z-index: 9999; } } @media (max-width: 1023px) { .filter__body.is-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .filter__body:not(.is-visible) ~ .filter__body-mobile { -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); } .filter__caption { display: none; } @media (max-width: 1023px) { .filter__caption { position: relative; 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; min-height: 30px; } } @media (max-width: 1023px) { .filter__caption > .title { height: 30px; text-align: center; text-transform: lowercase; white-space: nowrap; overflow: hidden; } } @media (max-width: 1023px) { .filter__close-btn, .filter__back-btn { position: absolute; top: 50%; -webkit-transform: translate3d(0, -55%, 0); transform: translate3d(0, -55%, 0); display: block; width: 40px; height: 40px; padding: 8px; } } @media (max-width: 1023px) { .filter__close-btn { right: 4px; } } @media (max-width: 1023px) { .filter__back-btn { left: 4px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } } @media (max-width: 1023px) { .filter__back-btn.is-visible { opacity: 1; visibility: visible; pointer-events: all; } } .filter__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 24px 0 0; } .filter__list .filter-group { -ms-flex-negative: 0; flex-shrink: 0; } .filter__list > .btn { min-width: 120px; min-height: 0; padding: 0; font-size: 14px; color: #9c9c9c; border-color: #9c9c9c; } @media (hover: hover) { .filter__list > .btn:hover:not(.focus-visible) { color: #1c1b15; border-color: #1c1b15; } } .filter__list > .btn.focus-visible:focus { color: #1c1b15; border-color: #1c1b15; } @media (max-width: 1023px) { .filter__list > .btn { display: none; } } @media (max-width: 1023px) { .filter__list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0 16px; height: 100%; overflow: clip auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } } @media (max-width: 1023px) { .filter__list.is-hidden { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); overflow: hidden; } } @media (max-width: 1023px) { .filter__list .filter-group__body { position: static; width: 100%; padding: 36px 0 32px 0; background-color: rgba(255, 255, 255, 0); opacity: 1; visibility: visible; pointer-events: all; z-index: auto; } } .filter__list-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; margin: 0; padding: 0; } @media (max-width: 1023px) { .filter__list-controls { display: none; visibility: hidden; } } .filter__action-btn.btn { min-width: 120px; min-height: 0; padding: 14px 17px; font-size: 14px; color: #ffffff; background-color: #1c1b15; border: 1px solid #1c1b15; } .filter__action-btn.btn.is-disabled, .filter__action-btn.btn[disabled] { color: #1c1b15; background-color: rgba(255, 255, 255, 0); border-color: rgba(0, 0, 0, 0.1); } .filter__action-btn.btn:is(:hover, :hover:not(.focus-visible), :focus-visible) { color: #ffffff; border-color: #6d6d6d; } .filter__reset-btn.btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; min-width: 120px; min-height: 0; margin: 0; padding: 0; font-size: 14px; color: #9c9c9c; background-color: rgba(255, 255, 255, 0); border-color: #9c9c9c; } .filter__reset-btn.btn .btn__icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__reset-btn.btn:is(:hover, :hover:not(.focus-visible), :focus-visible) { background-color: rgba(255, 255, 255, 0); } .filter__reset-btn.btn.is-hidden { display: none; visibility: hidden; } .filter__controls { display: none; } @media (max-width: 1023px) { .filter__controls { position: sticky; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px 16px 24px 16px; margin: auto 0 0 0; background-color: #ffffff; z-index: 123; } } @media (max-width: 767px) { .filter__controls { padding: 12px 16px; gap: 8px; } } .filter__controls .btn { padding: 10px 16px; } @media (max-width: 767px) { .filter__controls .btn { min-height: 40px; } } .filter__body-mobile { position: fixed; top: 56px; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; z-index: 122; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .filter__body-mobile.is-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 1023px) { .filter__body-mobile .filter-group__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: absolute; left: 0; top: 0; 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%; height: 100%; padding: 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: none; transition: none; } } .filter__body-mobile .filter-group__body.is-visible { opacity: 1; visibility: visible; pointer-events: all; } .filter__body-mobile .filter-group__title { display: none; } .filter__body-mobile .filter-group__options { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 32px 16px 24px 16px; overflow: clip auto; } .filter__body-mobile .filter-group__option .custom-toggle { padding: 9px 0 11px 0; } @media (max-width: 767px) { .filter__body-mobile .filter-group__option .custom-toggle { padding: 12px 0 12px 0; } } @media (max-width: 1023px) { .filter__body-mobile .filter-group__option { margin: 0 0 4px 0; } } @media (max-width: 767px) { .filter__body-mobile .filter-group__option { margin: 0; } } @media (max-width: 1023px) { .filter__body-mobile .filter-group__controls { position: sticky; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px 16px 24px 16px; background-color: #ffffff; z-index: 123; } } @media (max-width: 767px) { .filter__body-mobile .filter-group__controls { gap: 8px; } } .filter-group { position: relative; } .filter-group.is-selected .filter-group__btn-icon { opacity: 0; } @media (max-width: 1023px) { .filter-group.is-selected .filter-group__btn-icon { opacity: 1; } } .filter-group.is-selected .filter-group__caption .btn-icon { opacity: 1; visibility: visible; pointer-events: all; } .filter-group.is-visible .filter-group__btn-icon { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); opacity: 1; } @media (max-width: 1023px) { .filter-group.is-visible .filter-group__btn-icon { -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); } } .filter-group.is-visible .filter-group__caption .btn-icon { opacity: 0; visibility: hidden; pointer-events: none; } .filter-group.is-visible .filter-group__body { opacity: 1; visibility: visible; pointer-events: all; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .filter-group__caption { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-group__caption .btn-icon { position: absolute; right: 12px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 16px; height: 16px; color: rgba(28, 27, 21, 0.3); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; transition: color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; z-index: 2; } @media (hover: hover) { .filter-group__caption .btn-icon:hover:not(.focus-visible) { color: #1c1b15; } } .filter-group__caption .btn-icon.focus-visible:focus { color: #1c1b15; } @media (max-width: 1023px) { .filter-group__caption .btn-icon { display: none; } } .filter-group__btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 13px 11px 14px; border: 0; background-color: rgba(255, 255, 255, 0); color: #1c1b15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; z-index: 1; } @media (hover: hover) { .filter-group__btn:hover:not(.focus-visible) { color: #6d6d6d; } .filter-group__btn:hover:not(.focus-visible) .filter-group__number { border-color: #6d6d6d; } } .filter-group__btn.focus-visible:focus { color: #6d6d6d; } .filter-group__btn.focus-visible:focus .filter-group__number { border-color: #6d6d6d; } @media (max-width: 1023px) { .filter-group__btn { width: 100%; padding: 15px 3px 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .filter-group__name { margin: 0 4px 0 0; font-size: 14px; font-weight: 480; line-height: 17px; letter-spacing: -0.01em; text-transform: lowercase; } /* @media (max-width: 1023px) { .filter-group__name { text-transform: none; } } */ .filter-group__number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 14px; height: 14px; margin: 0 2px 0 0; font-size: 10px; line-height: 1; font-weight: 480; text-align: center; white-space: nowrap; overflow: hidden; border: 1px solid #000000; border-radius: 50%; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .filter-group__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .filter-group__btn-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 1023px) { .filter-group__btn-icon { margin: 0 0 0 auto; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); } } .filter-group__body { position: absolute; top: 100%; left: 0; width: 340px; max-height: 400px; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 2px 0 rgba(28, 27, 21, 0.12); box-shadow: 0 0 2px 0 rgba(28, 27, 21, 0.12); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); -webkit-transition: opacity 0.4s ease-out, visibility 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: opacity 0.4s ease-out, visibility 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: opacity 0.4s ease-out, visibility 0.4s ease-out, transform 0.4s ease-out; transition: opacity 0.4s ease-out, visibility 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; padding: 0; margin: 0; z-index: 20; } .filter-group__body--align-right { left: auto; right: 0; } @media (max-width: 1023px) { .filter-group__body { max-height: unset; overflow: unset; -webkit-transform: none; transform: none; border: none; -webkit-box-shadow: none; box-shadow: none; z-index: 121; } } .filter-group__title { display: none; } @media (max-width: 1023px) { .filter-group__title { display: block; margin: 0 0 24px 0; font-size: 12px; line-height: 15px; font-weight: 460; color: rgba(28, 27, 21, 0.5); } } .filter-group__options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-group__option .custom-toggle { padding: 11px 13px 13px 11px; } @media (max-width: 1023px) { .filter-group__option .custom-toggle { padding: 12px 0; } } @media (max-width: 1023px) { .filter-group__option:last-child { margin: 0; } } @media (max-width: 1023px) { .filter-group__option { margin: 0 0 8px 0; padding: 0; } } @media (max-width: 767px) { .filter-group__option { margin: 0; } } .filter-group__controls { display: none; } .filter-group__controls .btn { padding: 10px 16px; } @media (max-width: 767px) { .filter-group__controls .btn { min-height: 40px; } } .filter-price { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 8px; padding: 12px; } @media (max-width: 1023px) { .filter-price { padding: 0; font-size: 16px; line-height: 1; } } .filter-price .btn { grid-column: 1/3; } .filter-price .btn:disabled, .filter-price .btn.is-disabled { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.1); opacity: 1; } @media (max-width: 1023px) { .filter-price .btn { display: none; } } @media (max-width: 1023px) { .filter-price .custom-input { font-size: 16px; } } @media (max-width: 1023px) { .filter-price .custom-input label input { padding: 10px 12px; } } .order-card { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; color: #1c1b15; padding: 32px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .order-card { padding: 32px 0; } } .order-card__picture-link { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100px; height: 100px; } @media (max-width: 767px) { .order-card__picture-link { width: 106px; height: 133px; } } .order-card__image { width: 100%; height: 100%; } .order-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .order-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 24px; } @media (max-width: 767px) { .order-card__info { margin-left: 12px; } } .order-card__left { width: 93%; display: grid; grid-template-columns: 60% auto auto auto; grid-auto-rows: auto; } @media (max-width: 1919px) { .order-card__left { width: 82%; grid-template-columns: 40% 1fr 1fr 1fr; } } @media (max-width: 1439px) { .order-card__left { grid-template-columns: 45% auto auto auto; } } @media (max-width: 1023px) { .order-card__left { width: 87%; } } @media (max-width: 767px) { .order-card__left { width: 68%; grid-template-columns: 1fr; grid-auto-rows: auto; } } .order-card__title-link { color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column: 1/2; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (hover: hover) { .order-card__title-link:hover:not(.focus-visible) { color: #6d6d6d; } } .order-card__title-link.focus-visible:focus { color: #6d6d6d; } @media (hover: hover) { .order-card__title-link:active:not(.focus-visible) { color: #6d6d6d; } } @media (max-width: 767px) { .order-card__title-link { grid-column: 1/3; } } .order-card__title { margin: 0; } .order-card__item-number { margin: 0; color: #9c9c9c; grid-row: 2; align-self: flex-end; } @media (max-width: 767px) { .order-card__item-number { display: none; } } .order-card__color { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; margin: 9px 2px 2px 6px; } @media (max-width: 1919px) { .order-card__color { margin-left: 35px; place-self: center; -ms-flex-item-align: start; align-self: flex-start; } } @media (max-width: 767px) { .order-card__color { margin-left: 0; margin-top: 7px; grid-column-start: 1; grid-row-start: 2; place-self: auto; } } .order-card__size { margin: 6px 0 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1919px) { .order-card__size { margin-left: 10px; margin-right: 10px; place-self: center; -ms-flex-item-align: start; align-self: flex-start; } } @media (max-width: 767px) { .order-card__size { grid-column-start: 1; grid-row-start: 2; margin-left: 30px; margin-top: 7px; text-transform: lowercase; place-self: auto; } } .order-card .quantity { margin-left: 18px; } @media (max-width: 1919px) { .order-card .quantity { margin-right: 10px; } } @media (max-width: 1023px) { .order-card .quantity { margin-right: 0; } } @media (max-width: 767px) { .order-card .quantity { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-left: 0; margin-top: 6px; grid-column-start: 1; grid-row-start: 3; align-self: flex-end; } } .order-card__right { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .order-card__right .btn__icon { height: 24px; } } .order-card__right .price__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; height: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .order-card__right .price__item { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .order-card--simple .order-card__info { margin-left: 16px; } .order-card--simple .order-card__left { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .order-card--simple .order-card__left { width: 79%; } } @media (max-width: 767px) { .order-card--simple .order-card__left { width: 68%; grid-template-columns: repeat(auto-fill, auto); grid-auto-rows: auto; } } .order-card--simple .order-card__title-link { width: 100%; } .order-card--simple .order-card__size { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: lowercase; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; place-self: auto; color: #9c9c9c; margin: 0 5px; } @media (max-width: 767px) { .order-card--simple .order-card__size { margin-right: 10px; } } .order-card--simple .order-card__right { margin-left: 10px; } .order-card--simple .order-card__right .price__item { font-size: 14px; height: auto; } .order-card--simple .order-card__item-number { min-width: 60px; } @media (max-width: 767px) { .order-card--simple .order-card__item-number { display: -webkit-box; display: -ms-flexbox; display: flex; } } .order-card--simple .order-card__color, .order-card--simple .quantity { display: none; } .order-card--simple .order-card__picture-link { width: 100px; height: 100px; } .map { position: relative; overflow: hidden; width: 100%; } .map::before { content: ""; display: block; padding-bottom: 60.8478802993%; } @media (max-width: 1023px) { .map::before { padding-bottom: 66.3043478261%; } } @media (max-width: 767px) { .map::before { padding-bottom: 67.7325581395%; } } .map img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tabs--type-orders { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 64px; } .tabs--type-orders .some-block { width: 100%; } .tabs--type-orders .custom-toggle { max-width: none; padding: 0; position: relative; } .tabs--type-orders .custom-toggle::after { content: ""; position: absolute; width: 100%; height: 1px; background-color: currentColor; bottom: -1px; left: 0; opacity: 0; -webkit-transition: 0.3s ease opacity; transition: 0.3s ease opacity; } .tabs--type-orders .custom-toggle.is-active::after { opacity: 1; } .tabs--type-orders .custom-toggle--radio label { padding: 16px 0; } .tabs--type-orders .custom-toggle__label { font-size: 20px; font-weight: 480; color: #929292; } .tabs--type-orders .is-active .custom-toggle__label { color: inherit; } .tabs--type-orders .custom-toggle__icon { display: none; } .tabs__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 26px; -moz-column-gap: 26px; column-gap: 26px; } @media (max-width: 767px) { .tabs__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } } .tabs--type-orders .tabs__btns { gap: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .tabs .custom-toggle { max-width: 270px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .tabs .custom-toggle__icon { top: 0; -webkit-transform: none; transform: none; } @media (max-width: 1439px) { .tabs--type-orders { gap: 48px; } } @media (max-width: 767px) { .tabs--type-orders { gap: 40px; } .tabs--type-orders .tabs__btns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 24px; } } .accordion { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #1c1b15; } .accordion__element { -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .accordion__element:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.1); } .info .accordion__element:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .accordion__element.is-active { padding-bottom: 24px; } .accordion__btn { 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; width: 100%; padding: 24px 0; color: #1c1b15; background-color: rgba(255, 255, 255, 0); border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: color 0.3s ease, padding 0.3s ease; transition: color 0.3s ease, padding 0.3s ease; } @media (hover: hover) { .accordion__btn:hover:not(.focus-visible) { color: #6d6d6d; } } .accordion__btn.focus-visible:focus { color: #6d6d6d; } .accordion__btn .text { text-align: start; text-transform: lowercase; } @media (max-width: 767px) { .accordion__btn .text { font-size: 14px; line-height: 1.26; } } .is-active .accordion__btn { padding-bottom: 16px; } .accordion__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .is-active .accordion__btn-icon { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .accordion__btn-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .accordion__content { padding-right: 60px; } @media (max-width: 767px) { .accordion__content { padding-right: 40px; } } .accordion__content p:not(:last-child) { margin-bottom: 10px; } .accordion__content--no-gap { padding-right: 0; } .accordion--props .accordion__content { width: calc(100% + 16px); margin-left: -16px; } @media (max-width: 1439px) { .accordion--props .accordion__content { width: 100%; margin-left: 0; } } .accordion__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; list-style-type: none; } .accordion__nav-item { margin: 0; padding: 8px 0; font-size: 14px; font-weight: 440; text-transform: lowercase; } .accordion__sizes-table { margin-top: 16px; } :root { --swiper-pagination-bullet-horizontal-gap: 1px; } .product { position: relative; padding: 20px 0 128px; } @media (max-width: 1023px) { .product { padding: 0 0 120px; } } @media (max-width: 767px) { .product { padding: 0 0 64px; } } .product .container { 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: 24px; } @media (max-width: 1023px) { .product .container { display: block; } } .product__fav-trigger { position: absolute; top: 24px; right: 32px; z-index: 3; 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: 0; padding: 0; font-size: 0; color: #1c1b15; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; fill-opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, fill-opacity, -webkit-transform; transition-property: color, fill-opacity, -webkit-transform; transition-property: transform, color, fill-opacity; transition-property: transform, color, fill-opacity, -webkit-transform; } .product__fav-trigger:where(:hover, :focus-visible) { -webkit-transform: scale(0.8); transform: scale(0.8); } .product__fav-trigger.is-active { fill-opacity: 1; } @media (max-width: 767px) { .product__fav-trigger { top: 16px; right: 16px; } } .product__back { display: none; position: absolute; left: 8px; top: 8px; width: 48px; height: 48px; z-index: 20; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .product__back { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .product__back { width: 40px; height: 40px; } } .product__gallery { 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%; gap: 4px; } @media (max-width: 1023px) { .product__gallery { display: none; } } .product__gallery-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 4px; } @media (max-width: 1023px) { .product__gallery-row { gap: 0; } } .product__video { 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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; width: 100%; -ms-flex-negative: 1; flex-shrink: 1; } @media (max-width: 1023px) { .product__video { -ms-flex-negative: 0; flex-shrink: 0; max-height: unset; } } .product__video-player { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .product__image { position: relative; overflow: hidden; width: 100%; -ms-flex-negative: 1; flex-shrink: 1; } @media (max-width: 1023px) { .product__image { -ms-flex-negative: 0; flex-shrink: 0; } } .product__image::before { content: ""; display: block; padding-bottom: 136.8932038835%; } @media (max-width: 1919px) { .product__image::before { padding-bottom: 130.3258145363%; } } @media (max-width: 1023px) { .product__image::before { padding-bottom: 96.3541666667%; } } @media (max-width: 767px) { .product__image::before { padding-bottom: 125.3333333333%; } } .product__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-position: center 0; object-position: center 0; } .product__gallery-row--one .product__image::before { padding-bottom: 122.0967741935%; } @media (max-width: 1919px) { .product__gallery-row--one .product__image::before { padding-bottom: 116.2094763092%; } } .product .swiper { display: none; } @media (max-width: 1023px) { .product .swiper { display: block; margin: 0 -16px 24px; } } @media (max-width: 767px) { .product .swiper { margin: 0 -16px 16px; } } @media (max-width: 1023px) { .product .swiper-slide { height: unset; } } @media (max-width: 1023px) { .product .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } .product .swiper-pagination-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 16px; bottom: 16px; } @media (max-width: 767px) { .product .swiper-pagination-bullets { bottom: 8px; } } .product .swiper-pagination-bullet { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; background-color: rgba(255, 255, 255, 0.4); border-radius: 0; opacity: 1; } .product .swiper-pagination-bullet::before { content: ""; width: var(--pag-width, 0); height: 2px; display: block; background: #ffffff; } .product .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.4); } .product .container{ position: relative; overflow: hidden; } .product__content { /* position: sticky; top: 80px; */ width: 608px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; will-change: min-height; /* top: 0; */ /* max-height: calc(100vh - 72px); overflow-y: auto; scrollbar-width: thin; -ms-overflow-style: none; scrollbar-width: none; */ /* transition: top 0.1s linear 0s; */ } .product__content-inner { padding-top: 5px; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; min-height: 930px; } @media (min-width: 1024px) { .product__content-inner { min-height: 930px; } } @media (max-width: 1023px) { .product__content-inner { display: contents; transform: translate3d(0px, 0px, 0px) !important; position: unset !important; width: unset !important; } } /* .product__content.fixed{ position: sticky; } */ .product__content::-webkit-scrollbar { display: none; } @media (max-width: 1919px) { .product__content { width: 566px; } } @media (max-width: 1023px) { .product__content { top: auto; position: static; width: 100%; margin: 0; } } .product .title { margin-bottom: 24px; color: #1c1b15; letter-spacing: -0.01em; } @media (max-width: 767px) { .product .title { margin-bottom: 12px; } } .product .price { margin-bottom: 16px; } @media (max-width: 767px) { .product .price { margin-bottom: 12px; } } .product__dolyami { margin-bottom: 24px; } .product__color { margin-bottom: 24px; } .product__sizes { margin-bottom: 12px; } @media (max-width: 1023px) { .product__sizes { margin-bottom: 8px; } } .product__sizes-link { margin-bottom: 32px; } .product__buy-btns { 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 12px; width: 100%; margin-bottom: 16px; } .product__buy-btns.is-hidden { display: none; } .product__buy-btns .btn { width: 100%; } .product__btn-wrapper { width: 100%; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (max-width: 1023px) { .product__btn-wrapper { margin: 0; padding: 12px 16px; position: fixed; z-index: 20; left: 0; bottom: 77px; background-color: #ffffff; } .product__btn-wrapper .btn { width: 100%; } } @media (max-width: 767px) { .product__btn-wrapper .btn { padding-left: 12px; padding-right: 12px; } } .product__btn-wrapper .btn__price { display: none; } @media (max-width: 1023px) { .product__btn-wrapper .btn__price { display: inline; } } @media (max-width: 1023px) { .product__btn-wrapper .product__buy-btns { margin-bottom: 0; } } .product__sub { margin-bottom: 16px; display: none; } .product__sub.is-visible { display: block; } .product__sub-btn { width: 100%; } .product__sub-text { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; text-transform: lowercase; display: block; margin-top: 8px; color: #6d6d6d; cursor: default; } .product__article { color: #9c9c9c; margin: 0 0 16px; } @media (max-width: 1023px) { .product__article { padding-top: 32px; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 14px; } } .product__desc { margin-bottom: 48px; color: #1c1b15; } @media (max-width: 767px) { .product__desc { margin-bottom: 8px; } } .product__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__control { background-color: rgba(255, 255, 255, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; border: none; padding: 24px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 21px; font-weight: 480; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; color: inherit; } .product__control:hover { color: #6d6d6d; } .product__control .rating__text { font-size: inherit; line-height: inherit; } .product__control .icon { display: block; width: 24px; height: 24px; margin-left: auto; } @media (max-width: 767px) { .product__control { padding: 16px 0; text-transform: lowercase; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; } } .product .accordion__btn .text { font-weight: 480; } .product-size-table { width: 100%; height: auto; } .product-size-table__head, .product-size-table__row { display: grid; grid-template-columns: 260px 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } @media (max-width: 1023px) { .product-size-table__head, .product-size-table__row { grid-template-columns: 360px 1fr; } } .product-size-table__head { background-color: #f7f7f7; } @media (max-width: 767px) { .product-size-table__head { display: none; visibility: hidden; } } .product-size-table__head-sizes, .product-size-table__row-sizes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); grid-column: 2/-1; } .product-size-table__head-sizes-item, .product-size-table__row-sizes-item { margin: 0; padding: 0; font-size: 16px; font-weight: 480; line-height: 1.16; text-transform: lowercase; text-align: center; color: #1c1b15; } .product-size-table__head-sizes-item { padding: 10px 0; } .product-size-table__body { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .product-size-table__body { row-gap: 16px; } } .product-size-table__row { margin: 0; padding: 13px 0; } .product-size-table__row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .product-size-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: start; row-gap: 12px; padding: 0; } .product-size-table__row:not(:last-child) { border: none; } } .product-size-table__row-name, .product-size-table__row .product-size-table__row-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; } .product-size-table__row-name:is(:last-child, :not(:last-child)), .product-size-table__row .product-size-table__row-name:is(:last-child, :not(:last-child)) { margin: 0; padding: 0; } .product-size-table__row-name-text { margin: 0; padding: 0; font-size: 16px; font-weight: 480; line-height: 1.32; color: #1c1b15; } .product-size-table__row-name-text--first { font-weight: 440; color: #929292; } @media (max-width: 767px) { .product-size-table__row-name-text { font-size: 14px; font-weight: 480; line-height: 1.26; letter-spacing: -0.01em; /* text-transform: lowercase; */ } .product-size-table__row-name-text--first { color: #1c1b15; } .product-size-table__row-name-text--second { color: #929292; } } @media (max-width: 767px) { .product-size-table__row-sizes { -ms-overflow-style: none; scrollbar-width: none; -ms-scroll-chaining: none; overscroll-behavior: contain; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; width: 100%; height: auto; border: 1px solid rgba(0, 0, 0, 0.1); } .product-size-table__row-sizes::-webkit-scrollbar { display: none; } } @media (max-width: 767px) { .product-size-table__row-sizes-item { width: 100%; min-width: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; 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; } } .product-size-table__row-sizes-item-size { display: none; visibility: hidden; } @media (max-width: 767px) { .product-size-table__row-sizes-item-size { display: block; visibility: visible; width: 100%; margin: 0; padding: 11px 0; font-weight: 480; background-color: #f7f7f7; } } @media (max-width: 767px) { .product-size-table__row-sizes-item-quantity { margin: 0; padding: 14px 0; } } .order__list { list-style-type: none; margin: 0; padding: 0; } .quantity { border: 1px solid rgba(0, 0, 0, 0.1); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .quantity__inner { 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; } .quantity__amount { height: 32px; width: 24px; margin: 0 4px; color: #1c1b15; font-size: 16px; line-height: 132%; font-weight: 480; } .quantity__amount input { padding: 0; width: 100%; height: 100%; text-align: center; background-color: transparent; border: 0; outline: 0; color: inherit; font: inherit; } .cart { background-color: #ffffff; padding: 36px 0 96px; } @media (max-width: 1023px) { .cart { padding: 36px 0 5px; } } @media (max-width: 767px) { .cart { padding-top: 0; } } @media (max-width: 1023px) { .cart .container { padding: 0 16px; } } .cart h1 { text-align: center; padding-bottom: 36px; } @media (max-width: 767px) { .cart h1 { display: none; } } .cart__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .cart__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .cart__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } } .cart__cost { /* position: sticky; */ top: 80px; width: 448px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 36px; } @media (max-width: 1919px) { .cart__cost { padding-top: 38px; } } @media (max-width: 1919px) and (max-width: 1439px) { .cart__cost { width: 350px; } } @media (max-width: 1023px) { .cart__cost { /* position: static; */ display: contents; width: 100%; margin: 0; padding-top: 50px; } .cart__cost .cost { display: contents; width: 100%; } .cart__cost .cost .cost__agree { padding-top: 0; padding-bottom: 36px; } .cart__cost .cost .cost__row { margin-bottom: 16px; } .cart__cost .cost__btn-wrapper { /* position: sticky; */ bottom: 0; background-clip: padding-box; background-color: #ffffff; margin-top: -16px; padding-top: 17px; padding-bottom: 8px; } } @media (max-width: 767px) { .cart__cost .cost .cost__agree { padding-bottom: 30px; } } .cart__order { width: 66%; } @media (max-width: 1919px) { .cart__order { width: 57.5%; } } @media (max-width: 1023px) { .cart__order { width: 100%; padding-bottom: 35px; } } @media (max-width: 767px) { .cart__order { margin-top: -16px; } } .text-card { 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%; height: 100%; padding: 24px; background-color: #f7f7f7; } .text-card .title { margin: 0 0 8px 0; text-transform: lowercase; } .text-card__text { position: relative; overflow: hidden; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .text-card__text.has-overflow::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; opacity: 1; background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(247, 247, 247)), color-stop(50%, rgba(255, 255, 255, 0))); background: linear-gradient(0deg, rgb(247, 247, 247) 5%, rgba(255, 255, 255, 0) 50%); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .text-card__text.is-opened::before { opacity: 0; } .text-card__more { text-decoration: underline; cursor: pointer; padding-top: 16px; position: relative; z-index: 1; display: none; } .text-card__more:hover { text-decoration: none; } .text-card__more-close { display: none; } .text-card__more.is-opened .text-card__more-open { display: none; } .text-card__more.is-opened .text-card__more-close { display: inline-block; } .text-card p { margin: 0 0 8px 0; } .text-card p:last-child { margin: 0; } @media (max-width: 767px) { .text-card { padding: 20px; } .text-card__text { max-height: 55px; } .text-card__more.is-visible { display: inline-block; } } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .pagination { margin-left: auto; } } .pagination__list { padding: 0; margin: -4px 4px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination__item { -ms-flex-negative: 0; flex-shrink: 0; margin: 4px; font-size: 16px; line-height: 19px; font-weight: 480; color: #1c1b15; } .pagination__item.is-active .link { border-color: #1c1b15; } /* @media (max-width: 767px) { .pagination__item:not(.is-active):not(:last-child):not(.pagination__item--ellipsis) { display: none; } } */ .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; min-width: 43px; height: 43px; padding: 10px; } @media (max-width: 575px) { .pagination .link { min-width: 32px; height: 32px; padding: 5px; } .pagination .pagination__item { margin: 0; } .pagination .pagination__list { margin: 0 2px; } .pagination { line-height: 2.1; } } .radio-group__btns { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; } .radio-group__btn { min-width: 40px; width: auto; height: 40px; white-space: nowrap; } .radio-group__btn input { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } .radio-group__btn label.focus-visible:focus .radio-group__name { border-color: rgba(0, 0, 0, 0.1); } .radio-group__btn label:focus-visible { outline: none; } .radio-group__btn .radio-group__name { 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; text-align: center; width: 100%; height: 100%; font-size: 16px; line-height: 116%; font-weight: 480; text-transform: lowercase; border: 1px solid rgba(0, 0, 0, 0); -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; color: #1c1b15; padding-left: 8px; padding-right: 8px; } .radio-group__btn input + .radio-group__name { cursor: pointer; } @media (hover: hover) { .radio-group__btn input + .radio-group__name:hover:not(.focus-visible) { border-color: rgba(0, 0, 0, 0.1); } } .radio-group__btn input:checked + .radio-group__name { pointer-events: none; border-color: #000000; } .radio-group .text { margin: 0; color: #9c9c9c; text-transform: lowercase; max-width: 480px; } @media (max-width: 1023px) { .radio-group .text { max-width: none; } } .privacy .text-content { max-width: 922px; margin: 40px auto 0 auto; } @media (max-width: 1919px) { .privacy .text-content { max-width: 765px; } } @media (max-width: 1023px) { .privacy .text-content { max-width: 685px; } } @media (max-width: 767px) { .privacy .text-content { max-width: none; } } .color-links__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; } @media (max-width: 1023px) { .color-links__list { gap: 28px; margin-left: 10px; margin-bottom: 18px; } } .color-links__item { position: relative; 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; width: 20px; height: 20px; border-radius: 50%; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -ms-flex-negative: 0; flex-shrink: 0; } .color-links__item.is-active { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 4px #ffffff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 4px #ffffff; pointer-events: none; } .color-links__item.is-active.is-light { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 3px #ffffff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 3px #ffffff; } @media (hover: hover) { .color-links__item:hover:not(.focus-visible) { opacity: 0.8; } } .color-links__item.focus-visible:focus { opacity: 0.8; } .color-links__color { width: 16px; height: 16px; border-radius: 50%; overflow: hidden; position: relative; z-index: -1; background-position: center center; background-repeat: no-repeat; background-size: cover; } .color-links__item.is-light .color-links__color { border: 1px solid rgba(28, 27, 21, 0.2); } .color-links__item.is-light.is-active .color-links__color { border: 2px solid rgba(28, 27, 21, 0.2); } .color-links .text { margin: 0; color: #9c9c9c; text-transform: lowercase; max-width: 480px; } @media (max-width: 1023px) { .color-links .text { max-width: none; } } .toast { 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; width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; color: #ffffff; background-color: #1c1b15; padding: 8px 0; min-height: 40px; } .toast p { margin: 0; padding: 0 24px; font-size: 16px; line-height: 21px; font-weight: 440; text-transform: lowercase; text-align: center; } @media (max-width: 767px) { .toast p { font-size: 14px; line-height: 17px; } } .toast--bg-black { color: #fffcf2; background-color: #1c1b15; } .toast.is-shown { -webkit-transform: translateY(0); transform: translateY(0); } .newsletter { width: 100%; padding: 72px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); background: #ffffff; } .newsletter__form { width: 100%; } .newsletter__content { display: grid; grid-template-columns: repeat(12, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .newsletter__title { font-size: 24px; font-style: normal; font-weight: 480; line-height: 1.3333333333; letter-spacing: -0.015em; /* stylelint-disable-line */ text-transform: lowercase; margin: 0; grid-column: 1/4; } .newsletter__column { grid-column: 7/12; display: grid; grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .newsletter__input { grid-column: 1/4; padding: 0; margin-left: -12px; margin-right: -8px; width: calc(100% + 20px); } .newsletter__btn { grid-column: 4/6; } @media (max-width: 1919px) { .newsletter__title { grid-column: 1/4; } .newsletter__column { grid-column: 5/11; grid-template-columns: repeat(6, 1fr); } .newsletter__input { grid-column: 1/5; margin-left: -19px; margin-right: -3px; width: calc(100% + 22px); } .newsletter__btn { grid-column: 5/7; margin-left: -5px; } } @media (max-width: 1439px) { .newsletter { padding: 64px 0; } .newsletter--inside-mob-nav { padding: 24px 0; } .newsletter__content { grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .newsletter__title { grid-column: 1/-1; } .newsletter__column { grid-column: 1/-1; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .newsletter__input { grid-column: 1/3; margin: 0; width: 100%; } .newsletter__btn { grid-column: 3/4; margin: 0; width: 100%; } } @media (max-width: 767px) { .newsletter { padding-top: 40px; } .newsletter--inside-mob-nav { padding: 24px 0; } .newsletter__content { row-gap: 24px; } .newsletter__column { row-gap: 16px; } .newsletter__input { grid-column: 1/-1; } .newsletter__btn { grid-column: 1/-1; } } .newsletter-mob-menu { width: 100%; padding: 24px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); background: #ffffff; } .newsletter-mob-menu__form { width: 100%; } .newsletter-mob-menu__content { 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; row-gap: 16px; } .newsletter-mob-menu__title { margin: 0; padding: 0; font-size: 16px; font-weight: 480; font-style: normal; line-height: 1.32; letter-spacing: -0.015em; /* stylelint-disable-line */ text-transform: lowercase; color: #1c1b15; } .newsletter-mob-menu__column { position: relative; isolation: isolate; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; width: 100%; } .newsletter-mob-menu__input { position: static; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; margin: 0; padding: 0; } .newsletter-mob-menu__input label { position: static; } .newsletter-mob-menu__btn { position: static; width: 48px; } .info-toast { position: fixed; z-index: 9999; background: #3a3a3a; color: #ffffff; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); padding: 12px; min-height: 48px; width: auto; max-width: 256px; } .info-toast--saved { padding-top: 16px; padding-bottom: 16px; width: 100%; max-width: 234px; } .info-toast--buttoned { padding: 15px 24px 17px; max-width: unset; } .info-toast--error { background: #e8584f; color: #ffffff; -webkit-box-shadow: 0 2px 8px 0 rgba(232, 88, 79, 0.25); box-shadow: 0 2px 8px 0 rgba(232, 88, 79, 0.25); } .info-toast--left-bottom { bottom: 24px; left: 24px; } .info-toast.is-active { -webkit-animation: slideUp ease 0.3s; animation: slideUp ease 0.3s; } .info-toast.is-hidden { -webkit-animation: fadeOut linear 0.3s forwards; animation: fadeOut linear 0.3s forwards; } .info-toast__content { 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; } .info-toast--saved .info-toast__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .info-toast__icn { width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 4px; } .info-toast__text { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; color: #ffffff; text-transform: lowercase; cursor: default; } .info-toast__text a { display: inline-block; position: relative; color: currentColor; text-decoration: none; } .info-toast__text a::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: currentColor; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .info-toast__text a:hover { text-decoration: none; } .info-toast__text a:hover::before { opacity: 0; } .info-toast__btn { border: 0; background: transparent; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 1.16; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 480; text-transform: lowercase; color: #1c1b15; cursor: pointer; min-height: 24px; padding-left: 16px; padding-right: 16px; margin-left: 20px; background: #ffffff; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; /* Фиксы для Safari (17) */ font-family: -apple-system, "TT Fors", "Arial", sans-serif; } .info-toast__btn:hover { opacity: 0.7; } @-webkit-keyframes slideUp { from { opacity: 0; -webkit-transform: translateY(calc(100% + 24px)); transform: translateY(calc(100% + 24px)); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { from { opacity: 0; -webkit-transform: translateY(calc(100% + 24px)); transform: translateY(calc(100% + 24px)); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { to { opacity: 0; } } @keyframes fadeOut { to { opacity: 0; } } .catalog-wishlist { width: 100%; padding-top: 24px; } .catalog-wishlist__cards-list { padding: 0; margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; } @media (max-width: 1919px) { .catalog-wishlist__cards-list { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1439px) { .catalog-wishlist__cards-list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1023px) { .catalog-wishlist__cards-list { grid-template-columns: repeat(2, 1fr); } } .catalog-wishlist__cards-item { width: 100%; height: 100%; } @media (max-width: 1439px) { .catalog-wishlist__cards-item { height: 548px; } } @media (max-width: 767px) { .catalog-wishlist__cards-item { height: 332px; } } .info-message { 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; padding: 32px 0; } .info-message__message { max-width: 448px; width: 100%; color: #1c1b15; text-align: center; font-size: 20px; font-style: normal; font-weight: 480; line-height: 1.5em; letter-spacing: -0.2px; text-transform: lowercase; } .faq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 64px; } @media (max-width: 375px) { .faq { padding-top: 40px; } } .faq-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .faq-block__accordion { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #1c1b15; } .faq-block__accordion-element { border-top: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .faq-block__accordion-element.is-active { padding-bottom: 24px; } .faq-block__accordion-content { padding-right: 60px; } @media (max-width: 767px) { .faq-block__accordion-content { padding-right: 40px; } } .faq-block__accordion-content p:not(:last-child) { margin-bottom: 10px; } .faq-block__accordion-btn { 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; padding: 24px 0; width: 100%; border: 0; background-color: rgba(255, 255, 255, 0); color: #1c1b15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: color 0.3s ease, padding 0.3s ease; transition: color 0.3s ease, padding 0.3s ease; } @media (hover: hover) { .faq-block__accordion-btn:hover:not(.focus-visible) { color: #6d6d6d; } } .faq-block__accordion-btn.focus-visible:focus { color: #6d6d6d; } @media (max-width: 375px) { .faq-block__accordion-btn { padding: 20px 0; } } .faq-block__accordion-btn .text { text-align: start; } .is-active .faq-block__accordion-btn { padding-bottom: 16px; } .faq-block__accordion-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .is-active .faq-block__accordion-icon { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); margin-right: 8px; } .faq-block__accordion-icon svg { width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } :root { --mobile-nav-bar-height: 77px; } .mobile-nav-bar { position: fixed; bottom: 0; z-index: 999; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 0; padding: 4px 28px 16px 28px; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .mobile-nav-bar { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } } .mobile-nav-bar__menu { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; width: 100%; max-width: 464px; margin: 0 auto; padding: 0; list-style-type: none; } .mobile-nav-bar__item { 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; height: auto; min-height: 56px; } .mobile-nav-bar__link { 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; row-gap: 4px; width: 100%; max-width: 52px; height: auto; margin: 0; padding: 0; font-size: 12px; font-weight: 480; line-height: 1.26; letter-spacing: -0.01em; text-align: center; text-transform: lowercase; text-decoration: none; color: #929292; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .mobile-nav-bar__link:where(:hover, :focus-visible) { color: #1c1b15; } .mobile-nav-bar__link:active { opacity: 0.75; } .mobile-nav-bar__link[data-notice] { position: relative; isolation: isolate; } .mobile-nav-bar__link[data-notice]::before { content: attr(data-notice); position: absolute; top: -4px; right: 8px; z-index: 1; 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: 14px; height: 14px; font-size: 9px; font-weight: 550; line-height: 1.16; text-align: center; letter-spacing: -0.01em; color: #ffffff; background-color: #D6001C; border-radius: 50%; } .mobile-nav-bar__link-icon { width: 24px; height: 24px; } .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; margin: 0; padding-right: 36px; } @media (max-width: 1023px) { .footer-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding-right: 0; } } .footer-nav__mob-accordion { display: none; visibility: hidden; } @media (max-width: 767px) { .footer-nav__mob-accordion { display: block; visibility: visible; } } .footer-nav__mob-accordion-btn { padding: 16px 0; } .footer-nav__desk-pages { display: grid; grid-template-columns: repeat(3, 242px); -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; margin: 0; padding: 0; list-style-type: none; } @media (max-width: 1023px) { .footer-nav__desk-pages { padding-bottom: 38px; } } @media (max-width: 767px) { .footer-nav__desk-pages { display: none; visibility: hidden; } } .footer-nav__desk-page-sublinks { margin: 0; padding: 0; list-style-type: none; } .footer-nav__desk-page-sublink-box { margin: 0; padding: 12px 0; text-transform: lowercase; font-size: 14px; line-height: 1.1428571429; } .footer-nav .accordion__btn { padding: 14px 0; } .footer-nav .accordion__btn-icon { width: 16px; height: 16px; } .footer-nav .accordion__btn .text--primary { line-height: 1.1875; } .check-list { list-style: none; margin: 0; padding: 0; 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; } .check-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #1c1b15; font-size: 12px; line-height: 126%; font-weight: 460; cursor: default; } .check-list__item-text { max-width: calc(100% - 28px); } .check-list__item .custom-toggle { margin-right: 8px; } .check-list__item a { position: relative; color: #929292; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; text-decoration: underline; } /* .check-list__item a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: currentColor; } */ .check-list__item a:hover { color: #1c1b15; text-decoration: none; } .check-list .input-message { width: 100%; color: #9c9c9c; } .check-list .input-message.is-invalid { color: #D6001C; } .check-list .input-message.is-valid { color: #9c9c9c; } .eco-fur-coat { position: relative; isolation: isolate; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1920px; margin: 0 auto; padding: 128px 24px; padding-right: 182px; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1919px) { .eco-fur-coat { padding: 128px 70px 84px 16px; } } @media (max-width: 1439px) { .eco-fur-coat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 48px; padding: 96px 0 52px; } } @media (max-width: 767px) { .eco-fur-coat { row-gap: 24px; padding: 32px 0 64px; } } .eco-fur-coat__header { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 16px; width: 100%; max-width: 362px; height: auto; } @media (max-width: 1439px) { .eco-fur-coat__header { max-width: 100%; } } .eco-fur-coat__tab-triggers-box { position: sticky; top: var(--header-height, 136px); bottom: 100px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 16px; margin: 0; margin-bottom: 200px; padding: 0; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); } .eco-fur-coat__tab-triggers-box::-webkit-scrollbar { display: none; } @media (max-width: 1439px) { .eco-fur-coat__tab-triggers-box { position: relative; isolation: isolate; inset: initial; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; width: 100%; height: auto; margin: 0; padding: 0 16px; overflow-x: auto; } .eco-fur-coat__tab-triggers-box::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; display: block; width: calc(100% - 32px); height: 1px; background-color: rgba(0, 0, 0, 0.1); } } .eco-fur-coat__tab-trigger { 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: 0; padding: 0; font-size: 32px; font-weight: 480; line-height: 1.1; text-transform: lowercase; text-align: left; color: #b0b0b0; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .eco-fur-coat__tab-trigger.is-active { color: #1c1b15; } .eco-fur-coat__tab-trigger [data-efc-tab-trigger=mob-text] { display: none; visibility: hidden; } @media (max-width: 1439px) { .eco-fur-coat__tab-trigger { padding: 16px 0; width: 50%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; font-size: 20px; line-height: 1.2; text-align: center; } .eco-fur-coat__tab-trigger.is-active { position: relative; isolation: isolate; } .eco-fur-coat__tab-trigger.is-active::after { content: ""; position: absolute; bottom: 0; z-index: 1; display: block; width: 100%; height: 1px; background-color: #1c1b15; } } @media (max-width: 767px) { .eco-fur-coat__tab-trigger [data-efc-tab-trigger=desk-text] { display: none; visibility: hidden; } .eco-fur-coat__tab-trigger [data-efc-tab-trigger=mob-text] { display: block; visibility: visible; } } .eco-fur-coat__skip-btn { position: sticky; bottom: 32px; left: 16px; z-index: 1; margin: 0; margin-top: 200px; padding: 0; } @media (max-width: 1439px) { .eco-fur-coat__skip-btn { display: none; visibility: hidden; } } .eco-fur-coat__picture { position: sticky; top: var(--header-height, 136px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; -ms-flex-item-align: start; align-self: flex-start; width: 928px; height: 768px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eco-fur-coat__picture img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } @media (max-width: 1919px) { .eco-fur-coat__picture { width: 816px; height: 770px; } .eco-fur-coat__picture img { -o-object-fit: cover; object-fit: cover; } } @media (max-width: 1439px) { .eco-fur-coat__picture { position: static; -webkit-transform: none; transform: none; width: auto; height: auto; max-height: 540px; margin: 0 auto; padding: 0 16px; } } .eco-fur-coat__info { position: relative; isolation: isolate; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 184px; width: 100%; max-width: 402px; margin: 0; padding: 0; padding-top: 32px; padding-right: 48px; } @media (max-width: 1439px) { .eco-fur-coat__info { row-gap: 0; max-width: 100%; padding: 0; } } .eco-fur-coat__info-sec { margin: 0; padding: 0; } @media (max-width: 1439px) { .eco-fur-coat__info-sec { display: none; visibility: hidden; } .eco-fur-coat__info-sec.is-active { display: block; visibility: visible; } } .eco-fur-coat__info-sec-header { margin: 0; margin-bottom: 48px; padding: 0; } @media (max-width: 1439px) { .eco-fur-coat__info-sec-header { display: none; visibility: hidden; } } .eco-fur-coat__info-sec-name { margin: 0; padding: 0; font-size: 72px; font-weight: 480; line-height: 1.08; letter-spacing: -0.02em; text-transform: lowercase; color: #D6001C; } .eco-fur-coat__info-list { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 48px; margin: 0; padding: 0; list-style-type: none; overflow-x: auto; } .eco-fur-coat__info-list::-webkit-scrollbar { display: none; } @media (max-width: 1439px) { .eco-fur-coat__info-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; padding: 0 16px; } } .eco-fur-coat__info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 8px; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } @media (max-width: 1439px) { .eco-fur-coat__info-item { -ms-flex-negative: 0; flex-shrink: 0; row-gap: 12px; width: 340px; height: auto; padding: 16px; background-color: #f7f7f7; } } @media (max-width: 767px) { .eco-fur-coat__info-item { width: 280px; } } .eco-fur-coat__info-title { margin: 0; padding: 0; font-size: 20px; font-style: normal; font-weight: 480; line-height: 1.2; letter-spacing: -0.01em; text-transform: lowercase; color: #1c1b15; } .eco-fur-coat__info-text { margin: 0; padding: 0; font-size: 16px; font-style: normal; font-weight: 440; line-height: 1.32; color: #1c1b15; } .eco-fur-coat__info-text-muted { margin: 0; padding: 0; font-size: 16px; font-style: normal; font-weight: 440; line-height: 1.32; color: #929292; } @media (max-width: 1023px) { .eco-fur-coat { display: none; } } .info { display: grid; grid-template-columns: 1fr; row-gap: 64px; max-width: 821px; font-size: 16px; font-style: normal; font-weight: 440; line-height: 1.3125; } .info--dialogs { max-width: 100%; display: block; } .info--newsletter { max-width: 703px; } .info--profile { max-width: 683px; padding-bottom: 88px; } .info--subs { max-width: none; } .info--orders { max-width: 944px; } .info h2 { font-size: 32px; font-style: normal; font-weight: 460; line-height: 1.09375; text-transform: lowercase; margin: 0; } .info h2:not(:only-child) { margin-bottom: 32px; } .info h3 { font-size: 24px; font-style: normal; font-weight: 480; line-height: 1.3333333333; letter-spacing: -0.24px; /* text-transform: lowercase; */ margin: 0; } .info p { margin: 0; } .info section > *:not(:first-child) { margin-top: 24px; } .info picture, .info img { display: block; width: 100%; height: auto; } .info em { white-space: nowrap; } .info i { color: #929292; font-style: normal; } .info .contact { grid-template-columns: 281px 1fr; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .info .contact__prop { text-transform: initial; } .info .accordion__content { padding-right: 64px; } .info--newsletter .accordion__btn .text { font-size: 20px; line-height: 1.2; } .info--newsletter .accordion__content { padding-right: 0; } .info--newsletter .accordion__element.is-active { padding-bottom: 32px; } @media (max-width: 1439px) { .info { row-gap: 48px; max-width: none; } .info--newsletter { max-width: none; } .info--profile { max-width: none; padding-bottom: 0; } .info h3 { padding-right: 112px; } .info .contact { grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .info .contact__prop { text-transform: initial; } .info section > p, .info section > .list { padding-right: 48px; } .info .list-prop { padding-right: 48px; } .info .list-service__item :first-child { padding-right: 24px; } } @media (max-width: 767px) { .info { row-gap: 40px; font-size: 14px; line-height: 1.1428571429; /* text-transform: lowercase; */ } .info .accordion__content .text--primary { font-size: 14px; line-height: 1.1428571429; /* text-transform: lowercase; */ } .info .accordion__content { padding-right: 0; } .info .accordion__btn { padding: 16px 0; } .info--newsletter .accordion__btn .text { font-size: 16px; line-height: 1.3125; } .info--newsletter .accordion__element.is-active { padding-bottom: 24px; } .info h2 { font-size: 24px; line-height: 1.3333333333; font-weight: 480; letter-spacing: -0.01em; } .info h2:not(:only-child) { margin-bottom: 24px; } .info h3 { font-size: 20px; line-height: 1.2; padding-right: 0; } .info section > *:not(:first-child) { margin-top: 16px; } .info section > p, .info section > .list { padding-right: 0; } .info .contact { grid-template-columns: 1fr; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .info .contact__prop { /* text-transform: lowercase; */ } .info .list-prop { padding-right: 0; } .info .list-service__item :first-child { padding-right: 0; } } .list { display: grid; grid-template-columns: 1fr; gap: 8px; } .list__list { list-style-type: none; margin: 0; padding: 0; } .list__item::before { content: "— "; } .list a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; color: #929292; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .list a:hover { color: inherit; } .list a::after { content: ""; height: 1px; background-color: currentColor; width: 100%; position: absolute; bottom: 1px; } .list-contact { list-style-type: none; margin: 0; padding: 0; } .list-contact__item { padding-bottom: 32px; } .list-contact__item:not(:first-child) { padding-top: 32px; } .list-contact__item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-contact__props { display: grid; grid-template-columns: 1fr; } .list-contact__prop { padding: 8px 0; display: grid; grid-template-columns: 172px 1fr; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; font-weight: 480; } .list-contact__prop > :first-child { color: #929292; } @media (max-width: 1439px) { .list-contact__item { grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .list-contact__item:last-child { padding-bottom: 0; } .list-contact__props { grid-column: 2/-1; } } @media (max-width: 767px) { .list-contact__item { grid-template-columns: 1fr; row-gap: 16px; padding-bottom: 24px; } .list-contact__item:not(:first-child) { padding-top: 24px; } .list-contact__props { grid-column: 1/-1; row-gap: 12px; } .list-contact__prop { padding: 0; grid-template-columns: 1fr; row-gap: 4px; font-weight: 440; } .list-contact__prop > :first-child { text-transform: lowercase; } } .list-service { list-style-type: none; margin: 0; padding: 0; } .list-service__item { padding-bottom: 32px; display: grid; grid-template-columns: 324px 1fr; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .list-service__item .title { text-transform: lowercase; } .list-service__item:not(:first-child) { padding-top: 32px; } .list-service__item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-service .list-prop { padding-top: 4px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; height: 100%; } @media (max-width: 1439px) { .list-service__item { grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .list-service .list-prop { grid-column: 2/-1; width: calc(100% + 16px); margin-left: -16px; } } @media (max-width: 767px) { .list-service__item { padding-bottom: 24px; padding-top: 24px; grid-template-columns: 1fr; row-gap: 16px; } .list-service__item:not(:first-child) { padding-top: 24px; } .list-service .list-prop { grid-column: 1/-1; width: 100%; margin-left: 0; } } .list-prop { list-style-type: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; row-gap: 24px; } .list-prop__item { position: relative; padding-left: 16px; } .list-prop__item::before { content: ""; position: absolute; background-color: currentColor; border-radius: 50%; width: 4px; height: 4px; top: 8px; left: 4px; } @media (max-width: 767px) { .list-prop { row-gap: 16px; } } .aside-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style-type: none; padding: 0; margin: 0; } .aside-menu__link { padding: 8px 0; color: #6d6d6d; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; text-transform: lowercase; line-height: 1.2; font-weight: inherit; border: none; background-color: rgba(255, 255, 255, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; cursor: pointer; } .aside-menu__link .icon { display: block; width: 24px; height: 24px; -webkit-transform: translateY(2px); transform: translateY(2px); } .aside-menu__link:hover, .aside-menu__link.is-active { color: #1c1b15; } .list-link { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; } .list-link__item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-link__item--exit:last-child { border-bottom: none; margin-top: 16px; } .list-link .link { width: 100%; padding: 16px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: lowercase; } .list-link .link .icon { width: 16px; height: 16px; display: block; } .list-link__item--exit .link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (max-width: 767px) { .list-link__item--exit:last-child { margin-top: 0; } } .section-lookbooks { --lb-list-gap: 4px; --lb-item-basis--main: calc((100% / 3) - (var(--lb-list-gap) * 2)); --lb-item-basis--half: calc((100% / 2) - var(--lb-list-gap)); } .section-lookbooks__breadcrumbs { width: 100%; height: 100%; margin: 0; padding: 40px 24px; } @media (max-width: 1439px) { .section-lookbooks__breadcrumbs { display: none; visibility: hidden; } } .section-lookbooks__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--lb-list-gap); list-style: none; margin: 0; padding: 0; margin-bottom: 24px; } @media (max-width: 1439px) { .section-lookbooks__list { --lb-list-gap: 2px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-lookbooks__item { position: relative; isolation: isolate; -webkit-box-flex: 1; -ms-flex: 1 1 var(--lb-item-basis--main); flex: 1 1 var(--lb-item-basis--main); 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; width: var(--lb-item-basis--main); aspect-ratio: 0.7479484174; } .section-lookbooks__item:nth-child(6n-5) { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; aspect-ratio: 1.8461538462; } .section-lookbooks__item:nth-child(6n-4), .section-lookbooks__item:nth-child(6n-3) { -ms-flex-preferred-size: var(--lb-item-basis--half); flex-basis: var(--lb-item-basis--half); width: var(--lb-item-basis--half); aspect-ratio: 1.123094959; } @media (max-width: 1439px) { .section-lookbooks__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; aspect-ratio: 1.6695652174; } .section-lookbooks__item:nth-child(6n-5), .section-lookbooks__item:nth-child(6n-4), .section-lookbooks__item:nth-child(6n-3) { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; aspect-ratio: 1.6695652174; } } @media (max-width: 767px) { .section-lookbooks__item { aspect-ratio: 0.8152173913; } .section-lookbooks__item:nth-child(6n-5), .section-lookbooks__item:nth-child(6n-4), .section-lookbooks__item:nth-child(6n-3) { aspect-ratio: 0.8152173913; } } .section-lookbooks__link { 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; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 48px; font-weight: 480; line-height: 1.08; letter-spacing: -0.02em; text-transform: lowercase; text-align: center; color: #ffffff; } .section-lookbooks__link--red { color: #ff3900; } .section-lookbooks__link--blue { color: #265dff; } .section-lookbooks__picture { position: absolute; inset: 0; z-index: -1; display: block; } .section-lookbooks__picture img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .section-lookbooks__pagination { 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: 24px; width: 100%; } @media (max-width: 1439px) { .section-lookbooks__pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-lb-detail { --lb-list-gap: 4px; --lb-item-basis--main: calc((100% / 3) - (var(--lb-list-gap) * 2)); --lb-item-basis--half: calc((100% / 2) - var(--lb-list-gap)); margin: 0; padding: 0; padding-bottom: 128px; } .section-lb-detail__title-box { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; row-gap: 24px; margin: 0; padding: 96px 24px 112px; } @media (max-width: 767px) { .section-lb-detail__title-box { padding-top: 48px; padding-bottom: 64px; } } .section-lb-detail__title { margin: 0; padding: 0; font-size: 72px; font-weight: 480; line-height: 1; letter-spacing: -0.02em; text-transform: lowercase; text-align: center; color: #1c1b15; } .section-lb-detail__title--blue { color: #265dff; } @media (max-width: 767px) { .section-lb-detail__title { font-size: 48px; } } .section-lb-detail__title-descr { width: 100%; max-width: 918px; height: auto; margin: 0; padding: 0; font-size: 22px; font-weight: 500; line-height: 1.44; letter-spacing: -0.01em; text-align: center; color: #1c1b15; } @media (max-width: 767px) { .section-lb-detail__title-descr { font-size: 16px; line-height: 1.32; } } .section-lb-detail__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* gap: var(--lb-list-gap); */ row-gap: 20px; } @media (max-width: 767px) { .section-lb-detail__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* gap: 20px; */ } } @media (min-width: 501px) { .modal-lookbook__title { margin: 0 auto; transform: translateX(40px); } } .section-lb-detail__item { -webkit-box-flex: 1; -ms-flex: 1 1 var(--lb-item-basis--main); flex: 1 1 var(--lb-item-basis--main); 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; row-gap: 24px; width: 100%; height: 100%; margin: 0; padding: 0; flex-shrink: 0; } .section-lb-detail__item--video { max-height: calc(100 * var(--vh, 1vh) - var(--header-height)); } .section-lb-detail__item[data-lb-detail-card=card-1], .section-lb-detail__item[data-lb-detail-card=card-11] { -ms-flex-preferred-size: 100%; flex-basis: 100%; aspect-ratio: 1.3464235624; } .section-lb-detail__item[data-lb-detail-card=card-1]:not(:last-child), .section-lb-detail__item[data-lb-detail-card=card-11]:not(:last-child) { margin-bottom: 24px; } .section-lb-detail__item[data-lb-detail-card=card-2], .section-lb-detail__item[data-lb-detail-card=card-3], .section-lb-detail__item[data-lb-detail-card=card-8], .section-lb-detail__item[data-lb-detail-card=card-9] { -ms-flex-preferred-size: var(--lb-item-basis--half); flex-basis: var(--lb-item-basis--half); row-gap: 46px; aspect-ratio: 0.7801302932; } .section-lb-detail__item[data-lb-detail-card=card-3] .section-lb-detail__item-pic { padding: 146px 128px; } .section-lb-detail__item[data-lb-detail-card=card-4], .section-lb-detail__item[data-lb-detail-card=card-10] { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 128px 24px; aspect-ratio: 1.0859728507; } .section-lb-detail__item[data-lb-detail-card=card-4] .section-lb-detail__item-pic, .section-lb-detail__item[data-lb-detail-card=card-10] .section-lb-detail__item-pic { padding: 0 416px; } .section-lb-detail__item[data-lb-detail-card=card-5], .section-lb-detail__item[data-lb-detail-card=card-6], .section-lb-detail__item[data-lb-detail-card=card-7] { aspect-ratio: 0.7479484174; } @media (max-width: 1919px) { .section-lb-detail__item[data-lb-detail-card=card-3] .section-lb-detail__item-pic { padding: 96px; } .section-lb-detail__item[data-lb-detail-card=card-4] .section-lb-detail__item-pic, .section-lb-detail__item[data-lb-detail-card=card-10] .section-lb-detail__item-pic { padding: 0 309px; } } @media (max-width: 1439px) { .section-lb-detail__item[data-lb-detail-card=card-3] .section-lb-detail__item-pic { padding: 72px 64px; } .section-lb-detail__item[data-lb-detail-card=card-4], .section-lb-detail__item[data-lb-detail-card=card-10] { padding: 64px 0; } .section-lb-detail__item[data-lb-detail-card=card-4] .section-lb-detail__item-pic, .section-lb-detail__item[data-lb-detail-card=card-10] .section-lb-detail__item-pic { padding: 0 170px; } } @media (max-width: 767px) { .section-lb-detail__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; /* aspect-ratio: 0.8152173913; */ aspect-ratio: unset !important; } .section-lb-detail__item:is([data-lb-detail-card]) { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; aspect-ratio: 0.8152173913; } .section-lb-detail__item[data-lb-detail-card=card-3] { aspect-ratio: 0.7591093117; } .section-lb-detail__item[data-lb-detail-card=card-3] .section-lb-detail__item-pic { padding: 60px 56px; } .section-lb-detail__item[data-lb-detail-card=card-4], .section-lb-detail__item[data-lb-detail-card=card-10] { margin-bottom: 64px; padding: 0; aspect-ratio: 0.78125; } .section-lb-detail__item[data-lb-detail-card=card-4] .section-lb-detail__item-pic, .section-lb-detail__item[data-lb-detail-card=card-10] .section-lb-detail__item-pic { padding: 64px 68px 16px; } .section-lb-detail__item[data-lb-detail-card=card-8] { margin-bottom: 24px; } } .section-lb-detail__item-pic-box { position: relative; /* isolation: isolate; */ width: 100%; height: 100%; } .section-lb-detail__item-pic { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; margin: 0; padding: 0; } .section-lb-detail__item-pic img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .section-lb-detail__item-pic { position: static; } } .section-lb-detail__item-video-box { position: relative; isolation: isolate; width: 100%; height: 100%; cursor: pointer; } .section-lb-detail__item-video { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; margin: auto; padding: 0; -o-object-fit: cover; object-fit: cover; } .section-lb-detail__item-video-play-btn { position: absolute; inset: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; margin: 0; padding: 12px; font-size: 0; color: #ffffff; background-color: rgba(28, 27, 21, 0.3); border: none; cursor: pointer; opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity; } .section-lb-detail__item-video-play-btn svg { -webkit-transition: scale 0.3s ease; transition: scale 0.3s ease; } .section-lb-detail__item-video-play-btn:where(:hover, :focus-visible) svg { scale: 1.2; } .section-lb-detail__item-video-play-btn:active svg { scale: 1; } .section-lb-detail__item-video-play-btn.is-active { visibility: visible; opacity: 1; } .section-lb-detail__item-trigger { position: absolute; right: 24px; bottom: 24px; z-index: 2; 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: 0; padding: 11px; font-size: 0; color: #1c1b15; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, background-color, opacity; transition-property: color, background-color, opacity; outline: none; } .section-lb-detail__item-trigger:where(:hover, :focus-visible) { background-color: #1c1b15; color: #ffffff; } .section-lb-detail__item-trigger:where(:hover, :focus-visible) svg { fill: currentColor; } .section-lb-detail__item-trigger:active { opacity: 0.75; } @media (max-width: 1439px) { .section-lb-detail__item-trigger { right: 16px; bottom: 16px; padding: 7px; } } .section-lb-detail__item-descr { margin: 0; padding: 0 24px; width: 100%; max-width: 508px; height: auto; font-size: 16px; font-weight: 440; line-height: 1.32; color: #1c1b15; } @media (max-width: 767px) { .section-lb-detail__item-descr { font-size: 14px; line-height: 1.17; } } .section-lb-detail__item-descr-link { display: inline-block; line-height: 1; color: #6d6d6d; border-bottom: 1px solid #6d6d6d; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, border-color, opacity; transition-property: color, border-color, opacity; } .section-lb-detail__item-descr-link:where(:hover, :focus-visible) { color: #1c1b15; border-color: #1c1b15; } .section-lb-detail__item-descr-link:active { opacity: 0.75; } .link-back .link { background-color: rgba(255, 255, 255, 0); border: none; padding: 0; text-transform: lowercase; } .link-back .link__icon-wrapper { padding: 8px; width: 40px; height: 40px; } .contact { display: grid; grid-template-columns: 1fr; row-gap: 8px; } .contact__name { /* text-transform: lowercase; */ font-weight: 460; line-height: 1.2; } .contact__props { display: grid; grid-template-columns: 1fr; } .contact__prop { padding: 8px 0; display: grid; grid-template-columns: 235px 1fr; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; font-weight: 480; } .contact__prop > :first-child { color: #929292; } .contacts .contact__prop > :first-child { color: #6d6d6d; } .contact__prop--social-links { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; row-gap: 8px; } .contact__prop--social-links .btn { grid-column: 2/3; } .contact a:not([href^="tel:"]):not(.social-links__link):not(.btn) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; color: #929292; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .contact a:not([href^="tel:"]):not(.social-links__link):not(.btn):hover { color: inherit; } .contact a:not([href^="tel:"]):not(.social-links__link):not(.btn)::after { content: ""; height: 1px; background-color: currentColor; width: 100%; position: absolute; bottom: 1px; } @media (max-width: 1439px) { .contact { grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .contact__props { grid-column: 2/-1; } .contact__props:only-child { grid-column: 1/-1; } .contact__prop { grid-template-columns: 172px 1fr; } .contact__props:only-child .contact__prop { grid-template-columns: repeat(3, 1fr); } .contact__props:only-child .contact__prop > :last-child, .contact__props:only-child .contact__prop > .social-links { grid-column: 2/-1; } .contact__props:only-child .contact__prop > .btn { width: 100%; margin-bottom: 8px; } } @media (max-width: 767px) { .contact { grid-template-columns: 1fr; row-gap: 16px; } .contact__name { font-weight: 480; line-height: 1.2; } .contact__props { grid-column: 1/-1; row-gap: 12px; } .contact__prop { grid-template-columns: 1fr; row-gap: 4px; padding: 0; /* text-transform: lowercase; */ font-weight: 440; } .contact__prop--social-links { row-gap: 12px; padding-top: 4px; } .contact__props:only-child .contact__prop { grid-template-columns: 1fr; } .contact__props:only-child .contact__prop > :last-child, .contact__props:only-child .contact__prop > .social-links { grid-column: 1/-1; } .contact__props:only-child .contact__prop > .social-links { padding-top: 0; padding-bottom: 4px; } .contact__props:only-child .contact__prop > .btn { margin-bottom: 0; } } .contacts { max-width: 1552px; margin: 0 auto; width: 100%; } .contacts__box { padding-top: 24px; padding-bottom: 80px; } .contacts__box--grid { display: grid; grid-template-columns: repeat(2, 1fr); } .contacts--contacts .contacts__box--grid { padding: 64px 0; } .contacts--contacts .contacts__box--grid:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.1); } .contacts__box-name { padding-right: 40px; font-weight: 460; text-transform: lowercase; line-height: 1.09375; } .contacts .list-contact__item:last-child { padding-bottom: 0; } .contacts .contact__name { font-size: 32px; line-height: 1.09375; padding-top: 7px; padding-bottom: 6px; } @media (max-width: 1439px) { .contacts__box { padding-top: 24px; padding-bottom: 48px; } .contacts__box--grid { grid-template-columns: 1fr; row-gap: 32px; } .contacts--contacts .contacts__box--grid { padding: 32px 0; } .contacts--contacts .contacts__box--grid:first-child { padding-top: 0; } .contacts .contact__name { font-size: 20px; line-height: 1.2; padding: 0; font-weight: 480; } } @media (max-width: 767px) { .contacts { font-size: 14px; line-height: 1.1428571429; /* text-transform: lowercase; */ } .contacts__box { padding-top: 0; padding-bottom: 64px; } .contacts__box--grid { row-gap: 24px; } .contacts__box-name { font-size: 24px; line-height: 1.3333333333; font-weight: 480; } } .card-store { display: grid; grid-template-columns: 1fr; row-gap: 24px; } .card-store__controls { 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: stretch; -ms-flex-align: stretch; align-items: stretch; /* Фиксы для Safari (17) */ } .card-store__controls .btn { font-family: -apple-system, "TT Fors", "Arial", sans-serif; } .card-store__gallery { min-width: 0; } .card-store .contact__name { font-size: 32px; line-height: 1.09375; padding-top: 7px; padding-bottom: 6px; } @media (max-width: 1439px) { .card-store .contact { grid-template-columns: 1fr; } .card-store .contact__name { grid-column: 1/-1; } .card-store .contact__props { grid-column: 1/-1; } .card-store .contact__prop { grid-template-columns: repeat(3, 1fr); } .card-store .contact__prop :last-child { grid-column: 2/-1; } } @media (max-width: 767px) { .card-store .contact__name { font-size: 20px; line-height: 1.2; padding: 0; font-weight: 480; text-transform: none; } .card-store .contact__prop { grid-template-columns: 1fr; } .card-store .contact__prop :last-child { grid-column: 1/-1; text-transform: none; } } .list-store { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px; position: relative; } .list-store::before { content: ""; position: absolute; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-24px); transform: translateY(-24px); } .list-store__item { position: relative; } .list-store__item:nth-child(odd)::after { content: ""; position: absolute; top: 0; right: -24px; height: 100%; width: 1px; background-color: rgba(0, 0, 0, 0.1); } @media (max-width: 1439px) { .list-store { grid-template-columns: 1fr; gap: 0; } .list-store__item { position: relative; } .list-store__item:nth-child(odd)::after { display: none; } .list-store__item:first-child { padding-bottom: 24px; } .list-store__item:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 24px; } } @media (max-width: 767px) { .list-store::before { display: none; } .list-store__item:first-child { padding-bottom: 32px; } .list-store__item:not(:first-child) { padding-top: 32px; } } .store-gallery { width: 100%; } .store-gallery picture { display: block; position: relative; width: 100%; height: 400px; } .store-gallery img { position: absolute; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; } .store-gallery__nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2px; position: absolute; bottom: 8px; right: 8px; z-index: 1; } @media (max-width: 1439px) { .store-gallery picture { height: 0; padding-top: 54.3%; } } @media (max-width: 767px) { .store-gallery picture { padding-top: 65.1%; } } .btn-nav { width: 40px; height: 40px; padding: 8px; 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; background-color: #ffffff; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; border: none; cursor: pointer; } .btn-nav:hover { background-color: #f5f4f2; } .btn-nav.swiper-button-disabled { opacity: 0.4; cursor: default; } .btn-nav__icon { width: 16px; height: 16px; display: block; } .btn-nav__icon svg { display: block; width: 100%; height: 100%; } .map-contact { height: 100%; } .map-contact .container { display: grid; grid-template-columns: 396px 1fr; grid-template-rows: repeat(2, auto) 1fr; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 24px; height: 100%; } .map-contact__controls { grid-column: 1/2; grid-row: 1/2; padding: 14px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .map-contact__controls .link__icon-wrapper { padding: 0; width: 16px; height: 16px; } .map-contact__heading { grid-column: 1/2; grid-row: 2/3; font-size: 48px; font-style: normal; font-weight: 480; line-height: 1.0833333333; letter-spacing: -0.96px; text-transform: lowercase; margin: 0; } .map-contact__contact { grid-column: 1/2; grid-row: 3/4; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; margin-top: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding-bottom: 16px; } .map-contact__contact .contact { grid-row: 1/2; grid-column: 1/2; visibility: hidden; } .map-contact__contact .contact.is-show { visibility: visible; } .map-contact__contact .contact__name { display: none; } .map-contact__contact .contact__props { row-gap: 24px; } .map-contact__contact .contact__prop { padding: 0; grid-template-columns: 1fr; row-gap: 4px; } .map-contact__contact .contact__prop :first-child { /* text-transform: capitalize; */ line-height: 1.3125; } .map-contact__contact .contact__prop :last-child { font-size: 24px; line-height: 1.3333333333; letter-spacing: -0.24px; } .map-contact__map { grid-column: 2/-1; grid-row: 1/-1; position: relative; } .map-contact__map #map-contact { width: 100%; height: 100%; /* stylelint-disable */ /* stylelint-enable */ } .map-contact__map #map-contact > ymaps { width: 100% !important; height: 100% !important; } .map-contact__map #map-contact > ymaps > ymaps { width: 100% !important; height: 100% !important; } .map-contact__toggle-view { display: none; position: absolute; right: 0; top: 0; z-index: 1; } @media (max-width: 1439px) { .map-contact .container { grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 40px; overflow: auto; scrollbar-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: contain; } .map-contact .container::-webkit-scrollbar { width: 0; -webkit-appearance: none; appearance: none; } .map-contact .container::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0); } .map-contact .container::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0); } .map-contact__controls { grid-column: 1/-1; padding: 8px; margin: 0 -16px; border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; position: sticky; top: 0; z-index: 1; } .map-contact__controls .link__icon-wrapper { padding: 8px; width: 40px; height: 40px; } .map-contact__contact { grid-column: 2/-1; grid-row: 2/3; padding: 8px 0; } .map-contact__contact .contact__props { grid-column: 1/-1; } .map-contact__contact .contact__prop { grid-template-columns: 1fr !important; /* stylelint-disable-line */ } .map-contact__contact .contact__prop :last-child { font-size: 22px; font-weight: 500; line-height: 1.4545454545; letter-spacing: -0.22px; text-transform: initial; grid-column: 1/-1 !important; /* stylelint-disable-line */ } .map-contact__heading { grid-column: 1/2; grid-row: 2/3; font-size: 32px; font-weight: 460; line-height: 1.09375; letter-spacing: 0; } .map-contact__map { grid-column: 1/-1; grid-row: 3/-1; height: 100%; min-height: 610px; margin: 0 -16px; } } @media (max-width: 767px) { .map-contact .container { grid-template-columns: 1fr; grid-template-rows: repeat(3, auto) 1fr; row-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .map-contact__heading { grid-column: 1/2; grid-row: 2/3; font-size: 20px; font-weight: 480; line-height: 1.2; letter-spacing: -0.2px; padding-top: 32px; } .map-contact__contact { grid-column: 1/2; grid-row: 3/4; padding-top: 24px; padding-bottom: 32px; } .map-contact__contact .contact__props { row-gap: 16px; } .map-contact__contact .contact :first-child { text-transform: lowercase; font-size: 14px; line-height: 1.1428571429; font-weight: 440; } .map-contact__contact .contact :last-child { font-size: 16px; line-height: 1.3125; } .map-contact__map { height: 100%; min-height: 400px; grid-row: 4/5; } .fullscreen-map .map-contact__map { grid-row: 2/5; } .map-contact__toggle-view { display: block; } } .map-point { 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; width: 48px; height: 48px; -webkit-transform: translateY(-100%) translateX(-50%); transform: translateY(-100%) translateX(-50%); } .map-point svg { display: block; } .btn-map { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; color: #ffffff; background: rgba(28, 27, 21, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 48px; height: 48px; padding: 0; margin: 0; cursor: pointer; } .btn-map__icon { grid-column: 1/2; grid-row: 1/2; display: -webkit-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; } .btn-map__icon svg { display: block; width: 100%; height: 100%; } .btn-map__icon:last-child { opacity: 0; } .btn-map.is-active .btn-map__icon:last-child { opacity: 1; } .btn-map.is-active .btn-map__icon:first-child { opacity: 0; } .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; list-style-type: none; padding: 16px 0; margin: 0; } .social-links .social-links__link { 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; width: 40px; height: 40px; border-radius: 50%; color: #1c1b15; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .social-links .social-links__link::after { display: none; } .social-links .social-links__link:hover { color: #D6001C; } .social-links__icon { display: block; width: 100%; height: 100%; } .social-links__icon .icon { display: block; width: 100%; height: 100%; } .review { padding-top: 32px; padding-bottom: 32px; display: grid; grid-template-columns: 1fr repeat(2, auto); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .review:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .review:last-child { border-bottom: none; padding-bottom: 0; } .review__name { margin: 0; text-transform: capitalize; font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; font-weight: 480; } @media (max-width: 767px) { .review__name { font-size: 14px; line-height: 1.17; } } .review__date { margin: 0; color: #929292; font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; } .review__props { grid-column: 1/-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; color: #929292; text-transform: lowercase; font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; } .review__info { grid-column: 1/-1; margin: 0; 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; font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; } @media (max-width: 767px) { .review__info { font-size: 14px; line-height: 1.17; } } .review__info-title { font-weight: 480; margin: 0; } .review__info-text { padding-right: 32px; margin: 0; } @media (max-width: 767px) { .review { padding-top: 24px; padding-bottom: 24px; row-gap: 12px; } .review:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 24px; } .review__name { text-transform: lowercase; font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; font-weight: 480; } .review__info { text-transform: lowercase; padding-right: 0; } } .no-results { text-align: center; } .no-results__cover { display: inline-block; vertical-align: top; margin-bottom: 24px; } .no-results__icn { width: 40px; height: 40px; } .no-results__title { font-size: 24px; line-height: 1.33; font-style: normal; font-weight: 480; letter-spacing: -0.01em; text-transform: lowercase; margin-bottom: 4px; cursor: default; } .no-results__text { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; cursor: default; } @media (max-width: 767px) { .no-results__text { font-size: 14px; line-height: 1.17; } } .no-results__btn { max-width: 272px; margin-left: auto; margin-right: auto; margin-top: 24px; } .lb-detail-form__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } @media (max-width: 1023px) { .lb-detail-form__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .lb-detail-form__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .lb-detail-form__item { margin: 0; padding: 32px 16px; } .lb-detail-form__item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .lb-detail-card { position: relative; isolation: isolate; 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%; height: 100%; background-color: #f7f7f7; } @media (max-width: 767px) { .lb-detail-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: rgba(255, 255, 255, 0); } } .lb-detail-card__fav-trigger { position: absolute; top: 8px; right: 8px; z-index: 1; 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: 0; padding: 0; font-size: 0; color: #1c1b15; background-color: rgba(255, 255, 255, 0); border: none; cursor: pointer; fill-opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, -webkit-transform; transition-property: color, -webkit-transform; transition-property: transform, color; transition-property: transform, color, -webkit-transform; } .lb-detail-card__fav-trigger:where(:hover, :focus-visible) { -webkit-transform: scale(0.8); transform: scale(0.8); } .lb-detail-card__fav-trigger.is-active, .lb-detail-card__fav-trigger[aria-pressed=true] { fill-opacity: 1; } @media (max-width: 767px) { .lb-detail-card__fav-trigger { top: 4px; right: 4px; } } .lb-detail-card__fav-trigger-icon { width: 24px; height: 24px; } @media (max-width: 1023px) { .lb-detail-card__fav-trigger-icon { width: 16px; height: 16px; } } .lb-detail-card__image { position: relative; isolation: isolate; display: block; width: 100%; height: 100%; } .lb-detail-card__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 0.8086956522; } @media (max-width: 767px) { .lb-detail-card__image { width: max(28.5vw, 106px); min-width: 106px; height: auto; aspect-ratio: 0.7969924812; } } .lb-detail-card__info { position: relative; isolation: isolate; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 16px; width: auto; height: 100%; margin: 0; padding: 16px; } @media (max-width: 767px) { .lb-detail-card__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: auto; padding: 0 12px; } } .lb-detail-card__title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 4px; } @media (max-width: 767px) { .lb-detail-card__title-box { -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: start; padding-right: 16px; } } .lb-detail-card__title { width: 100%; margin: 0; padding: 0; font-size: 16px; font-weight: 440; line-height: 1.32; color: #1c1b15; } @media (max-width: 767px) { .lb-detail-card__title { font-size: 14px; line-height: 1.17; } } .lb-detail-card__price { margin: 0; padding: 0; } .lb-detail-card__color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .lb-detail-card__color-dot { display: block; width: 12px; height: 12px; margin: 0; margin-right: 12px; padding: 0; background-color: #1c1b15; border-radius: 50%; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: 4px; flex-shrink: 0; } .lb-detail-card__color-text { display: block; margin: 0; padding: 0; font-size: 14px; font-weight: 440; line-height: 1.42; text-transform: lowercase; color: #929292; } @media (max-width: 767px) { .lb-detail-card__color-text { width: 100%; max-width: 132px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } @media (max-width: 767px) { .lb-detail-card__sizes { display: none; visibility: hidden; } } .lb-detail-card__btns { width: 100%; margin-top: auto; } .lb-detail-card__btn-buy { padding: 14px; width: 100%; } .lb-detail-card__btn-buy:is(:hover, :hover:not(.focus-visible), :focus-visible) { color: #ffffff; background-color: #1c1b15; } .lb-detail-card__btn-buy:is(:active, :active:not(.focus-visible)) { color: #ffffff; background-color: #3a3a3a; } .lb-detail-card__btn-buy:is(:disabled) { color: #b0b0b0; background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(0, 0, 0, 0.1); } .lb-detail-card__btn-buy--on-mob { display: none; visibility: hidden; } @media (max-width: 767px) { .lb-detail-card__btn-buy:is(:disabled) { color: #1c1b15; border-color: #1c1b15; opacity: 1; pointer-events: all; } .lb-detail-card__btn-buy--on-desk { display: none; visibility: hidden; } .lb-detail-card__btn-buy--on-mob { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } } .lb-detail-sizes-list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .lb-detail-sizes-list__item { 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; margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .lb-detail-sizes-list__label { width: 100%; height: auto; margin: 0; padding: 12px 0; cursor: pointer; } .lb-detail-sizes-list__el { position: relative; isolation: isolate; margin: 0; padding: 0; padding-left: 36px; } .lb-detail-sizes-list__el-pointer { position: absolute; isolation: isolate; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; display: block; width: 24px; height: 24px; background-color: #f7f7f7; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; } .lb-detail-sizes-list__el-pointer::before { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; z-index: 2; display: block; visibility: hidden; width: 12px; height: 12px; background-color: #1c1b15; border-radius: 50%; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } input:checked + .lb-detail-sizes-list__el > .lb-detail-sizes-list__el-pointer::before { visibility: visible; opacity: 1; } .lb-detail-sizes-list__el-text { font-size: 16px; font-style: normal; font-weight: 440; line-height: 1.32; color: #1c1b15; } .lb-detail-sizes-list__el-text--empty { color: #6d6d6d; background: #f7f7f7; } .lb-detail-sizes-list__count { display: block; width: auto; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; font-size: 12px; font-weight: 460; line-height: 1.26; text-transform: lowercase; color: #929292; cursor: default; } .lb-detail-sizes-list__count--last { color: #e8584f; } .sub-product { display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(2, auto); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 8px; } .sub-product__image { width: 150px; height: 180px; grid-column: 1/2; grid-row: 1/-1; } .sub-product__image picture, .sub-product__image img { display: block; width: 100%; height: 100%; } .sub-product__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .sub-product__main { display: grid; grid-template-columns: 1fr; row-gap: 8px; margin-bottom: auto; font-weight: 480; } .sub-product__props { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .sub-product__state { font-weight: 440; color: #929292; } .sub-product__state.is-active { color: #00a065; } .sub-product__controls { 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-top: auto; gap: 16px; } @media (max-width: 1439px) { .sub-product { -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .sub-product__main { grid-template-columns: 1fr auto; -webkit-column-gap: 64px; -moz-column-gap: 64px; column-gap: 64px; row-gap: 12px; } .sub-product__props { gap: 52px; } } @media (max-width: 767px) { .sub-product { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } .sub-product__image { width: 106px; height: 133px; } .sub-product__main { grid-template-columns: 1fr; row-gap: 8px; line-height: 1.2857142857; } .sub-product__state { line-height: 1.1428571429; } .sub-product__props { gap: 24px; } .sub-product__controls .btn { font-size: 14px; line-height: 1.2857142857; padding: 6px 48px; min-height: auto; } } .list-subs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 64px; } .list-subs__list { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 48px; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .list-subs__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 16px; gap: 24px; } @media (max-width: 1439px) { .list-subs { gap: 48px; } .list-subs__list { grid-template-columns: 1fr; row-gap: 0; } .list-subs__controls { -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; } .list-subs .sub-product { padding-bottom: 32px; position: relative; } .list-subs .sub-product:not(:first-child) { padding-top: 32px; border-top: 1px solid rgba(0, 0, 0, 0.1); } } @media (max-width: 767px) { .list-subs { gap: 40px; } } .order-item { display: grid; grid-template-columns: auto 1fr auto auto; grid-template-rows: 1fr auto; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; font-size: 16px; line-height: 1.3125; font-weight: 480; } .order-item__image { width: 100px; height: 100px; grid-row: 1/3; } .order-item__image picture, .order-item__image img { display: block; width: 100%; height: 100%; } .order-item__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .order-item__props { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .order-item__color { background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; } .order-item__price { margin-left: auto; padding-left: 8px; } .order-item__id { -ms-flex-item-align: end; align-self: end; font-size: 14px; line-height: 0.8571428571; color: #929292; font-weight: 440; text-transform: lowercase; letter-spacing: initial; } .order-item__controls { align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-column: 3/5; } .order-item__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .order-item__control a { color: #6d6d6d; position: relative; font-size: 14px; line-height: 1.2142857143; font-weight: 440; text-transform: lowercase; letter-spacing: initial; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: 0.3s ease color; transition: 0.3s ease color; -webkit-transform: translateY(2px); transform: translateY(2px); cursor: pointer; } .order-item__control a::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; background-color: currentColor; } .order-item__control a:hover { color: inherit; } .order-item__control:first-child { padding-left: 0; margin-left: auto; border-left: none; } .order-item__control:last-child { padding-right: 0; } @media (max-width: 767px) { .order-item { grid-template-columns: repeat(2, auto) 1fr; grid-template-rows: auto auto 1fr auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 8px; text-transform: lowercase; font-size: 14px; line-height: 1.2857142857; letter-spacing: -0.01em; } .order-item__image { width: 106px; height: 133px; grid-row: 1/4; } .order-item__heading, .order-item__id { grid-column: 2/-1; align-self: start; } .order-item__id { align-self: self-end; } .order-item__props { grid-column: 2/3; } .order-item__price { grid-column: 3/4; margin-left: 8px; padding-left: 0; text-align: right; } .order-item__controls { grid-column: 1/-1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-item__control { border-left: none; } .order-item__control a { -webkit-transform: translateY(0); transform: translateY(0); padding: 11px 0; } .order-item__control a::after { bottom: 10px; } } .order-bill { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .order-bill__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: 16px; } .order-bill__main { display: grid; grid-template-columns: auto 1fr auto; row-gap: 12px; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-bill__heading { margin: 0; grid-column: 1/2; } .order-bill__heading, .order-bill__price { font-size: 24px; line-height: 1.3333333333; font-weight: 480; letter-spacing: -0.01em; text-transform: lowercase; } .order-bill__state { display: block; font-size: 12px; line-height: 1.25; font-weight: 460; padding: 4px 8px 5px; } .order-bill__state--delivered, .order-bill__state--ready { color: #00a065; background-color: #e3f1df; } .order-bill__state--in-process, .order-bill__state--collected { color: #ff9705; background-color: #ffedc4; } .order-bill__state--canceled { color: #6d6d6d; background-color: #e6e6e6; } .order-bill__state--transferred, .order-bill__state--processed { color: #265dff; background-color: #d8e2ff; } .order-bill__address, .order-bill__count { color: #929292; font-size: 14px; line-height: 1.2142857143; /* text-transform: lowercase; */ font-weight: 480; letter-spacing: -0.01em; grid-column: 1/-1; } .order-bill__count { justify-self: end; grid-column: 2 / -1; } .order-bill__list { padding: 24px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0; list-style-type: none; } .order-bill__list-item { padding: 32px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .order-bill__list-item:first-child { padding-top: 0; } .order-bill__list-item:last-child { padding-bottom: 0; border-bottom: none; } .order-bill__controls .btn { padding-left: 32px; padding-right: 32px; font-size: 14px; line-height: 1.26; font-style: normal; font-weight: 480; letter-spacing: -0.01em; } @media (max-width: 767px) { .order-bill__header { gap: 24px; } .order-bill__main { grid-template-columns: auto 1fr; grid-template-rows: repeat(4, auto) 40px; row-gap: 8px; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .order-bill__heading, .order-bill__price { font-size: 20px; line-height: 1.2; } .order-bill__address { grid-column: 1/-1; grid-row: 3/4; } .order-bill__list { display: none; } .order-bill--single .order-bill__list { display: block; padding-left: 0; padding-right: 0; border-left: none; border-right: none; } .order-bill__controls .btn { width: 100%; font-size: 16px; line-height: 1.125; padding-top: 14px; padding-bottom: 14px; } } .list-bill { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 64px; } .list-bill__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: 80px; } .list-bill__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 16px; gap: 24px; } @media (max-width: 1439px) { .list-bill { gap: 48px; } .list-bill__list { gap: 64px; } .list-bill__controls { -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; } } @media (max-width: 767px) { .list-bill { gap: 40px; } .list-bill__list { gap: 0; } .list-bill__item { padding: 32px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-bill__item:first-child { padding-top: 0; } } .order-details { 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; padding-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .order-details__heading { font-size: 24px; font-weight: 480; line-height: 1.3333333333; text-transform: lowercase; } .order-details__props { 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; } .order-details__prop { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: flex-start; gap: 16px; } .order-details__prop--result { font-size: 22px; line-height: 1.4545454545; font-weight: 500; } @media (max-width: 767px) { .order-details { padding-bottom: 32px; } .order-details__heading { /* display: none; */ } .order-details__prop { font-size: 14px; line-height: 1.4285714286; /* text-transform: lowercase; */ } .order-details__prop--result { font-size: 20px; line-height: 1.2; font-weight: 480; } } .order-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 64px; } .order-block__link-back { padding: 8px; } .order-block__link-back--top { position: relative; } .order-block__link-back--top::after { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; } .order-block__aside { 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; } .order-block__title { font-size: 24px; line-height: 1.3333333333; font-weight: 480; text-transform: lowercase; } .order-block__aside-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-block__aside-links .btn { padding-left: 32px; padding-right: 32px; } @media (max-width: 1439px) { .order-block { gap: 48px; } .order-block__link-back { padding: 8px 0; } .order-block__link-back--top { display: none; } } @media (max-width: 767px) { .order-block { gap: 40px; } .order-block__aside-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } } .marquee-images { overflow: hidden; width: 100%; } .marquee-images__core { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } .marquee-images__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-animation-name: marquee; animation-name: marquee; -webkit-animation-duration: var(--ani-time, 50s); animation-duration: var(--ani-time, 50s); -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; will-change: transform; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-filter: blur(0.01px); filter: blur(0.01px); } .marquee-images__core.is-playing .marquee-images__list { -webkit-animation-play-state: running; animation-play-state: running; } .marquee-images__item { padding-left: 2px; padding-right: 2px; } .marquee-images__el { width: 345px; aspect-ratio: 1/1; 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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; outline: none !important; /* stylelint-disable-line */ } .marquee-images__el img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1023px) { .marquee-images__el { width: 240px; } } @media (max-width: 767px) { .marquee-images__el { width: 343px; } } @-webkit-keyframes marquee { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes marquee { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .about-present-fotos { padding-top: 180px; } .about-present-fotos__core { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about-present-fotos__pic { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .about-present-fotos__pic:first-child { position: sticky; left: 0; top: var(--header-height, 100px); width: 26.2286324786%; } .about-present-fotos__pic:last-child { width: 50.0534188034%; } .about-present-fotos__pic img { width: 100%; display: inline-block; vertical-align: top; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1919px) { .about-present-fotos__pic:first-child { width: 24.7844827586%; } } @media (max-width: 1023px) { .about-present-fotos { padding-top: 128px; } .about-present-fotos__pic:first-child { width: 31.9293478261%; } .about-present-fotos__pic:last-child { width: 65.8967391304%; } } @media (max-width: 767px) { .about-present-fotos { padding-top: 64px; } .about-present-fotos__core { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .about-present-fotos__pic:first-child { position: static; width: 50.1457725948%; } .about-present-fotos__pic:last-child { width: 100%; } } .about-double-fotos__core { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 2px; } .about-double-fotos__pic { height: 100%; width: calc(50% - 1px); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .about-double-fotos__pic img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .about-double-fotos__core { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-double-fotos__pic { width: 100%; } } .stat-block__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: default; } .stat-block__title { font-size: 88px; line-height: 0.88; display: block; font-weight: 440; letter-spacing: -0.02em; text-transform: lowercase; } .stat-block__val { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; margin-top: 8px; } @media (max-width: 767px) { .stat-block__val { font-size: 14px; line-height: 1.17; } } @media (max-width: 1023px) { .stat-block__list { gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: calc(33.3333333333% + 8px); } .stat-block__item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .stat-block__title { font-size: 72px; line-height: 0.88; } } @media (max-width: 767px) { .stat-block__list { gap: 24px 48px; padding-left: 0; } .stat-block__item { width: calc(50% - 24px); } .stat-block__title { font-size: 40px; line-height: 1.08; } } .dialog-card { display: block; cursor: pointer; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .dialog-card__core { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialog-card__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; min-width: 0; } .dialog-card__content { max-width: 100%; min-width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dialog-card__cover { width: 64px; height: 64px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 16px; color: #1c1b15; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f7f7f7; } .dialog-card__title { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 480; letter-spacing: -0.01em; padding-top: 4px; padding-bottom: 4px; margin-bottom: 5px; color: #1c1b15; } .dialog-card__text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; width: 100%; overflow: hidden; display: block; color: #6d6d6d; } @media (max-width: 767px) { .dialog-card__text { font-size: 14px; line-height: 1.17; } } .dialog-card__text-content { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dialog-card__side { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 24px; } .dialog-card__time { font-size: 14px; line-height: 1.26; font-style: normal; font-weight: 480; letter-spacing: -0.01em; color: #929292; } @media (max-width: 767px) { .dialog-card__cover { width: 56px; height: 56px; } .dialog-card__title { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 480; } } .dialog-chat { position: relative; } .dialog-chat__head { position: sticky; top: var(--header-height, 100px); left: 0; width: 100%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: -1px; } .dialog-chat__head-cover { width: 48px; height: 48px; background: #f7f7f7; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1c1b15; } .dialog-chat__head-title { font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 480; letter-spacing: -0.01em; } .dialog-chat__head-date { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; color: #929292; } @media (max-width: 767px) { .dialog-chat__head-date { font-size: 14px; line-height: 1.17; } } .dialog-chat__body { padding: 48px 24px; } .dialog-chat__sep { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; text-align: center; display: block; margin-bottom: 32px; color: #929292; } @media (max-width: 767px) { .dialog-chat__sep { font-size: 14px; line-height: 1.17; } } .dialog-chat__sep--close { padding-top: 5px; padding-bottom: 5px; } .dialog-chat__sep:last-child { margin-bottom: 0; } .dialog-chat__item + .dialog-chat__sep { margin-top: 24px; } .dialog-chat__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .dialog-chat__item--base + .dialog-chat__item--alt, .dialog-chat__item--alt + .dialog-chat__item--base { margin-top: 24px; } .dialog-chat__item--base + .dialog-chat__item--base, .dialog-chat__item--alt + .dialog-chat__item--alt { margin-top: 8px; } .dialog-chat__item--alt { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1023px) { .dialog-chat__head { top: calc(var(--header-height, 100px) - 16px); } } @media (max-width: 767px) { .dialog-chat__head { top: calc(var(--header-height, 100px) - 1px); } } .response { 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; max-width: 478px; margin-left: auto; margin-right: auto; } .response__heading { font-size: 48px; line-height: 1.08; font-style: normal; font-weight: 480; letter-spacing: -0.02em; color: #ff3900; text-align: center; margin: 0; text-transform: lowercase; } .response__text { text-align: center; margin: 16px 0 0; } .response .btn { margin-top: 32px; width: 100%; } @media (max-width: 1023px) { .response { max-width: 488px; } .response__text { max-width: 380px; } } @media (max-width: 767px) { .response { max-width: none; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-left: 0; } .response__heading { font-size: 32px; line-height: 1.1; font-style: normal; font-weight: 460; letter-spacing: unset; text-align: left; } .response__text { text-align: left; } .response .btn { margin-top: 24px; } } .list-pr { 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: -16px; } .list-pr__header { background-color: #ffffff; padding-bottom: 16px; width: 100%; display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(1, auto); row-gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: sticky; top: 80px; } .list-pr__filter { grid-row: 1/3; grid-column: 2/3; min-width: 212px; } .list-pr__count { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; color: #929292; text-transform: lowercase; } .list-pr__alert { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; background-color: #f7f7f7; color: #6d6d6d; text-transform: lowercase; padding: 20px 16px; margin: 0; text-align: center; } .list-pr__list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .list-pr__footer { padding: 16px 0; background-color: #ffffff; position: sticky; bottom: 0; -webkit-box-shadow: 0 -5px 5px #ffffff; box-shadow: 0 -5px 5px #ffffff; } .list-pr__footer .btn { width: 100%; } .list-pr__btn-more { padding-top: 16px; padding-bottom: 32px; margin-top: 16px; } .list-pr__btn-more .btn.is-hide { display: none; } .list-pr__aside { position: absolute; width: 557px; background-color: #ffffff; padding: 32px 56px 32px 40px; height: calc(100% + 80px); -webkit-transform: translateX(calc(-100% - 24px)); transform: translateX(calc(-100% - 24px)); bottom: 0; } .list-pr__aside::after { content: ""; position: absolute; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.1); top: 0; right: 16px; } .list-pr__aside-main { 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; position: sticky; top: 32px; } .list-pr__aside .list-pr__grade { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-pr__aside .list-pr__grade .rating { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 4px; } .list-pr__aside .list-pr__grade .rating__text { font-size: 64px; line-height: 69px; font-weight: 480; text-transform: lowercase; } @media (max-width: 1439px) { .list-pr__btn-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-pr__aside { position: static; width: 100%; background-color: #ffffff; padding: 0; height: auto; -webkit-transform: initial; transform: initial; bottom: initial; } .list-pr__aside::after { display: none; } .list-pr__aside-main { gap: 24px; position: static; top: initial; } } @media (max-width: 767px) { .list-pr { margin-top: -24px; } .list-pr__header { top: 72px; row-gap: 16px; } .list-pr__filter { grid-row: 2/3; grid-column: 1/-1; width: 100%; } .list-pr__btn-more { padding-bottom: 24px; } .list-pr__aside-main { gap: 16px; } .list-pr__aside .list-pr__grade { padding-bottom: 16px; } .list-pr__aside .list-pr__grade .rating__text { font-size: 48px; line-height: 52px; } } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .rating__text { font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 480; letter-spacing: -0.01em; } .rating__pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .rating__pic-item { width: 24px; height: 24px; 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; } .rating__pic-item svg { display: block; width: 100%; height: 100%; fill: rgba(255, 255, 255, 0); } .rating__pic-item.is-active svg, .rating__pic-item.is-active ~ .rating__pic-item svg { fill: currentColor; } .question { 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; padding: 32px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .question:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .question:last-child { border-bottom: none; padding-bottom: 0; } .question__main { display: grid; grid-template-columns: 1fr auto; gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .question__date, .question__name { color: #929292; font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; text-transform: lowercase; margin: 0; } .question__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .question__name-icon { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; } .question__name-icon .icon { display: block; width: 100%; height: 100%; } .question__text { grid-column: 1/-1; padding-right: 32px; margin: 0; font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; } @media (max-width: 767px) { .question__text { font-size: 14px; line-height: 1.17; } } .question__answer { display: grid; grid-template-columns: auto 1fr; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .question__marker { border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 12px; color: rgba(0, 0, 0, 0.1); } .question__marker .icon { display: block; width: 24px; height: 24px; margin-left: -4px; } @media (max-width: 767px) { .question { padding: 24px 0; gap: 16px; } .question:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 24px; } .question__text { text-transform: lowercase; } .question__answer .question__text { padding-right: 0; } } .dialog-comm { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 9px; max-width: 100%; } .dialog-comm__ava { width: 32px; height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 50%; overflow: hidden; } .dialog-comm__ava img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-style: 50%; } .dialog-comm__body { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 16px; background: #f7f7f7; border-radius: 8px; padding: 12px 16px; } .dialog-comm--alt .dialog-comm__body { background: #3a3a3a; color: #ffffff; } .dialog-comm__text { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; max-width: 420px; } @media (max-width: 767px) { .dialog-comm__text { font-size: 14px; line-height: 1.17; } } .dialog-comm__date { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; color: #929292; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-transform: lowercase; } .grade-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grade-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0; font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; font-weight: 480; } @media (max-width: 767px) { .grade-list__item { font-size: 14px; line-height: 1.17; } } @media (max-width: 767px) { .grade-list__item { text-transform: lowercase; font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; font-weight: 480; } } .question-section { padding-top: 168px; padding-bottom: 128px; } .question-section--partnership { padding-top: 48px; } .question-section__core { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } .question-section__core-main.is-hidden { display: none; } .question-section__head { text-align: center; margin-bottom: 32px; cursor: default; } .question-section__title { font-size: 48px; line-height: 1.08; font-style: normal; font-weight: 480; letter-spacing: -0.02em; text-transform: lowercase; color: #D6001C; margin: 0 0 16px; display: block; } .question-section__text { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; max-width: 388px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .question-section__text { font-size: 14px; line-height: 1.17; } } .question-section--partnership .question-section__text { max-width: 100%; } .question-section__row { margin-top: 16px; } .question-section__row:first-child { margin-top: 0; } .question-section__input, .question-section__input.is-valid, .question-section__textarea, .question-section__textarea.is-valid { padding-bottom: 0; } .question-section .custom-textarea label textarea { max-height: 117px; } .question-section__politic, .question-section__send, .question-section__goback { margin-top: 32px; } .question-section__result { padding-top: 83px; padding-bottom: 51px; text-align: center; display: none; } .question-section__result.is-show { display: block; } @media (max-width: 1023px) { .question-section { padding-top: 128px; padding-bottom: 96px; } .question-section--partnership { padding-top: 64px; } .question-section__core { max-width: 456px; } .question-section--partnership .question-section__core { max-width: 488px; } } @media (max-width: 767px) { .question-section { padding-top: 96px; padding-bottom: 64px; } .question-section--partnership { padding-top: 32px; } .question-section__core { max-width: 100%; } .question-section__head { text-align: left; margin-bottom: 24px; } .question-section__title { font-size: 32px; line-height: 1.1; font-style: normal; font-weight: 460; letter-spacing: unset; } .question-section__text { max-width: 343px; margin-left: 0; } .question-section__politic, .question-section__send, .question-section__goback { margin-top: 24px; } .question-section__result { padding-top: 94px; padding-bottom: 70px; text-align: left; } } .jumbo-section { overflow: hidden; } .jumbo-section__core { min-height: calc(100 * var(--vh, 1vh) - var(--header-height, 100px)); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .jumbo-section__pic { display: block; width: 100%; } .jumbo-section__pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; background: #e0deda; } .jumbo-section__content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; 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; } .jumbo-section__title { font-size: 96px; line-height: 1; font-weight: 480; letter-spacing: -0.02em; max-width: 1142px; text-align: center; margin: 0 auto; /* color: #ff3900; */ color: #ffffff; /* text-transform: lowercase; */ cursor: default; } .jumbo-section--greenpeace .jumbo-section__title { /* color: #265dff; */ color: #ffffff; } @media (max-width: 1919px) { .jumbo-section__title { font-size: 72px; line-height: 1; font-style: normal; font-weight: 480; letter-spacing: -0.02em; max-width: 880px; } } @media (max-width: 1279px) { .jumbo-section__title { font-size: 48px; line-height: 1.08; font-style: normal; font-weight: 480; letter-spacing: -0.02em; max-width: 640px; } } @media (max-width: 1023px) { .jumbo-section__core { min-height: calc(100 * var(--vh, 1vh) - var(--header-height, 100px) - 77px); } } @media (max-width: 767px) { .jumbo-section__title { font-size: 32px; line-height: 1.1; font-style: normal; font-weight: 460; letter-spacing: unset; max-width: 311px; } .jumbo-section__title br { display: none; } .jumbo-section--ethic .jumbo-section__title { max-width: 286px; } } .text-section { padding-top: 180px; padding-bottom: 180px; text-align: center; } .text-section__title { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; display: block; margin-bottom: 40px; cursor: default; } @media (max-width: 767px) { .text-section__title { font-size: 14px; line-height: 1.17; } } .text-section__text { font-size: 22px; line-height: 1.44; font-weight: 500; letter-spacing: -0.01em; max-width: 770px; margin-left: auto; margin-right: auto; cursor: default; } @media (max-width: 1023px) { .text-section { padding-top: 128px; padding-bottom: 128px; text-align: left; } .text-section__title { margin-bottom: 24px; } .text-section__text { max-width: 716px; margin-left: 0; } } @media (max-width: 767px) { .text-section { padding-top: 64px; padding-bottom: 64px; } } .description-section { padding-top: 180px; padding-bottom: 180px; } .description-section__core { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .description-section__side { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .description-section__main { width: 50%; } .description-section__title { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; max-width: 330px; display: block; } @media (max-width: 767px) { .description-section__title { font-size: 14px; line-height: 1.17; } } .description-section__text { font-size: 22px; line-height: 1.44; font-weight: 500; letter-spacing: -0.01em; max-width: 609px; } @media (max-width: 1023px) { .description-section { padding-top: 128px; padding-bottom: 128px; } .description-section__core { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .description-section__side, .description-section__main { width: 100%; } .description-section__title { max-width: 264px; } .description-section__text { max-width: 716px; } } @media (max-width: 767px) { .description-section { padding-top: 64px; padding-bottom: 64px; } } .dialogs-section { width: 100%; max-width: 100%; min-height: 536px; position: relative; } .dialogs-section.has-loader { height: 536px; overflow: hidden; } .dialogs-section.is-empty { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialogs-section__empty { width: 100%; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; pointer-events: none; } .dialogs-section__load { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: lowercase; text-align: center; pointer-events: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dialogs-section__load.is-hidden { opacity: 0; } .dialogs-section__load-icn { -webkit-animation: loader 0.5s linear infinite; animation: loader 0.5s linear infinite; will-change: transform; margin-bottom: 24px; } .dialogs-section__back { border: 0; background: transparent; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: none; vertical-align: top; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 16px; gap: 12px; color: #1c1b15; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; cursor: pointer; -ms-flex-item-align: start; align-self: flex-start; } .dialogs-section__back:hover { opacity: 0.4; } .dialogs-section.has-dialog .dialogs-section__back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .dialogs-section__back-text { font-size: 16px; line-height: 1.5; font-weight: 480; text-transform: lowercase; } .dialogs-section__body { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 1; pointer-events: all; border: 1px solid rgba(0, 0, 0, 0.1); } .dialogs-section.has-loader .dialogs-section__body { pointer-events: none; opacity: 0; } .dialogs-section__dialogs-list { padding: 24px; display: none; } .dialogs-section__dialogs-list.is-active { display: block; } .dialogs-section__dialogs-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 32px; padding-top: 32px; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dialogs-section__dialogs-item:hover { opacity: 0.8; } .dialogs-section__dialogs-item:first-child { padding-top: 0; } .dialogs-section__dialogs-item:last-child { padding-bottom: 0; border-bottom: 0; } .dialogs-section__dialog { display: none; } .dialogs-section__dialog.is-active { display: block; } .dialogs-section__footer { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 32px; opacity: 1; } .dialogs-section.has-loader .dialogs-section__footer { opacity: 0; } .dialogs-section.has-dialog .dialogs-section__footer { display: none; } .dialogs-section__more.is-hidden { display: none; } @media (max-width: 1439px) { .dialogs-section__footer { text-align: center; } .dialogs-section.has-dialog .dialogs-section__back, .dialogs-section__back { display: none; } } @media (max-width: 1023px) { .dialogs-section.has-dialog { margin-top: -97px; width: unset; max-width: unset; border-left: 0; border-right: 0; margin-left: -16px; margin-right: -16px; } .dialogs-section.has-dialog .dialogs-section__body { border-left: 0; border-right: 0; } } @media (max-width: 767px) { .dialogs-section { width: unset; max-width: unset; border-left: 0; border-right: 0; margin-left: -16px; margin-right: -16px; } .dialogs-section.has-dialog { margin-top: 0; } .dialogs-section__body { border: 0; } .dialogs-section__dialogs-list { padding-top: 24px; padding-bottom: 0; } .dialogs-section__dialogs-item { padding-top: 24px; padding-bottom: 24px; } .dialogs-section__dialogs-item:last-child { padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .wrapper { color: #1c1b15; min-width: 376px; } .wrapper__link-back { display: none; position: sticky; top: 0; background-color: #ffffff; z-index: 111; padding: 12px 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1439px) { .wrapper--customers { padding-top: 64px; } } @media (max-width: 1023px) { .wrapper__link-back { display: block; } .wrapper--dialogs { padding-top: 64px; } } @media (max-width: 767px) { .wrapper { min-width: auto; } } .section--subscribe { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 72px 0; } .section--dialogs { padding-bottom: 0; padding-top: 0; } .section__main { display: grid; grid-template-columns: repeat(12, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; padding-top: 40px; padding-bottom: 128px; } .section__main--flex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; } .section--contacts .section__main { padding-bottom: 32px; } .section--dialogs .section__main { padding-bottom: 0; } .section--links .section__main { grid-template-columns: 1fr; } .section__header { grid-column: 1/-1; } .section__heading { text-align: center; text-transform: lowercase; color: #D6001C; padding-bottom: 40px; } .section__aside { grid-column: 2/5; position: sticky; top: 112px; } .section__info { grid-column: 5/-1; margin-left: -24px; } @media (max-width: 1919px) { .section__aside { grid-column: 1/5; } .section--shops .section__main { padding-bottom: 0; } } @media (max-width: 1439px) { .section--subscribe { padding: 64px 0; } .section__main { padding-top: 24px; padding-bottom: 96px; } .section--shops .section__main { padding-bottom: 32px; } .section__aside { display: none; } .section__info { grid-column: 1/-1; margin-left: 0; } .section__heading { padding: 40px 0; } .section--dialogs .section__main { padding-bottom: 0; padding-top: 0; } } @media (max-width: 1023px) { .section--dialogs .section__header { display: none; } } @media (max-width: 767px) { .section--subscribe { padding-top: 40px; padding-bottom: 64px; } .section__main { padding-top: 16px; padding-bottom: 64px; } .section--shops .section__main { padding-bottom: 0; } .section__heading { padding: 32px 0; font-size: 32px; line-height: 1.09375; font-weight: 460; text-align: left; } } .form .form-group { 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; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .form .form-group__name { margin: 0; font-size: 16px; line-height: 1.3125; font-weight: 480; text-transform: initial; } .form__footer { position: sticky; bottom: 0; } @media (max-width: 767px) { .form .form-group { gap: 12px; } } .form-checkbox { 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; padding-top: 8px; } .form-checkbox .form__inputs { 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; } .form-checkbox .custom-toggle { padding: 0; } .form-checkbox .custom-toggle label { padding-left: 0; padding-right: 48px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .form-checkbox .custom-toggle--checkbox .custom-toggle__icon { left: initial; right: 0; } .form-checkbox [type=submit] { width: 100%; } @media (max-width: 767px) { .form-checkbox { padding-top: 16px; gap: 16px; } .form-checkbox .form__inputs { gap: 16px; } } .form-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .form-profile .form__inputs { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: start; row-gap: 24px; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .form-profile .custom-input:not(.is-invalid) { padding: 0; } .form-profile [type=submit] { width: 100%; } @media (max-width: 1439px) { .form-profile .form__inputs { row-gap: 16px; } } @media (max-width: 767px) { .form-profile { gap: 24px; } .form-profile .form__inputs { grid-template-columns: 1fr; } } .form-remove [type=submit] { width: 32px; height: 32px; 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; min-height: auto; padding: 0; background-color: rgba(255, 255, 255, 0); color: #929292; } .form-remove [type=submit]:hover { background-color: rgba(255, 255, 255, 0); } .form-remove [type=submit] .btn__icon { width: 100%; height: 100%; } .form-remove [type=submit] .btn__icon svg { display: block; width: 100%; height: 100%; } .form-tobasket { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; } .form-tobasket .btn { grid-row: 1/2; grid-column: 1/2; } .form-tobasket .btn[href] { visibility: hidden; } .form-tobasket.is-sent .btn[type=submit] { visibility: hidden; } .form-tobasket.is-sent .btn[href] { visibility: visible; } .form-review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .form-review .form__inputs--rating { padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .form-review .form__inputs--radio { display: grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; width: 100%; } .form-review .custom-toggle--radio { padding: 12px 0; } .form-review .custom-toggle--radio label { padding-left: 32px; } .form-review .custom-textarea { padding: 0; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } .form-review .custom-textarea textarea { height: 80px; } .form-review .custom-textarea__label { font-size: 16px; line-height: 1.3125; font-weight: 480; text-transform: initial; margin-bottom: 16px; } .form-review .form__footer { padding: 16px 0; background-color: #ffffff; position: sticky; bottom: 0; margin-top: auto; -webkit-box-shadow: 0 -5px 5px #ffffff; box-shadow: 0 -5px 5px #ffffff; } .form-review [type=submit] { width: 100%; } @media (max-width: 1023px) { .form-review .form__inputs--rating { 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; } .form-review .custom-textarea textarea { height: 120px; } } @media (max-width: 767px) { .form-review .form__inputs--radio { grid-template-columns: 1fr; row-gap: 4px; } .form-review .custom-toggle--radio { padding: 8px 0; } .form-review .custom-toggle__label { text-transform: lowercase; font-size: 14px; line-height: 17px; } .form-review .custom-textarea textarea { height: 100px; } .form-review .form__footer { padding: 12px 0; } } .form-question { 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; } .form-question .custom-textarea { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .form-question .custom-textarea:not(.is-invalid) { padding-bottom: 0; } .form-question .custom-textarea textarea { height: 140px; } .form-question .custom-toggle { width: 100%; padding: 0; -webkit-transition: padding-bottom 0.3s ease; transition: padding-bottom 0.3s ease; } .form-question .custom-toggle label { display: grid; grid-template-columns: auto 404px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .form-question .custom-toggle__label { font-size: 12px; line-height: 16px; font-weight: 460; } .form-question .custom-toggle__label a { font-weight: 440; text-decoration: underline; color: #929292; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .form-question .custom-toggle__label a:hover { color: inherit; } .form-question .custom-toggle__icon { position: static; } .form-question .custom-toggle.is-invalid { padding-bottom: 24px; } .form-question .custom-toggle .input-message { font-size: 14px; line-height: 1.17; font-style: normal; font-weight: 440; color: #e8584f; right: initial; left: 0; bottom: 0; } .form-question .custom-input { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .form-question .custom-input:not(.is-invalid) { padding-bottom: 0; } .form-question .form__footer { background-color: #ffffff; position: sticky; bottom: 0; margin-top: auto; -webkit-box-shadow: 0 -5px 5px #ffffff; box-shadow: 0 -5px 5px #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; padding: 16px 0; } .form-question .form__footer .btn { width: 100%; } @media (max-width: 1023px) { .form-question .custom-toggle label { grid-template-columns: auto 1fr; } .form-question .form__footer { gap: 40px; } } @media (max-width: 767px) { .form-question { gap: 16px; } .form-question .custom-textarea textarea { height: 180px; } .form-question .form__footer { gap: 28px; } } .modal-login { margin-left: auto; margin-right: auto; width: 100%; } .modal-login__step { display: none; } .modal-login__step.is-active { display: block; } .modal-login__head { text-align: center; margin-bottom: 28px; cursor: default; } .modal-login__title { display: block; margin-bottom: 16px; cursor: default; } .modal-login__text { max-width: 388px; margin-left: auto; margin-right: auto; } .modal-login__btn-change { border: 0; background: transparent; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 8px 16px; font-size: 12px; line-height: 1.32; font-weight: 440; cursor: pointer; text-decoration: underline; color: #929292; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .modal-login__btn-change:hover, .modal-login__btn-change:active { color: #1c1b15; } .modal-login__body { padding-top: 32px; } .modal-login__phone, .modal-login__phone.is-valid { padding-bottom: 0; } .modal-login__send-code { width: 100%; margin-top: 32px; } .modal-login__code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } .modal-login__code-input { padding-bottom: 0; max-width: 56px; } .modal-login__code-input label input { width: 100%; min-height: 64px; font-size: 24px; line-height: 133%; font-weight: 480; letter-spacing: -0.01em; text-align: center; } .modal-login__error { text-align: center; color: #D6001C; margin-top: 12px; display: none; text-transform: lowercase; } .modal-login__error.is-show { display: block; } .modal-login__timer { margin-top: 32px; padding-top: 9px; padding-bottom: 9px; text-align: center; color: #929292; cursor: default; } .modal-login__timer.is-hidden { display: none; } .modal-login__resend { width: 100%; margin-top: 32px; display: none; } .modal-login__resend.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-login__reg-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; margin-bottom: 16px; } .modal-login__reg-row--is-last, .modal-login__reg-row:last-of-type { margin-bottom: 0; } .modal-login__reg-input, .modal-login__reg-select { width: 100%; padding-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .modal-login__reg-input.is-valid, .modal-login__reg-select.is-valid { padding-bottom: 0; } .modal-login__reg-more { margin-top: 32px; } .modal-login__reg-send { margin-top: 38px; } @media (max-width: 1023px) { .modal-login__text { max-width: 432px; } } @media (max-width: 767px) { .modal-login { padding-top: 56px; padding-bottom: 56px; } .modal-login__title { font-size: 32px; line-height: 1.1; font-style: normal; font-weight: 460; letter-spacing: unset; text-align: left; } .modal-login__text { text-align: left; margin-left: 0; } .modal-login__number { text-align: left; } .modal-login__code { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .modal-login__timer { margin-top: 24px; text-align: left; } } .modal-lookbook { padding: 0 0 4px; } .modal-lookbook__head { background: #ffffff; position: sticky; top: 0; left: 0; z-index: 99; width: 100%; padding: 24px 13px 19px 24px; 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; } .modal-lookbook__body { padding-right: 16px; padding-left: 16px; } @media (max-width: 767px) { .modal-lookbook__body { padding-right: 0; padding-left: 0; } } .popup-lb-sizes { position: fixed; inset: 0; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 10000; display: none; visibility: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; pointer-events: none; } @media (max-width: 767px) { .popup-lb-sizes { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .modal-login__error { text-align: left; } } .popup-lb-sizes.is-active { -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; } .popup-lb-sizes__head { 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; margin: 0; padding: 0; padding-top: 16px; padding-right: 8px; padding-left: 16px; } .popup-lb-sizes__title { display: block; width: 100%; height: auto; text-align: center; } .popup-lb-sizes__form { 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%; height: 100%; margin: 0; padding: 16px; padding-top: 32px; } .popup-lb-sizes__submit-btn { margin-top: auto; } .modal-alert__head { text-align: center; margin-bottom: 16px; } .modal-alert__title { font-size: 32px; line-height: 1.1; font-weight: 460; cursor: default; } .modal-alert__text { font-size: 16px; line-height: 1.32; font-weight: 440; text-align: center; } .modal-alert__btn { margin-top: 32px; width: 100%; } @media (max-width: 1023px) { .modal-alert { max-width: 488px; margin-left: auto; margin-right: auto; } .modal-alert__head, .modal-alert__text { max-width: 380px; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .modal-alert { max-width: 100%; width: 100%; } .modal-alert__head, .modal-alert__text { max-width: 500px; margin-left: 0; text-align: left; } .modal-alert__btn { margin-top: 24px; } } .modal-sizes { width: 100%; } .modal-sizes__head { margin-bottom: 24px; } .modal-sizes__tabs { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-bottom: 24px; overflow: auto; } .modal-sizes__tabs::-webkit-scrollbar { display: none; } .modal-sizes__tabs-list { list-style: none; margin: 0; padding: 0; min-width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .modal-sizes__tabs-item { font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 480; letter-spacing: -0.01em; white-space: nowrap; position: relative; padding-top: 16px; padding-bottom: 16px; color: #929292; cursor: pointer; margin-right: 32px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .modal-sizes__tabs-item::after { content: ""; position: absolute; height: 1px; bottom: 0; width: 100%; left: 0; background: #1c1b15; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .modal-sizes__tabs-item:hover, .modal-sizes__tabs-item.is-active { color: #1c1b15; } .modal-sizes__tabs-item.is-active::after { opacity: 1; } .modal-sizes__tabs-item:last-child { margin-right: 0; } .modal-sizes__text { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; margin-bottom: 16px; } @media (max-width: 767px) { .modal-sizes__text { font-size: 14px; line-height: 1.17; } } .modal-sizes__block { width: 100%; } .modal-sizes__table { overflow-x: auto; -webkit-overflow-scrolling: touch; } .modal-sizes__table table { width: 100%; caption-side: bottom; border-collapse: collapse; } .modal-sizes__table th, .modal-sizes__table td { font-size: 14px; line-height: 1.26; font-weight: 480; text-transform: lowercase; letter-spacing: -0.01em; padding-top: 18px; padding-bottom: 18px; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; vertical-align: top; } .modal-sizes__table th:first-child, .modal-sizes__table td:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } .modal-sizes__table th:last-child, .modal-sizes__table td:last-child { border-right: 1px solid rgba(0, 0, 0, 0.1); } /* .modal-sizes__table--lengths table th:first-child, .modal-sizes__table--lengths table td:first-child { text-align: left; } */ .modal-sizes__table th { background: #f7f7f7; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; } @media (max-width: 1023px) { .modal-sizes__tabs-item { margin-right: 24px; } .modal-sizes__text { max-width: 432px; } } @media (max-width: 767px) { .modal-sizes__core { overflow: visible; } .modal-sizes__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 24px; margin-left: -16px; margin-right: -16px; padding-left: 16px; } .modal-sizes__tabs::after { content: ""; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; width: 16px; height: 16px; visibility: hidden; } .modal-sizes__text { max-width: 100%; text-transform: lowercase; } .modal-sizes__blocks-list { overflow: hidden; } .modal-sizes__table--lengths td, .modal-sizes__table--lengths th { padding-left: 7px; padding-right: 7px; } } .modal-subscription { width: 100%; margin-left: auto; margin-right: auto; } .modal-subscription__core.is-hidden { display: none; } .modal-subscription__head { text-align: center; } .modal-subscription__title { font-size: 48px; line-height: 1.08; font-style: normal; font-weight: 480; letter-spacing: -0.02em; display: block; color: #D6001C; margin-bottom: 16px; } .modal-subscription__text { font-size: 16px; line-height: 1.32; font-style: normal; font-weight: 440; max-width: 388px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .modal-subscription__text { font-size: 14px; line-height: 1.17; } } .modal-subscription__body { padding-top: 32px; } .modal-subscription__input, .modal-subscription__input.is-valid { padding-bottom: 0; } .modal-subscription__btn { margin-top: 32px; } .modal-subscription__result { display: none; } .modal-subscription__result.is-show { display: block; } @media (max-width: 1023px) { .modal-subscription { max-width: 488px; } } @media (max-width: 767px) { .modal-subscription { max-width: 100%; padding-top: 40px; } .modal-subscription__head { text-align: left; } .modal-subscription__title { font-size: 32px; line-height: 1.1; font-style: normal; font-weight: 460; letter-spacing: unset; } .modal-subscription__text { max-width: 344px; margin-left: 0; } .modal-subscription__body { padding-top: 24px; } .modal-subscription__btn { margin-top: 24px; } } .modal-base { width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-base__head { 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; padding-top: 24px; padding-bottom: 16px; background-color: #ffffff; position: sticky; top: 0; -webkit-box-shadow: 0 5px 5px #ffffff; box-shadow: 0 5px 5px #ffffff; } .modal-base__body { -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; padding-top: 16px; } .modal-base__body [data-form-validate] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-base__body [data-form-validate], .modal-base__body .form-review, .modal-base__body .form-question, .modal-base__body .list-pr { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .modal-base__title { font-size: 32px; line-height: 1.1; font-style: normal; font-weight: 460; letter-spacing: unset; } @media (max-width: 767px) { .modal-base { padding: 0 16px; } .modal-base__title { font-size: 20px; line-height: 1.2; font-style: normal; font-weight: 480; letter-spacing: -0.01em; text-align: center; width: 100%; padding-left: 50px; padding-right: 10px; } .modal-base__head { padding-top: 21px; padding-bottom: 11px; } .modal-base__body { padding-top: 24px; } } .color-blue, .color-blue a.color-blue, .color-blue a.color-blue:hover:not(.focus-visible), .color-blue.side-nav__btn-link:hover:not(.focus-visible), .color-blue.link--grey:not(span):hover:not(.focus-visible) { color: #265dff; } .color-red, .color-red a.color-red, .color-red a.color-red:hover:not(.focus-visible), .color-red.side-nav__btn-link:hover:not(.focus-visible), .color-red.link--grey:not(span):hover:not(.focus-visible) { color: #ff3900; } .color-green, .color-green a.color-green, .color-green a.color-green:hover:not(.focus-visible), .color-green.side-nav__btn-link:hover:not(.focus-visible), .color-green.link--grey:not(span):hover:not(.focus-visible) { color: #00a065; } /* @mixin hover-focus { @media (hover: hover) { &:hover:not(.focus-visible) { @content; } } &.focus-visible:focus { @content; } } */ /* @include hover-focus { opacity: 0.8; } */ /*@mixin hover { @media (hover: hover) { &:hover:not(.focus-visible) { @content; } } } */ /*@mixin focus { &.focus-visible:focus { @content; } } */ /*@mixin active { &.focus-visible:active { @content; } } */ .slider_main-link { cursor:pointer !important; } /* .widget__preview-block > .widget__preview-main{ min-width: 30px; height: 30px; width: 30px; } */ @media (max-width: 767px) { #umnico-widget-wrapper{opacity: 0;} } .new-preloader { content: ""; display: none; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: rgba(221, 221, 221, 0.3); z-index: 1000; -webkit-transition: opacity .1s ease, visibility .1s ease; transition: opacity .1s ease, visibility .1s ease; } .new-preloader::before { content: ""; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/local/assets/css/../img/bg/loader.svg) no-repeat 0 0; background-size: 24px 24px; pointer-events: none; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; animation: loader .6s linear infinite; } .new-preloader.active { display: block; } .card-care { padding-top: 40px; padding-bottom: 20px; max-width: 448px; } .cart__order .card-care { max-width: 100%; } .card-care__inner { padding-top: 25px; } .card-care__list { display: flex; gap: 4px; align-items: flex-start; } .card-item__link { position: relative; display: block; } .card-item__link--wish { padding-right: 35px; } .card-item__size { margin-bottom: 8px; } .card-item__size .sizes-list__el { font-size: 12px; padding: 4px; min-height: 25px; } .card-item__size .sizes-list__list { gap: 5px; } .card-item__bottom { padding: 12px 4px 10px; } .card-item__name { font: 500 14px / 1.26 "TT Fors", sans-serif; letter-spacing: -0.01em; text-transform: lowercase; color: #1c1b15; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .card-item__price-wrap { padding: 5px 0; display: flex; flex-wrap: wrap; gap: 3px; } .card-item__price { font: 500 14px / 1.26 "TT Fors", sans-serif; letter-spacing: -0.01em; text-transform: lowercase; color: #1c1b15; } .card-item__price--sale { color: #D6001C; } .card-item__price--old { text-decoration: line-through; color: #929292; } .card-item__price--big { font-size: 16px; } .card-item .card-item__btn { padding: 5px 14px; min-height: 32px; } .card-item .card-item__btn--added { color: #929292; background-color: rgba(0, 0, 0, .1); pointer-events: none; } .total-wrap-new .cart__cost { position: static; } .total-wrap-new { position: sticky; top: 80px; align-self: flex-start; } .card-care-wrap__swiper .card-care-wrap__swiper-slide { width: fit-content; } .card-item__tags { position: absolute; z-index: 10; left: 4px; top: 4px; } .card-item .card-item__wish { top: 5px; right: 0; } .card-item__wish svg { width: 20px; height: 20px; } .card-item__tags .tags__name, .card-item__tags .text--accent { font-size: 12px; } .card-care-wrap__swiper { width: 100%; } .cart__order .card-care-wrap__swiper-wrapper { flex-direction: column; gap: 16px; } .cart__order .card-care-wrap__swiper .card-care-wrap__swiper-slide { width: 100%; } .cart__order .card-item { display: flex; gap: 16px; } .cart__order .card-item__top { max-width: 129px; } .cart__order .title--h3-adaptive { font-size: 32px; } .cart__order .card-item__name { text-transform: none; } .cart__order .card-item__name, .cart__order .card-item__price { font-size: 16px; } .cart__order .card-item__bottom { padding-top: 0; padding-bottom: 0; display: flex; flex-direction: column; } .cart__order .card-item__button-wrap { margin-top: auto; } .cart__order .card-item__size .sizes-list__el { font-size: 16px; min-height: 30px; padding: 5px 10px; } .add-fashion__btn, .add-fashion { width: 100%; } .fashion-modal { max-width: 590px; width: 100%; /* position: absolute; right: 0; top: 0; */ height: 100%; padding: 25px 15px 15px; margin-top: -40px; margin-bottom: -4px; margin-right: -4px; align-self: flex-end; } .fancybox__container.fashion-wrap-modal .fancybox__slide::before, .fancybox__container.fashion-wrap-modal .fancybox__slide::after { display: none; } @media (min-width: 992px) { .fancybox__container.fashion-wrap-modal:not(.is-compact) .fancybox__slide.has-close-btn { height: calc(100% + 44px); } } .fashion-modal__subtitle { font: 500 16px / 1.32 "TT Fors", sans-serif; color: #6d6d6d; margin-top: 15px; } .fashion-modal__item-name { font: 500 16px / 1.32 "TT Fors", sans-serif; color: #1c1b15; } .fashion-modal__list { padding-top: 60px; } .fashion-modal__item { position: relative; display: flex; align-items: flex-start; gap: 16px; padding-bottom: 32px; padding-right: 30px; margin-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fashion-modal__item-img { width: 129px; height: 124px; } .fashion-modal__item-img img { width: 100%; height: 100%; object-fit: cover; } .fashion-modal__price-wrap { padding: 8px 0; } .fashion-modal__btn { width: 100%; } .fashion-modal__btn-wrap { padding: 16px 9px; margin-top: auto; } .fashion-modal__content { overflow-y: auto; padding-right: 20px; } .fashion-modal .fashion-modal__toggle { width: 24px; height: 24px; padding: 0; position: absolute; top: 0; right: 0; } .fashion-modal .fashion-modal__toggle label { padding-left: 24px; } .fashion-modal .size-list-new { padding-top: 4px; margin-bottom: 0; } .fashion-modal__item-link { display: block; position: relative; } .size-list-new .sizes-list__el { min-height: 40px; font-size: 14px; padding: 4px 7px; } .fancybox__backdrop { background: rgba(28, 27, 21, 0.5); } .fashion-modal.fancybox__content>.f-button.is-close-btn { top: 0; } .f-button svg { fill: #1c1b15; stroke: #1c1b15; } .f-button { background: #ffffff; } @media (max-width: 1919px) and (max-width: 1439px) { .card-care { max-width: 350px; } } @media (max-width: 1023px) { .card-care { max-width: 100%; order: -1; padding-top: 0; } .cart__order .card-care { padding-top: 20px; } .total-wrap-new { width: 100%; } .total-wrap-new { display: flex; flex-direction: column; } .product__btn-wrapper .product__buy-btns { flex-direction: row; } .product__btn-wrapper .product__buy-btns .btn, .add-fashion { width: 50%; } .add-fashion__btn { width: 100% !important; } .product__buy-btns .btn:not(:has(~ .add-fashion)) { width: 100%; } .product__btn-wrapper .btn__price { display: none !important; } } @media (max-width: 991px) { .fashion-modal { max-width: 100%; width: 100%; height: 90%; margin: auto 0 0; } .fancybox__container.fashion-wrap-modal:not(.is-compact) .fancybox__slide.has-close-btn { padding: 0; } } @media (max-width: 575px) { .fashion-modal__item-name, .card-item__price--big { font-size: 14px; } .fashion-modal__item-img { width: 113px; height: 134px; } .cart__order .card-item__name, .cart__order .card-item__price { font-size: 14px; } .cart__order .title--h3-adaptive { font-size: 22px; } .cart__order .card-item__top { max-width: 125px; } .cart__order .card-item__size .sizes-list__el { font-size: 14px; min-height: 25px; padding: 2px 10px; } } @media (max-width: 499px) { .card-care__item { max-width: 170px; } .cart__order .card-care__item { max-width: 100%; } .btn__text { font-size: 14px; } } .order-success { max-width: 600px; width: 100%; margin: 0 auto; padding: 115px 15px 50px; } .order-success__title { font: 500 48px / 1.08 "TT Fors", sans-serif; letter-spacing: -0.02em; text-transform: lowercase; text-align: center; color: #D6001C; margin-bottom: 15px; } .order-success__subtitle { font: 500 16px / 1.32 "TT Fors", sans-serif; text-align: center; color: #1c1b15; margin-bottom: 30px; } .order-success__btn-wrap { display: flex; flex-direction: column; gap: 15px; margin-bottom: 15px; } .social { padding: 15px 0; } @media (min-width: 1024px) { .footer-nav .social { padding: 0; } } .social__title { font: 500 16px / 1.32 "TT Fors", sans-serif; color: #1c1b15; text-align: center; } .social__new-list { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0; } .order-success__btn:hover { color: #ffffff; } @media (max-width: 767px) { .order-success__title { font-size: 32px; } } .main-timer { padding: 25px 0 15px; display: flex; align-items: center; justify-content: center; column-gap: 8px; font: 500 32px / 1 "TT Fors", sans-serif; /* Фиксы для Safari (17) */ font-family: -apple-system, "TT Fors", "Arial", sans-serif; letter-spacing: 0.02em; text-align: center; color: #fff; } .main-timer__elem { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; padding: 10px; background: rgba(28, 27, 21, 0.85); width: 80px; aspect-ratio: 1; } .main-timer__text { font-size: 14px; } .product-timer { padding: 5px 0; display: flex; align-items: center; font: 500 14px / 1.2 "TT Fors", sans-serif; /* Фиксы для Safari (17) */ font-family: -apple-system, "TT Fors", "Arial", sans-serif; letter-spacing: -0.01em; text-transform: lowercase; text-align: center; color: #fff; } .product-timer__text, .product-timer__count { padding: 4px 10px; min-height: 25px; } .no-visible-count { display: none; } .product-timer__count { background: #D6001C; min-width: 50px; white-space: nowrap; } .product-timer__seconds { display: inline-block; min-width: 18.5px; } .product-timer__text { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08); background: #1c1b15; } .product .price { align-items: center; } .grecaptcha-badge { opacity: 0; pointer-events: none; } .recaptcha-info { padding: 10px 0; color: #929292; font-size: 14px; } .recaptcha-info a { color: inherit; text-decoration: underline; } .bx-sbb-empty-cart-desc a { text-decoration: underline; } .bx-soa-pp-company-desc { text-transform: lowercase; } .normal-text .text-content ol { text-transform: none; } .sizes-info { cursor: pointer; padding: 10px; background: #f7f7f7; margin-bottom: 24px; } .sizes-info__inner { display: flex; align-items: center; column-gap: 8px; } .sizes-info__text { font: 500 14px / 1.17 "TT Fors", sans-serif; text-transform: lowercase; color: #1c1b15; } .tippi { position: relative; } .tippi__info { z-index: 20; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(50% + 8px); /* min-width: 262px; */ min-width: max-content; padding: 12px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.14); background: #3a3a3a; font: 500 12px / 1.26 "TT Fors", sans-serif; color: #fff; cursor: default; transition: all .1s ease-in-out; } .tippi__info--new-size { /* min-width: 247px; */ } .tippi__info:after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 7px solid transparent; border-top: 5px solid #3a3a3a; transition: all .3s ease-in-out; } .tippi.active .tippi__info { opacity: 1; bottom: calc(100% + 8px); } .sizes-info:hover .tippi__info { opacity: 1; bottom: calc(100% + 8px); } @media (min-width: 768px) { .cat_descr_mobile { display: none; } } @media (max-width: 767px) { .cat_descr_desktop { display: none; } } .readonly_inouts { color: #9c9c9c !important; } .order-empty { text-align: center; } .order-empty--grid { grid-column: 5 / -1; } .info h3.order-empty__title, .order-empty__title { font: 500 28px / 1.2 "TT Fors", sans-serif; letter-spacing: -0.01em; text-transform: lowercase; color: #000; margin-bottom: 32px; padding: 0; margin-top: 60px; } @media (min-width: 1440px) { .order-empty { max-width: 34vw; } .order-empty--grid { max-width: 32vw; } } @media (max-width: 1439px) { .order-empty--grid { grid-column: 1 / -1; } } @media (max-width: 575px) { .info h3.order-empty__title, .order-empty__title { font-size: 24px; margin-bottom: 28px; margin-top: 40px; } } /* LOYALTY */ .loyalty-title { font: 500 24px / 1.1 "TT Fors", sans-serif; margin-bottom: 8px; } .loyalty-title--second, .loyalty-faq { margin-bottom: 40px; } .loyalty-faq .accordion__content p, .loyalty-accordion-page .accordion__content p { font: 440 16px / 1.32 "TT Fors", sans-serif; } .loyalty-accordion-page .accordion__btn .text, .loyalty-faq .accordion__btn .text { text-transform: none; } .loyalty-link { font: 500 14px / 1.1 "TT Fors", sans-serif; color: #929292; display: inline-block; margin-bottom: 16px; } .loyalty-link span, .loyalty-link img { display: inline-block; } .loyalty-link img { margin-bottom: -2px; } .loyalty { margin-bottom: 40px; } .loyalty--personal { margin-bottom: 0; } .loyalty__list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 11px; margin-bottom: 20px; } .loyalty-item { position: relative; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 100%; flex-shrink: 0; border: 1px solid rgba(28, 27, 21, 0.1); } .loyalty-item--gift::before { content: ''; width: 24px; height: 26px; background: url(/images/loyalty-program/loyalty-gift-icon.svg) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; } .loyalty-item--finish::after { content: ""; width: 100%; height: 100%; background: var(--bgImg) no-repeat center/60px; opacity: 0.65; } .loyalty-item__img { opacity: 0.3; } .loyalty-item.active .loyalty-item__img, .loyalty-item.active.loyalty-item--finish::after { opacity: 1; } .loyalty-item__price { display: none; font: 500 14px / 1.2 "TT Fors", sans-serif; letter-spacing: -0.01em; text-align: center; padding: 2px; background-color: #ffffff; z-index: 100; position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); white-space: nowrap; } .loyalty-item__price--red { color: #ffffff; background-color: #D6001C; } .loyalty-item.active .loyalty-item__price, .loyalty-item--price-active .loyalty-item__price { display: inline-block; } .loyalty__bottom, .loyalty__time { display: flex; align-items: center; gap: 8px; font: 400 14px / 1.1 "TT Fors", sans-serif; text-transform: lowercase; text-align: right; } .loyalty__time { color: #929292; } .loyalty__time--point { position: relative; padding-left: 11px; } .loyalty__time--point::before { content: ''; width: 3px; height: 3px; border-radius: 100%; background-color: #929292; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .text-red { color: #D6001C; } .loyalty-info { padding-left: 28px; background: url(/images/loyalty-program/loyalty-gift-small.svg) no-repeat left top; font: 500 14px / 1.17 "TT Fors", sans-serif; color: #6d6d6d; margin-top: 12px; display: inline-block; } .loyalty-info--big { font-size: 16px; } .loyalty-info--bg { padding: 12px 10px; background: #f7f7f7; } .loyalty-info--bg-small { padding: 2px; } .loyalty-info__img { display: inline; } .loyalty-info__img--end { margin-bottom: -2px; } .loyalty-info__img--start { margin-bottom: -1px; } .loyalty-info__link { text-transform: lowercase; text-decoration: underline; text-decoration-skip-ink: none; font-weight: 500; color: #6d6d6d; } .loyalty-info__text--inline { display: inline; } .loyalty-info--row { grid-column: 1/3; grid-row: 2/3; align-self: center; justify-self: start; margin-top: 0; } .order-card__left { grid-template-rows: repeat(3, auto); } .order-card__item-number { grid-row: 3/-1; } .loyalty-btn { background-color: #D6001C; margin-bottom: 24px; } .loyalty-btn--light { background-color: #F45A5A; } .loyalty-btn__img { margin-right: 8px; } .loyalty-main { padding: 120px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .loyalty-main__title { font: 500 16px / 1.32 "TT Fors", sans-serif; color: #1c1b15; text-align: center; margin-bottom: 24px; text-transform: lowercase; } .loyalty-main__subtitle { font: 500 22px / 1.44 "TT Fors", sans-serif; letter-spacing: -0.01em; text-align: center; color: #1c1b15; max-width: 650px; margin: 0 auto; } .loyalty-main__row { padding: 40px 0; } .loyalty-main__item { position: relative; } .loyalty-main__item-info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; font: 500 32px / 1.1 "TT Fors", sans-serif; text-transform: lowercase; text-align: center; color: #265dff; white-space: normal; max-width: 335px; width: 100%; } .loyalty-main__item:nth-child(even) .loyalty-main__item-info { color: #D6001C; } .loyalty-main__bottom { text-align: center; } @media (hover: hover) { .loyalty-btn:hover:not(.focus-visible) { background-color: #D6001C; } } @media (min-width: 1024px) { .loyalty-wrap--personal { display: none; } } @media (min-width: 1440px) { .loyalty-wrap { max-width: 703px; } } @media (max-width: 1023.98px) { .page-content.page-content--customers:has(.loyalty-wrap) { /* padding-top: 0; */ } .loyalty-main { padding: 90px 0; } .loyalty-main__title, .loyalty-main__subtitle { text-align: left; } .loyalty-main__subtitle { max-width: 100%; } .loyalty-main__row { padding: 24px 0; } .loyalty-main__row .marquee-images__el { width: 345px; } } @media (max-width: 767px) { .order-card__left { grid-template-rows: repeat(4, auto); } .loyalty-info { margin-top: 30px; } .loyalty-info--row { grid-row: 3/4; font-size: 12px; margin-right: -20px; } .order-card .quantity { grid-row: 4/-1; } } @media (max-width: 575px) { .loyalty-main__title { margin-bottom: 20px; } .loyalty-title { font-size: 20px; } .loyalty__list { gap: 9px; } .loyalty-item__img { max-width: 50px; } .loyalty-link, .loyalty__bottom, .loyalty__time, .loyalty-item__price { font-size: 12px; } .loyalty-item__price { bottom: -9px; } .loyalty-item { width: 60px; height: 60px; } .loyalty-item--gift::before { width: 20px; height: 22px } .loyalty-title--second, .loyalty-faq { margin-bottom: 30px; } .loyalty-info--big { font-size: 14px; } .loyalty-main { padding: 32px 0; } .loyalty-item--finish::after { background-size: 40px; } } .order-details__prop-name { text-transform: lowercase; white-space: nowrap; } .order-details__prop-value { text-align: right; } .order-details__prop-name--big, .order-details__prop-value--big { font-weight: 500; font-size: 22px; } .order-details__prop-value--lover { text-transform: lowercase; } @media (max-width: 1023px) { .page-content.page-content--customers:has(>.page-content__top~.section .section__info .info--orders), .page-content.page-content--customers:has(>.page-content__top~.section .section__info .info--profile), .page-content.page-content--customers:has(>.page-content__top~.section .section__info .info--newsletter), .page-content.page-content--customers:has(>.page-content__top~.section .order-empty), .page-content.page-content--customers:has(>.page-content__top~.section .section__info.loyalty-wrap) { padding-top: 0; } .section__header:has(~.section__main .order-block), .wrapper__link-back:has(~.main .order-block) { display: none; } .order-block__link-back--top { display: block; padding-top: 5px; } } /* PAY SYSTEM */ .product__content-inner .digi-dolyame-button--wrapper, .cart .digi-dolyame-banner--container { display: none; } .pay-system { border: none; padding: 14px 12px; width: 100%; background: rgba(0, 0, 0, 0.04); font: 400 13px / 1.85 "TT Fors", sans-serif; color: #000; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; } .pay-system__info { display: flex; align-items: center; gap: 16px; } .pay-system__icons { display: flex; align-items: center; gap: 11px; } .pay-system__arrow { display: flex; align-items: center; justify-content: center; color: #C7C9CC; transition: .3s; } .pay-system:hover .pay-system__arrow { color: #000000; } .payment-modal { display: none; padding: 24px; width: 100%; min-height: 400px; } .pay-popup .fancybox__content>.f-button.is-close-btn { top: 12px; right: 12px; border-radius: 100%; opacity: 1; backdrop-filter: blur(16px); background: rgba(0, 0, 0, 0.04); width: 24px; height: 24px; } .pay-popup .fancybox__backdrop { background: rgba(0, 0, 0, 0.6); } .pay-popup .fancybox__slide { padding-inline: 0; } .pay-popup .fancybox__content>.f-button.is-close-btn svg { width: 10px; height: 10px; } .payment-tabs { display: flex; gap: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .payment-tabs__btn { font: 500 24px / 1.33 "TT Fors", sans-serif; letter-spacing: -0.01em; text-transform: lowercase; color: #929292; min-height: 64px; display: flex; align-items: center; text-align: center; border: none; cursor: pointer; background: none; padding: 0; position: relative; } .payment-tabs__btn.active { color: #1c1b15; } .payment-tabs__btn:after { content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: -1px; background: #1c1b15; transition: all .3s ease-in-out; } .payment-tabs__btn.active:after { width: 100%; } .payment-tabs__btn:hover::after { width: 100%; } .payment-modal__content { padding-top: 20px; } .payment-modal__tab-content { display: none; } .payment-modal__tab-content.active { display: block; } .pay-list { display: none; padding: 24px; width: 100%; } .pay-list__title { font: 500 32px / 1.1 "TT Fors", sans-serif; text-transform: lowercase; color: #1c1b15; margin-bottom: 32px; } .pay-form { width: 100%; display: flex; flex-direction: column; gap: 16px; } .pay-form__input { display: none; } .pay-form__label { display: flex; align-items: center; padding: 16px; border: 1px solid rgba(0, 0, 0, 0.1); gap: 8px; font: 500 14px / 1.17 "TT Fors", sans-serif; color: #1c1b15; cursor: pointer; transition: all .2s ease-in-out; } .pay-form__label:hover { border-color: rgba(0, 0, 0, 0.8); } .pay-form__icon { margin-left: auto; } .pay-form__btn { width: 100%; margin-top: 16px; } .pay-form__custom-radio { position: relative; flex-shrink: 0; width: 24px; height: 24px; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1); background: #f7f7f7; } .pay-form__input:checked ~ .pay-form__custom-radio::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 100%; background: #3a3a3a; } .payment-content__body { padding: 16px 0 20px; } .payment-content__title { font: 500 24px / 1.33 "TT Fors", sans-serif; text-transform: lowercase; margin-bottom: 8px; } .payment-content__subtitle { font: 400 14px / 1.57 "TT Fors", sans-serif; color: rgba(0, 0, 0, 0.6); margin-bottom: 20px; } .payment-info { display: flex; gap: 12px; } .payment-info__item { display: flex; width: 50%; align-items: center; gap: 12px; } .payment-info__img { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .payment-info__img--blue-bg { background: rgba(111, 153, 198, 0.08); } .payment-info__img--pink-bg { background: rgba(177, 130, 188, 0.08); } .payment-info__text { font: 400 14px / 1.57 "TT Fors", sans-serif; text-transform: lowercase; color: #000; } .payment-content__info { margin-bottom: 20px; } .payment-line { padding: 12px; background: #f6f7f8; } .payment-line__top { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 8px; } .payment-line__item { color: rgba(0, 0, 0, 0.4); padding-bottom: 14px; position: relative; } .payment-line__item::after { content: ''; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.08); } .payment-line__item.active::after { background: #1c1b15; } .payment-line__item.active { color: #000; } .payment-line__text { font: 400 12px / 1.33 "TT Fors", sans-serif; text-transform: lowercase; margin-bottom: 2px; } .payment-line__price { font: 400 13px / 1.54 "TT Fors", sans-serif; text-transform: lowercase; } .payment-line__bottom { font: 400 12px / 1.33 "TT Fors", sans-serif; text-transform: lowercase; color: rgba(0, 0, 0, 0.4); } .payment-content__footer { font: 400 12px / 1.33 "TT Fors", sans-serif; text-align: center; color: rgba(0, 0, 0, 0.4); } .payment-content__link { color: #1771e6; } .payment-content__logo { display: flex; align-items: center; gap: 8px; } .payment-content__logo-img { height: 24px; } .payment-content__logo-text { font: 500 20px / 1.2 "TT Fors", sans-serif; color: #1c2128; } .order-bill__controls--pay-btn-wrap { display: flex; gap: 16px; } .pay-form__dop-info { font: 400 16px / 1.17 "TT Fors", sans-serif; text-transform: lowercase; color: #929292; display: none; margin-top: 16px; } .pay-form__label:has(.pay-form__input:checked) + .pay-form__dop-info { display: block; } @media (min-width: 1024px) { .pay-system--width-content { max-width: fit-content; } .payment-modal { max-width: 600px; } .pay-list { max-width: 516px; } .order-bill__count { display: none; } .order-bill__pay-btn { grid-column: 3/-1; grid-row: 2/3; } .order-bill__state { grid-column: 1/2; grid-row: 2/3; align-self: flex-start; justify-self: flex-start; } .order-bill__price { grid-column: 3/-1; justify-self: end; } } @media (max-width: 1023px) { .payment-modal, .pay-list { position: fixed; bottom: 0; } .order-bill__pay-btn { grid-column: 3/-1; grid-row: 3/-1; justify-self: end; } .order-bill__count { grid-row: 2/3; } .order-bill__main { grid-template-rows: repeat(3, auto); } .order-bill__state { grid-row: 2/3; grid-column: 1/2; justify-self: flex-start; } .order-bill__price { grid-column: 3/-1; justify-self: end; } } @media (max-width: 767px) { .order-bill__state { grid-column: 1/-1; grid-row: 2/3; justify-self: left; } .order-bill__pay-btn { grid-column: 1/4; grid-row: 4/-1; justify-self: auto; margin-top: 16px; } .order-repeat-btn { margin-top: 0; } .order-bill__controls--pay-btn-wrap { flex-direction: column; } .order-bill__count { justify-self: start; grid-row: 3/4; grid-column: 1/2; } .order-bill__price { grid-column: 3/4; grid-row: 3/4; justify-self: end; } .order-bill__count--list, .order-bill__price--list { grid-row: 4/5; } } @media (max-width: 575px) { .pay-system__info { width: 100%; justify-content: space-between; } .payment-tabs__btn { font-size: 17px; } .payment-modal, .pay-list { padding: 16px; } .payment-tabs { gap: 16px; } .pay-list__title { font-size: 24px; } .payment-info { flex-direction: column; } .payment-info__item { width: 100%; } .payment-content__title { font-size: 20px; } } html.with-fancybox, html.with-fancybox #umnico-widget-wrapper, html.with-fancybox .widget__preview-block, html.with-fancybox .header { padding-right: var(--fancybox-scrollbar-compensate); } html.with-fancybox body.hide-scrollbar { margin-right: 0 !important; } html.with-fancybox .mobile-nav-bar { padding-right: calc(28px + var(--fancybox-scrollbar-compensate)); } .new-sizes.hystmodal--sizes .hystmodal__window { width: auto; display: inline-block; position: absolute; top: 0; right: 0; } .new-sizes .hystmodal__wrap { position: relative; grid-row: 1/-1; } .new-sizes .modal-sizes__blocks-list { display: grid; } .new-sizes [data-tabs=element] { position: static; grid-row: 1 / 2; grid-column: 1 / 2; } @supports (-webkit-touch-callout: none) { body { height: -webkit-fill-available; } html { height: -webkit-fill-available; } } .new-sizes .modal-sizes__table th { background: #E8E8E8; } .new-sizes .modal-sizes__table tr { transition-duration: .2s; } .new-sizes .modal-sizes__table tr:hover, .new-sizes .modal-sizes__table tr.focus-visible { background: #EFEEEE; } .modal-sizes__descr { font: 500 14px / 1.32 "TT Fors", sans-serif; color: #929292; margin: 12px 0 32px; } .modal-sizes__socials-title { font: 500 16px / 1.32 "TT Fors", sans-serif; text-transform: lowercase; color: #1c1b15; margin-bottom: 20px; } .modal-sizes__socials-list { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; } .modal-sizes__socials-link { font: 500 14px / 1.17 "TT Fors", sans-serif; text-transform: lowercase; color: #1c1b15; display: flex; align-items: center; gap: 4px; } .new-sizes th, .new-sizes td { max-width: 115px; min-width: 100px; } .new-sizes .modal-sizes__table th, .new-sizes .modal-sizes__table td { vertical-align: middle; padding-block: 5px; height: 46px; } .new-sizes .modal-sizes__table tr th:first-child, .new-sizes .modal-sizes__table tr td:first-child { width: 115px; padding-inline: 20px; } @media (max-width: 1023px) { .new-sizes.hystmodal--sizes .hystmodal__window { padding-top: 56px; } } @media (max-width:767px) { .new-sizes.hystmodal--sizes .hystmodal__window { display: block; width: 100%; margin-top: 64px; } .new-sizes .modal-sizes__blocks-list { display: block; } .new-sizes [data-tabs=element] { height: 0; } .new-sizes [data-tabs=element].is-active { height: auto; } } @media (max-width:575px) { .new-sizes.hystmodal--sizes .hystmodal__window { margin-top: 44px; } } .plate-info { padding: 5px 0; display: flex; align-items: center; font: 500 14px / 1.2 "TT Fors", sans-serif; font-family: -apple-system, "TT Fors", "Arial", sans-serif; letter-spacing: -0.01em; text-align: center; color: #fff; } .plate-info__col-red, .plate-info__col-black { padding: 3px 6px; min-height: 25px; } .plate-info__col-red { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08); background: #ff3900; display: flex; align-items: center; } .plate-info__col-black { background: #1c1b15; } .promocode-copy { --img-url: url('/images/promo-copy.svg'); position: relative; padding-right: 28px; cursor: pointer; } .promocode-copy[data-open-modal] { --img-url: url('/images/arrow-right.svg'); } .promocode-copy::after { content: ''; width: 12px; height: 14px; background: var(--img-url) no-repeat center/cover; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } .promocode-copy__value { display: inline-block; } .notification-new { z-index: 1000; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); background: #3a3a3a; padding: 16px 12px; font: 500 14px / 1.17 "TT Fors", sans-serif; color: #fff; width: max-content; position: fixed; top: 32px; left: 50%; transform: translate(-50%, -100px); display: flex; align-items: center; column-gap: 4px; opacity: 0; transition: opacity .35s ease, transform .35s ease; } .notification-new.active { transform: translate(-50%, 0); opacity: 1; } .notification-new.notification-error { box-shadow: 0 2px 8px 0 rgba(232, 88, 79, 0.25); background: #e8584f; } .notification-new.notification-error .notification-new__img { display: none; } @media (max-width: 767px) { .plate-info { font-size: 12px; } .plate-info__col-red, .plate-info__col-black { padding-top: 5px; } } .footer-info { font: 500 11px / 1.17 "TT Fors", sans-serif; text-align: center; padding-bottom: 40px; display: flex; flex-direction: column; row-gap: 15px; } .footer-info, .footer-info__link { color: #929292; } .footer-info p { margin: 0; } @media (max-width: 1024px) { .footer-info { padding-bottom: 32px; font-size: 10px; } } /* TABLE SIZE */ .size-table-new { margin-top: 16px; } .header-size { padding: 5px 6px; display: flex; align-items: center; justify-content: space-between; background: #f7f7f7; } .header-size__location { line-height: 1.32; font-family: "TT Fors", sans-serif; font-size: 16px; } .header-size__city { font-weight: 440; color: #929292; } .header-size__address { font-weight: 480; } .header-size__tel { font: 440 14px / 1.17 "TT Fors", sans-serif; text-transform: lowercase; color: #1c1b15; } .body-size { padding: 16px 13px; overflow-x: auto; } /* ::-webkit-scrollbar { -webkit-appearance: none; width: 8px; } ::-webkit-scrollbar:vertical { width: 8px; } ::-webkit-scrollbar:horizontal { height: 8px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .3); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } */ .body-size__list { display: flex; column-gap: 24px; list-style: none; margin: 0; padding: 0; } .body-size__item { text-align: center; display: flex; flex-direction: column; font: 460 16px / 1.9 "TT Fors", sans-serif; } .body-size__quantity { color: #929292; } .header-size__tel-img { padding: 15px; } @media (min-width: 1025px) { .header-size__tel-img { display: none; } .body-size__item { flex: 1 0; } } @media (max-width: 1024.98px) { .header-size__tel-text { display: none; } .body-size__item { width: 80px; flex-shrink: 0; } } @media (max-width: 767.98px) { .header-size__location, .body-size__item { font-size: 14px; } .body-size { padding: 16px 8px; } .header-size__tel-img { padding: 10px; } } /* FANCYBOX GALLERY PRODUCT */ .fancy-gallery-product { cursor: pointer; } .popup-fancy-gallery .f-button { background: none; } .popup-fancy-gallery .f-button svg { fill: #fff; stroke: #fff; } .popup-fancy-gallery .fancybox__backdrop { background: rgba(28, 27, 21, 0.8); } .popup-fancy-gallery .f-button.is-next, .popup-fancy-gallery .f-button.is-prev { border-radius: 0; } .popup-fancy-gallery .f-button:hover { background: none; } .popup-fancy-gallery .f-button.is-next::after, .popup-fancy-gallery .f-button.is-prev::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: 50%; background-size: 24px 24px; } .popup-fancy-gallery .f-button.is-prev::after { rotate: 180deg; transform-origin: 0 0; } .popup-fancy-gallery .fancybox__nav { --f-button-width: 48px; --f-button-height: 48px; } .popup-fancy-gallery .f-button.is-next svg, .popup-fancy-gallery .f-button.is-prev svg { display: none; } .popup-fancy-gallery .fancybox__infobar { font: 400 18px / 1.32 "TT Fors", sans-serif; color: #fff; padding-top: 24px; padding-left: 40px; } .popup-fancy-gallery .fancybox__toolbar__column.is-right { padding-top: 10px; padding-right: 18px; } .popup-fancy-gallery .fancybox__thumbs { --f-thumb-width: 75px; --f-thumb-height: 94px; --f-thumb-border-radius: 0px; --f-thumb-outline: 1px; --f-thumb-outline-color: #000000; } .popup-fancy-gallery .fancybox__thumbs.is-classic { --f-thumb-opacity: 1; } .popup-fancy-gallery .f-thumbs__slide__button { border: 2px solid #ffffff; } @media (max-width: 1024px) { .popup-fancy-gallery .fancybox-image { max-width: 640px; } .popup-fancy-gallery .fancybox__thumbs { --f-thumb-width: 110px; --f-thumb-height: 138px; } .popup-fancy-gallery .fancybox__footer { padding-bottom: 20px; padding-top: 40px; } .popup-fancy-gallery.fancybox__container { justify-content: center; } .popup-fancy-gallery .fancybox__toolbar.is-absolute, .popup-fancy-gallery .fancybox__footer { position: static; } .popup-fancy-gallery .fancybox__carousel { flex: unset; } } @media (max-width: 767px) { .popup-fancy-gallery .f-button.is-next, .popup-fancy-gallery .f-button.is-prev { background: rgba(0, 0, 0, 0.1); } .popup-fancy-gallery .fancybox__thumbs { --f-thumb-width: 82px; --f-thumb-height: 103px; } .popup-fancy-gallery .fancybox__footer { padding-top: 32px; } .popup-fancy-gallery .fancybox__toolbar__column.is-right { padding-right: 10px; } .popup-fancy-gallery .fancybox__infobar { padding-left: 23px; } } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #929292 !important; } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-bottom: 15px !important; } .newsletter__politic { grid-column: 1/-1; grid-row: 2/3; margin-left: -12px; max-width: 680px; } .newsletter__politic--footer { margin-top: 12px; } .check-list__dark-grey { color: #6d6d6d; } .newsletter__politic .input-message, .modal-subscription__politic .input-message { padding-left: 28px; padding-top: 12px; } .newsletter__politic .check-list__item-text { color: #929292; } .check-list__dark-grey { color: #6d6d6d; } .modal-subscription__politic { margin-top: 24px; } .input-message { text-transform: lowercase; } .cost__politic { margin-top: 16px; } .cost__politic__input-message { padding-left: 28px; padding-top: 3px; display: none; } .cost__politic__input-message.is-invalid { display: block; color: red; } .cost__politic .check-list__item-text { color: #929292; } .cost__politic .check-list__item-text a, .newsletter__politic .check-list__item-text a { color: #6d6d6d; } .cookies-info { position: fixed; left: 24px; bottom: 32px; padding: 12px; font-weight: 500; font-size: 14px; line-height: 1.17; text-transform: lowercase; color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); background: #3a3a3a; display: inline-flex; align-items: center; gap: 20px; z-index: 10000; max-width: 450px; width: 100%; } .cookies-info.hidden { display: none; } .cookies-info__link { text-decoration: underline; color: #fff; } .cookies-info__btn-wrap { margin-left: auto; display: flex; align-items: center; gap: 17px; } .cookies-info__btn, .cookies-form__btn { background: #fff; border: none; padding: 2px 16px 3px; font-weight: 500; font-size: 16px; line-height: 116%; text-transform: lowercase; color: #3a3a3a; cursor: pointer; transition-duration: .2s; } .cookies-info__btn:hover, .cookies-form__btn:hover, .cookies-info__btn--black { background: #000; color: #fff; } .cookies-info__btn--black:hover { background: #6d6d6d; } .cookies-popup { display: none; z-index: 10000; position: fixed; left: 24px; bottom: 32px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); background: #3a3a3a; padding: 12px; color: #fff; max-width: 450px; width: 100%; } .cookies-popup.active { display: block; } .cookies-popup__close { position: absolute; right: 3px; top: 3px; background: none; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; } .cookies-popup__title { font-weight: 500; font-size: 14px; line-height: 117%; text-transform: lowercase; margin-bottom: 30px; } .cookies-form__input { display: none; } .cookies-form__input:disabled + .cookies-form__input-custom { background: #c8c8c8; } .cookies-form__input-custom { border: 1px solid rgba(0, 0, 0, 0.1); width: 20px; height: 20px; background: #f7f7f7; display: flex; align-items: center; justify-content: center; } .cookies-form__input-custom-img { display: none; } .cookies-form__input:checked + .cookies-form__input-custom .cookies-form__input-custom-img { display: inline; } .cookies-form__label { display: flex; align-items: center; gap: 17px; cursor: pointer; } .cookies-form { display: flex; flex-direction: column; gap: 12px; } .cookies-form__label-text { font-weight: 500; font-size: 14px; line-height: 117%; text-transform: lowercase; } .cookies-form__btn { align-self: flex-end; margin-top: 20px; } @media (min-width: 768px) { .newsletter__politic--header { margin-top: 16px; } } @media (max-width: 1919px) { .newsletter__politic { margin-left: -19px; max-width: 817px; } } @media (max-width: 1439px) { .newsletter__politic { margin-left: 0; max-width: 100%; } .newsletter__politic .check-list__item, .modal-subscription__politic .check-list__item { align-items: flex-start; } .newsletter__politic .check-list__item-text, .modal-subscription__politic .check-list__item-text { padding-top: 5px; } } @media (max-width: 1023px) { .cookies-info, .cookies-popup { bottom: 103px; } } @media (max-width: 767px) { .modal-subscription__politic { margin-top: 8px; } } @media (max-width: 576px) { .cookies-info { justify-content: center; } .cookies-info, .cookies-popup { bottom: 73px; left: 0; right: 0; max-width: 100%; } .newsletter__politic .input-message { padding-top: 7px; } } .newsletter .custom-input.is-valid { padding-bottom: 0; } .newsletter__new-message { position: absolute; left: 0; bottom: 0; color: #9c9c9c; } .newsletter__input--new.show { padding-bottom: 28px; } /* End */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/header/style.css?17029325474993*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } .block-wrapper .bx-basket-fixed { padding-top: 0; } .block-wrapper .bx-basket-fixed .bx-hdr-profile { display: flex; justify-content: space-between; } .block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block { margin-right: 20px; padding-bottom: 0; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/mobile/style.css?17029537614749*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } .block-wrapper .bx-basket-fixed { padding-top: 0; } .block-wrapper .bx-basket-fixed .bx-hdr-profile { display: flex; justify-content: space-between; } .block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block { margin-right: 20px; padding-bottom: 0; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/footer/style.css?17029325372864*/ ul#vertical-multilevel-menu, #vertical-multilevel-menu ul { margin: 0; padding: 0; list-style: none; width: 214px; font-size:12px; } /*Submenu box*/ #vertical-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; border:1px solid #C1C1C1; border-bottom:none; width:200px; } /* Submenu Items */ #vertical-multilevel-menu li a { display: block; text-decoration: none; color: #4F4F4F; font-weight:bold; padding: 5px; background:#F5F5F5; border-bottom:1px solid #C1C1C1; } /*Items selected*/ #vertical-multilevel-menu li a.item-selected { background-color: #D6D6D6; } /*Items Hover */ #vertical-multilevel-menu li a:hover { background-color: #D6D6D6; } /*Rootmenu Items*/ #vertical-multilevel-menu a.root-item { color:#fff; font-weight:bold; font-size:12px; padding:5px 0 7px 35px; background:#61656A url(/local/templates/.default/components/bitrix/menu/footer/images/item_bg.gif) 0 0 no-repeat; border:none; box-sizing:border-box; -moz-box-sizing:border-box; /*height:26px; overflow:hidden;*/ } /*Rootmenu Items hover*/ #vertical-multilevel-menu a.root-item:hover, #vertical-multilevel-menu a.root-item-selected:hover { background:#61656A url(/local/templates/.default/components/bitrix/menu/footer/images/item_bg.gif) 0 -26px no-repeat; } /*Rootmenu Items Selected*/ #vertical-multilevel-menu a.root-item-selected { color:#fff; font-weight:bold; font-size:12px; padding:5px 0 7px 35px; background:#61656A url(/local/templates/.default/components/bitrix/menu/footer/images/item_bg.gif) 0 -26px no-repeat; border:none; box-sizing:border-box; -moz-box-sizing:border-box; /*height:26px; overflow:hidden;*/ } /*Parent item*/ #vertical-multilevel-menu a.parent { background: #F5F5F5 url(/local/templates/.default/components/bitrix/menu/footer/images/arrow.gif) center right no-repeat; padding-right:10px; } /*Denied items*/ #vertical-multilevel-menu a.denied { background: #F5F5F5 url(/local/templates/.default/components/bitrix/menu/footer/images/lock.gif) center right no-repeat; color:#DDDDDD; padding-right:10px; } /* Holly Hack. IE Requirement \*/ * html ul#vertical-multilevel-menu li { float: left; height: 1%; } * html ul#vertical-multilevel-menu li a { height: 1%; } /* End */ /*Submenu margin*/ #vertical-multilevel-menu li ul.root-item { margin:-27px 0 0 210px; } #vertical-multilevel-menu li ul { margin:-27px 0 0 133px; } /*Submenu hide*/ #vertical-multilevel-menu li:hover ul ul, #vertical-multilevel-menu li.jsvhover ul ul, #vertical-multilevel-menu li:hover ul ul ul, #vertical-multilevel-menu li.jsvhover ul ul ul { /*top:-999em;*/ display:none; } /*Submenu show*/ #vertical-multilevel-menu li:hover ul, #vertical-multilevel-menu li.jsvhover ul, #vertical-multilevel-menu li li:hover ul, #vertical-multilevel-menu li li.jsvhover ul, #vertical-multilevel-menu li li li:hover ul, #vertical-multilevel-menu li li li.jsvhover ul { /*z-index:1000; top:auto;*/ display:block; } /* End */ /* Start:/loyalty/style.css?17328615954311*/ .loyalty-container { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 24px; } .layalty-mb40 { margin-bottom: 40px; } .loyalty-banner__img { width: 100%; } .loyalty-title--page { text-align: center; max-width: 700px; margin: 0 auto 40px; text-transform: none; } .lvl-list { list-style-type: none; counter-reset: num; margin: 16px 0; padding: 0; } .lvl-list__item { position: relative; margin: 0 ; padding: 24px 0 24px 36px; } .lvl-list__item:first-child { padding-top: 0; } .lvl-list__item:first-child:before { top: 23px; } .lvl-list__item:not(:last-child) { border-bottom: 1px solid #e8e8e8; } .lvl-list__item:before { content: '0'counter(num); counter-increment: num; position: absolute; top: 46px; left: 0; color: #D6001C; font: 500 24px / 1.4 "TT Fors", sans-serif; letter-spacing: -0.01em; } .loyalty--page { margin-bottom: 0; } .loyalty__info { font: 440 16px / 1.3 "TT Fors", sans-serif; padding: 8px 0; } .loyalty__info-text { text-transform: lowercase; margin-bottom: 8px; } .loyalty__info-list { padding-left: 14px; } .loyalty__info-list-item { list-style-type: disc; } .loyalty__info-list-item:not(:last-child) { margin-bottom: 8px; } .newsletter { display: none; } .loyalty-accordion-page { margin-bottom: 90px; } .loyalty__info-link { text-decoration: underline; } .loyalty-modal { padding: 10px 0 16px; display: flex; flex-direction: column; height: calc(100vh - 70px); } .loyalty-modal__title { font: 500 32px / 1.1 "TT Fors", sans-serif; margin-bottom: 16px; } .loyalty-modal__info { font: 500 16px / 1.32 "TT Fors", sans-serif; } .loyalty-modal__list { margin: 24px 0; padding-left: 16px; } .loyalty-modal__list-item:not(:last-child) { margin-bottom: 16px; } .loyalty-modal__btn { margin-top: auto; } .back-line { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; } .back-line__btn { display: inline-flex; align-items: center; gap: 20px; } .back-line__text { font: 500 16px / 1.16 "TT Fors", sans-serif; text-transform: lowercase; } .loyalty-modal-wrap.hystmodal--base .hystmodal__window { justify-content: flex-start; } .loyalty-modal-wrap.hystmodal--base .hystmodal__window .container { min-height: calc(100* var(--vh, 1vh)); } .loyalty-modal-wrap .map-contact__controls { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .loyalty-banner__img-wrap--tablet { height: 400px; } .loyalty-banner__img-wrap--mob { height: 253px; } .loyalty-banner__img-wrap--tablet img, .loyalty-banner__img-wrap--mob img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 576px) { .loyalty-banner__img--mob, .loyalty-banner__img-wrap--mob { display: none; } } @media (min-width: 992px) { .loyalty-banner__img--tablet, .loyalty-banner__img-wrap--tablet, .back-line { display: none; } } @media (max-width: 1439px) { .loyalty-modal-wrap .map-contact__controls { border-bottom: none; margin: 0; position: static; padding: 14px 0; margin-left: -12px; } } @media (max-width: 1023px) { .loyalty-modal-wrap.hystmodal { padding-top: 80px; } .loyalty-modal { height: calc(100vh - 150px); } } @media (max-width: 991.98px) { .loyalty-title--page { max-width: 100%; text-align: left; } .loyalty-banner__img--desc { display: none; } } @media (max-width: 575.98px) { .loyalty-item--page { width: 50px; height: 50px; } .loyalty-item__img { max-width: 36px; } .lvl-list__item:before { font-size: 20px; top: 34px; } .lvl-list__item:first-child:before { top: 10px; } .layalty-mb40 { margin-bottom: 24px; } .loyalty-modal__btn { width: 100%; } .loyalty-banner__img--tablet, .loyalty-banner__img-wrap--tablet { display: none; } .loyalty-modal-wrap.hystmodal { padding-top: 40px; } .loyalty-modal { height: calc(100vh - 110px); } } /* End */ /* /local/assets/css/libs/swiper-bundle.min.css?172381605518432 */ /* /local/assets/css/libs/fancybox.css?172381605525343 */ /* /local/assets/css/style.css?1749467874453409 */ /* /local/templates/.default/components/bitrix/sale.basket.basket.line/header/style.css?17029325474993 */ /* /local/templates/.default/components/bitrix/sale.basket.basket.line/mobile/style.css?17029537614749 */ /* /local/templates/.default/components/bitrix/menu/footer/style.css?17029325372864 */ /* /loyalty/style.css?17328615954311 */