/* Start:/local/templates/new_tpl/assets/css/fonts.css?17810804207833*/ /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* End */ /* Start:/local/templates/new_tpl/assets/css/swiper-11.css?178108042018454*/ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/new_tpl/assets/css/style.min.css?1773145467140569*/ * { padding: 0; margin: 0; border: 0; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } :active, :focus { outline: 0; } a:active, a:focus { outline: 0; } aside, footer, header, nav { display: block; } body, html { /*height: 100%;*/ width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { position: relative; height: 100%; } button, input, textarea { font-family: inherit; border-radius: 0; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } input[type="number"] { -moz-appearance: textfield; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .header__body { position: relative; height: 80px; display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__logo svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__logo:hover path { /*fill: #067960;*/ } .header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: center; } .header__list > li { padding-right: 24px; padding-left: 24px; } .header__list > li:first-child { padding-left: 0; } .header__list > li:last-child { padding-right: 0; } .header__sublink { position: relative; height: 35px; display: flex; align-items: center; } .header__sublink::after { content: ""; display: block; width: 100%; height: 28px; position: absolute; top: 100%; left: 0; } /**/ li.header__sublink.black-friday { /*background: linear-gradient(91.47deg, #1B1A19 30%, #FF000A 106.53%);*/ /*-webkit-background-clip: text;*/ /*-webkit-text-fill-color: transparent;*/ /*background-clip: text;*/ /*text-fill-color: transparent;*/ } li.header__sublink.black-friday a{ color:#f99760!important } @media (max-width: 1440px) { li.header__sublink.about-hide{ display: none; } } /**/ .header__link { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__link.active { color: #067960; } .header__link:hover { color: #8c8c8c; } .header__actions { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__action_cart.header__action:hover { color: #067960; border: 1px solid black; } .header__action_sign { cursor: pointer; } .header__action_search { cursor: pointer; } /*.header__action_search svg { display: none; }*/ .header__action_whishlist span.circle-wishlist { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; bottom: 51.43%; background: #067960; border-radius: 100px; width: 16px; height: 16px; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 11px; line-height: 14px; color: #FFFFFF; margin-left: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .header__action_whishlist span.circle-wishlist.active { opacity: 1; } .header__burger { display: none; } .header__action_cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 8px; cursor: pointer; background: #FFFFFF; padding: 7px 9px; border-radius: 40px; justify-content: center; border: 1px solid transparent; } .header__action_cart.active { cursor: default; } .header__action_cart.active .header-cart__span { color: #067960; } .header-cart__icon { border-radius: 50%; background-color: #067960; -webkit-box-flex: 0; -ms-flex: 0 0 19px; flex: 0 0 19px; width: 19px; height: 19px; font-size: 12px; color: #1b1a19; 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; } .header-cart__span { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-popup { position: absolute; top: 100%; left: 300%; width: 100%; height: calc(100vh - 80px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-popup.open { left: 0; } .header-popup__wrapper { background: #fff; position: absolute; top: 0; right: 0; height: 100%; width: 570px; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .header-popup__wrapper::-webkit-scrollbar { width: 0; } .header-popup__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-search__content { padding-top: 40px; padding-left: 58px; padding-right: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } .header-search__input { position: relative; } .header-search__input input { padding-top: 16px; padding-bottom: 16px; padding-right: 40px; border-bottom: 1px solid #1b1a19; background-color: transparent; width: 100%; font-size: 28px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-search__input input::-webkit-input-placeholder { color: #8c8c8c; font-size: 28px; } .header-search__input input::-moz-placeholder { color: #8c8c8c; font-size: 28px; } .header-search__input input:-ms-input-placeholder { color: #8c8c8c; font-size: 28px; } .header-search__input input::-ms-input-placeholder { color: #8c8c8c; font-size: 28px; } .header-search__input input::placeholder { color: #8c8c8c; font-size: 28px; } .header-search__input input:focus { border-bottom: 1px solid #067960; } .header-search__input button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 8px; background-color: transparent; } .header-search__footer { 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; } .header-search__recomendations { color: #8c8c8c; } .header-search__labels { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11px; } .header-search__label { display: block; padding: 16px; border-radius: 8px; border: 1px solid #d7d7d7; color: #1b1a19; font-size: 12px; } .header-menu { position: absolute; width: 100%; height: calc(100dvh - 52px); left: 100%; top: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #f5f5f5; overflow-y: hidden; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 40px; } .header-menu.open { left: 0; } .header-menu__list { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow-y: auto; } .header-menu__link { padding: 16px; border-bottom: 1px solid #d7d7d7; font-size: 12px; color: #1b1a19; } .header-menu__link a { width: 100%; height: 100%; display: block; font-size: 12px; color: #1b1a19; } .header-menu__link_sub_span { display: block; width: 100%; height: 100%; } .header-menu__submenu { background-color: #f5f5f5; position: absolute; width: 100%; height: calc(100vh - 52px); top: 0; left: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-menu__submenu.open { left: 0; } .header-menu__sign { padding: 0 16px; } .header-menu__sign span { padding: 16px 0; 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%; border-radius: 8px; border: 1px solid #d7d7d7; } .header-menu__back { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header-assortments { position: fixed; top: 80px; left: 0; width: 100vw; background-color: #f5f5f5; -webkit-transform: translateY(calc(-100% - 100px)); -ms-transform: translateY(calc(-100% - 100px)); transform: translateY(calc(-100% - 100px)); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; pointer-events: none; overflow: hidden; } .header-assortments.show { pointer-events: all; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .header-assortment { display: none; } .header-assortment.active { display: block; } .header-assortment.anim .header-assortment__list { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .header-assortment.anim .header-assortment__image { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .header-assortment.anim .header-assortment__column::before { height: 100%; } .header-assortment.anim .header-assortment__column:first-child { border: 0; } .header-assortment__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-assortment__column { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; } .header-assortment__column::before { content: ""; display: block; position: absolute; width: 1px; height: 0; top: 0; left: 0; background-color: #d7d7d7; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .header-assortment__column:first-child { border: 0; } .header-assortment__column:first-child::before { display: none; } .header-assortment__column:first-child .header-assortment__list { padding-left: 0; } .header-assortment__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: 11px; padding: 32px; width: 289px; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-assortment__link { color: #8c8c8c; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } .header-assortment__link:hover { color: #067960; } .header-menu__sublist li span.shortprint.new, .header-assortment__link span.shortprint.new {/* NEW */ position: absolute; width: 24px; height: 10px; padding-left: 6px; /*right: -24px;*/ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 8px; line-height: 130%; } .header-menu__sublist li span.shortprint.sale, .header-assortment__link span.shortprint.sale {/* sale */ position: absolute; width: 24px; height: 10px; padding-left: 6px; /*right: -24px;*/ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 8px; line-height: 130%; } .header-menu__sublist li span.shortprint.dot, .header-assortment__link span.shortprint.dot {/* dot */ font-size: 0px; vertical-align: middle; display: inline-flex; padding-left: 2px; } .header-menu__sublist li span.shortprint.dot:after, .header-assortment__link span.shortprint.dot:after {/* dot */ background-image:url('/local/templates/main/assets/img/icons/dotMenu.svg'); content:''; width: 5px; height: 5px; background-size: 4px; background-repeat: no-repeat; background-position: left top; } @media (max-width: 768px) { .header-menu__sublist li span.shortprint.new, .header-assortment__link span.shortprint.new {/* NEW */ font-size: 7px; } .header-menu__sublist li span.shortprint.dot:after, .header-assortment__link span.shortprint.dot:after {/* dot */ width: 3px; height: 3px; background-size: 3px; } } .header-assortment__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-assortment__image { padding: 0px; padding-right: 0; width: 691px; height: 401px; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .header-assortment__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header-cart__wrapper { padding: 40px 58px; } .header-cart__broadcrumbs { display: none; } .header-cart__header { margin-bottom: 48px; } .header-cart__name { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .header-cart__items { 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; margin-bottom: 15px; gap: 16px; } .header-cart__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-cart__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; padding-top: 20px; padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .header-cart__item .sale { color: #f99760; } .header-cart__remind { padding-top: 20px; color: #8c8c8c !important; } .header-cart__btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 38px 0; padding: 16px 0; background-color: #067960; border: 1px solid #067960; border-radius: 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 568px) { .header-cart__btn { margin: 18px 0; } } .header-cart__btn:hover { background-color: transparent; } .header-cart__btn_c{ 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: 38px 0; padding: 16px 0; width: 100%; border-radius: 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } @media (max-width: 568px) { .header-cart__btn_c { margin: 18px 0; } } .header-cart__btn_c.white{ border: 1px solid #067960; background-color: transparent; } .header-cart__btn_c.white:hover{ background-color: #067960; color: #ffffff; } .header-cart__footer { 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; } .header-cart__products { position: relative; min-height: 0; min-width: 0; max-width: calc(100% + 40px); padding: 0 20px; margin: 0 -20px; } @media (max-width: 768px) { .header-cart__products { padding: 0; } } .header-cart__products .product-card { border: 0; max-width: 230px; } .header-cart__products .product-card::after, .header-cart__products .product-card::before { display: none; } .header-cart__products .product-card::after { background-color: transparent; display: block; z-index: 1; inset: 0; height: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-cart__products .product-card:hover { border: 0; } .header-cart__products .product-card:hover::after { background-color: transparent; } .header-cart__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .header-cart__arrow::before { content: ""; position: absolute; inset: -10px; cursor: pointer; } .header-cart__arrow_prev { left: 0; } .header-cart__arrow_next { right: 0; } .cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7; } .cart-item__main { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } .cart-item__activities { 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: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-item__activities .cart-item__title a:hover{ border-bottom: 1px solid #067960; } .cart-item__selects { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 14px; } .cart-item__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; color: #1b1a19; font-size: 12px; font-weight: 300; } .cart-item__select > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cart-item__select > div button { cursor: pointer; background-color: #fff; border-radius: 50%; color: #8c8c8c; -webkit-box-flex: 0; -ms-flex: 0 0 26px; flex: 0 0 26px; width: 26px; height: 26px; 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; } .cart-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .cart-item__price_old { color: #8c8c8c !important; text-decoration: line-through; } .cart-item__remove { background-color: transparent; color: rgba(0, 0, 0, 0.4); font-size: 12px; font-weight: 300; -ms-flex-item-align: end; align-self: flex-end; height: 26px; } .header-sign__wrapper { padding: 40px 58px; } .header-sign__header { margin-bottom: 48px; } .header-sign__close_mobile { display: none; } .header-sign__title { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .header-sign__subtitle { margin-bottom: 48px; padding-top: 20px; } .header-register__wrapper { padding: 40px 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } .header-register__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: 20px; } .header-register__title { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .header-register__btn { width: 100%; } .header-submit.error .error { display: block; } .header-submit.error .order-submit__input input { background-color: #f99760; } .header-submit__back { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .header-submit__remind { color: #8c8c8c !important; } .header-submit__error { color: #db1c4a !important; } .header-submit__btn_error { background-color: #067960 !important; } .header-submit__footer { 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; } .header-submit .error { /*display: none;*/ } .footer__wrapper { /*height: 209px;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 24px; } .footer__body { 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; width: 100%; } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__link { color: #fff !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__link:hover { color: #067960 !important; } .footer__social { -ms-grid-column-align: end; justify-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 28px; } .footer__social a svg path{ fill:white; } .footer__media svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__media svg:hover path { fill: #067960; } .footer__year { -ms-grid-column-align: end; justify-self: end; color: #fff !important; } .footer-mobile { display: none; } .footer-mobile__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-mobile__link { padding: 16px; 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; border-bottom: 2px solid #d7d7d7; } .footer-mobile__row { padding: 16px; 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; } .banner-list { margin-bottom: 2px; } .banner-item a{ width: 100%; } .banner-item img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-hero { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2px; margin-top:2px; } .main-hero__block { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 1px); flex: 0 0 calc(50% - 1px); position: relative; } .main-hero__image { width: 100%; height: 100%; } .main-hero__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-hero__link { width: 47.8145695364%; } .home-arrival__header { padding: 24px 32px; 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; } .home-arrival__title { color: #1b1a19; } .home-arrival__btn { color: #1b1a19; font-weight: 300; font-size: 12px; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .home-arrival__btn:hover { color: #067960; } .arrival-slider__btn_next, .arrival-slider__btn_prev { display: none; } .arrival-slide { border: 1px solid #d7d7d7; border-left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 768px) { .arrival-slide { height: calc((100% - 0px) / 2) !important; } .swiper { width: 100%; height: 100%; /*height: 178vw;*/ margin-left: auto; margin-right: auto; } .home-arrival__slider { height: 178vw; } .home-arrival { height: 100%; } } @media (max-width: 375px) { .swiper { height: 175vw; } } .arrival-slide::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 2; } .arrival-slide:hover { border: 1px solid #1b1a19; border-left: 0; } .arrival-slide:hover::before { background-color: #1b1a19; } .arrival-slide:hover .product-card__colors { } .arrival-slide:hover .product-card__like { opacity: 1; pointer-events: all; } .arrival-slide__image { 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; position: relative; z-index: 1; } .arrival-slide__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .arrival-slide__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding: 32px; padding-top: 0; position: relative; /*width: calc(100% - 35px);*/ width: calc(100% - 0px); } .arrival-slide__price { color: #8c8c8c; font-size: 12px; } .home-capsul__header { padding: 24px; padding-left: 32px; } .home-capsul__content { position: relative; width: 100%; } .home-capsul__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .home-capsul__link { width: 23.8756613757%; } .catalog-hero__image { height: 350px; } .catalog-hero__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .catalog-content__header { padding: 24px 0; } .catalog-content__row { margin-top: 11px; 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-bottom: 16px; } .catalog-content__title { color: #1b1a19; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; font-weight: 300; } .catalog-content__title_big { font-size: 28px; -ms-flex-item-align: end; align-self: flex-end; } .catalog-content__title_small { font-size: 12px; -ms-flex-item-align: start; align-self: flex-start; } .catalog-content__subtitle { display: none; } .catalog-content__list { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 50%; flex-wrap: wrap; gap: 4px; } .catalog-content__list li { cursor: pointer; padding: 16px; border-radius: 8px; border: 1px solid #d7d7d7; font-size: 12px; color: #1b1a19; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalog-content__list li:hover { border: 1px solid #1b1a19; } .catalog-content__list li.active { border: 1px solid #1b1a19; } .catalog-content__main { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } .catalog-content__main.detail{ position:relative; z-index:0; } @media (min-width: 2056px) { .catalog-content__main { -ms-grid-columns: (1fr) [5]; grid-template-columns: repeat(5, 1fr); } } .catalog-content__main_3 { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .product-card { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } .product-card::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 2; } .product-card::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 2; } .product-card:hover { } .product-card:hover::after, .product-card:hover::before { background-color: #1b1a19; } .product-card:hover .product-card__colors { opacity: 1; } .product-card__image { 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; position: relative; z-index: 1; } .product-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: .733; } .product-card__color { width: 14px; height: 14px; -webkit-box-flex: 0; -ms-flex: 0 0 14px; flex: 0 0 14px; } .product-card__color.grey { background: #d5d5d9; } .product-card__color.orange { background: #d6ad91; } .product-card__color.green { background: #067960; } .product-card__color.black { background: #101012; } .product-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding: 32px; padding-right: 74px; padding-top: 0; position: relative; width: calc(100% - 0px); } .product-card__price { color: #8c8c8c; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .product-card__price .old { text-decoration: line-through; } .product-card__price .actual { color: #f99760; } .product-card__cart { display: block; position: absolute; right: 32px; bottom: 32px; } .product-card:hover .product-card__cart { display: block; } .product-content__main { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: calc((100% - 1448px) / 2); display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-column-gap: 40px; } .product-content .reco_title{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 28px; line-height: 34px; color: #1B1A19; padding-bottom: 24px; padding-top: 44px; } .product-content:not(:has(.product-card)) .reco_title { display: none; } .product-content .catalog-content__main.detail .product-card__remove{ display: none; } .product-content__zoomed { max-width: 100%; min-width: 0; position: fixed; top: 81px; left: 0; width: 100%; height: 100vh; overflow-y: auto; z-index: 1; background-color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; pointer-events: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; z-index: 95; } .product-content__zoomed::-webkit-scrollbar { width: 0; } .product-content__zoomed.active { pointer-events: all; opacity: 1; } .product-content__zoomed .slider-zoomed__close { position: fixed; top: 101px; right: 20px; z-index: 1; background-color: #fff; } .product-content__zoomed .swiper { cursor: pointer; } .product-content__zoomed .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-content__zoomed .swiper-btn-next_zoomed, .product-content__zoomed .swiper-btn-prev_zoomed { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-content__zoomed .swiper-btn-next_zoomed::after, .product-content__zoomed .swiper-btn-prev_zoomed::after { font-size: 0; } .product-content__zoomed .swiper-btn-prev_zoomed { left: 40px; } @media (max-width: 768px) { .product-content__zoomed .swiper-btn-prev_zoomed { left: 12px; } } .product-content__zoomed .swiper-btn-next_zoomed { right: 40px; } @media (max-width: 768px) { .product-content__zoomed .swiper-btn-next_zoomed { right: 12px; } } .product-content__slider { max-width: 100%; position: relative; min-width: 0; z-index: 0; cursor: pointer; } .product-content__slider .swiper-slide { overflow: hidden; } .product-content__slider .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-content__slider .swiper-pagination { bottom: 15px; } @media (min-width: 768px) { .product-content__slider .swiper-pagination{ display:none; } } .product-content__slider .swiper-pagination-bullet { width: 6px; height: 6px; background-color: rgba(255, 255, 255, 0.7); opacity: unset; } .product-content__slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #067960; } .product-content__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-content__image_last { -ms-grid-row: 3; grid-row: 3; } .product-info_constructor { height: calc(100svh - 180px); } .product-info__wrapper { /* max-width: 358px;*/ } .product-info__header { padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .product-info__footer { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #d7d7d7; 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; } .product-info__favor button { width: 100%; 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: #fff; border: 1px solid #067960; -webkit-transition: 0.3; -o-transition: 0.3; transition: 0.3; } .product-info__favor button .checked { display: none; } .product-info__favor button .default { display: block; } .product-info__favor button:hover { background-color: #067960; } .product-info__favor button.checked .checked { display: block; } .product-info__favor button.checked .default { display: none; } .product-size { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-size__list { margin-top: 16px; margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; /*flex-wrap: wrap;*/ max-width:354px; } @media (max-width: 568px) { .product-size__list { gap: 7px; flex-wrap: nowrap; overflow-x: auto; max-width:100%; } .product-size__list::-webkit-scrollbar { display: none; } } .product-size__item input { display: none; } .product-size__item input:checked + label { border: 1px solid #1b1a19; } .product-color { 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; } .product-color__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; } .product-color__item input { display: none; } .product-gallery__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-result__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; border-radius: 8px; background-color: #067960; color: #1b1a19; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } .product-result__btn .product-result__buy { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; } .product-result__btn:hover .product-result__buy { opacity: 1; } .product-result__btn:hover .product-result__price, .product-result__btn:hover .product-result__title { opacity: 0; } .product-result__buy { opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-result__price, .product-result__title { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-tabs { max-width: 358px; } @media(max-width: 992px) { .products-tabs { max-width: unset; } } .product-tabs__list { 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; } .product-tabs__link { cursor: pointer; color: #8c8c8c !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-tabs__link:hover { color: #1b1a19 !important; } .product-tabs__link.active { color: #1b1a19 !important; } .product-tabs__content { /*position: absolute; top: 0; left: 100%; width: 100%; /*height: 100%;*/ /*-webkit-transition: 0.3s; -o-transition: 0.3s;*/ transition: 0.3s; margin-top:20px; } .product-tab { padding-top: 44px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; /* position: absolute; width: calc(100% + 2px); height: 100%; top: 0; left: 0; */ background-color: #f5f5f5; padding-left: 2px; /* overflow-y: auto; */ -ms-overflow-style: none; overflow: -moz-scrollbars-none; display: none; padding-left: 0 !important; width: unset !important; height: unset !important; padding-bottom: 24px; } .product-tab::-webkit-scrollbar { width: 0; } .product-tab.active { /*-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 2;*/ display:block; } .product-tab.down-page { /* position: fixed; top: 80px; left: unset; right: -100%; height: 100% !important;*/ } .product-tab.down-page.active { /* right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0);*/ } .product-tab__header { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; margin-bottom: 32px; } .product-tab__back { cursor: pointer; } .product-tab__title { margin-bottom: 16px; } .product-tab__subtitle { margin-bottom: 32px; } .product-tab__subtitle_delivery { 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; } .product-tab__subtitle_delivery p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-tab__subtitle_delivery li { list-style: disc; list-style-position: inside; padding-left: 3px; } .product-tab__list { margin-bottom: 32px; } .product-tab__list li { list-style: disc; list-style-position: inside; } .product-tab__text { color: rgba(0, 0, 0, 0.4) !important; } .product-tab .lh { line-height: 150%; } .product-guide { position: fixed; top: 70px; left: 100%; height: calc(100vh - 70px); background-color: #f5f5f5; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 4; width: 79.5634920635%; } .product-guide.show { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .product-guide__wrapper { padding: 40px 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } .product-guide__header { 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; } .product-guide__header_mobile { display: none !important; } .product-guide__name { margin-bottom: 16px; } .product-guide__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; } .product-guide__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: center; -ms-flex-align: center; align-items: center; gap: 16px; min-width: 75%; } .product-guide__table { border-top: 1px solid #d7d7d7; } .product-guide__table.guide-table-column__no-border{ border-top:unset; } .product-guide__image { width: 225px; -webkit-box-flex: 0; -ms-flex: 0 0 225px; flex: 0 0 225px; display: none; } .product-guide__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-guide__remind { color: #8c8c8c !important; } .guide-table { /*display: -ms-grid;*/ /*display: grid;*/ /*-ms-grid-columns: (1fr) [4];*/ /*grid-template-columns: repeat(4, 1fr);*/ gap: 20px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (max-width: 568px) { .guide-table { display: grid; } } .guide-table__grid { display: grid; -ms-grid-columns: (1fr) [1]; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-bottom: 20px; } .guide-table:has(.DLINA_PLECHA) { /*-ms-grid-columns: (1fr) [5];*/ /*grid-template-columns: repeat(5, 1fr);*/ } .guide-table__header { padding-top: 20px; /*padding-bottom: 16px;*/ /*border-bottom: 1px solid #d7d7d7;*/ /*-ms-grid-column-span: 5;*/ /*grid-column: span 5;*/ display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [1]; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } .guide-table__header:has(:nth-child(2)), .guide-table__header:has(:nth-child(2)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .guide-table__header:has(:nth-child(3)), .guide-table__header:has(:nth-child(3)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .guide-table__header:has(:nth-child(4)), .guide-table__header:has(:nth-child(4)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } .guide-table__header:has(:nth-child(5)), .guide-table__header:has(:nth-child(5)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [5]; grid-template-columns: repeat(5, 1fr); } .guide-table__header:has(:nth-child(6)), .guide-table__header:has(:nth-child(6)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [6]; grid-template-columns: repeat(6, 1fr); } .guide-table__header:has(:nth-child(7)), .guide-table__header:has(:nth-child(7)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [7]; grid-template-columns: repeat(7, 1fr); } .guide-table__header:has(:nth-child(8)), .guide-table__header:has(:nth-child(8)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [8]; grid-template-columns: repeat(8, 1fr); } .guide-table.guide-table-column6 ,.guide-table.guide-table-column6 .guide-table__header{ -ms-grid-column-span: 6; grid-column: span 6; -ms-grid-columns: (1fr) [6]; grid-template-columns: repeat(6, 1fr); } .guide-table.guide-table-column5 ,.guide-table.guide-table-column5 .guide-table__header{ -ms-grid-column-span: 5; grid-column: span 5; -ms-grid-columns: (1fr) [5]; grid-template-columns: repeat(5, 1fr); } .guide-table__item { /*padding-bottom: 16px;*/ /*border-bottom: 1px solid #d7d7d7;*/ min-height: 16px; /*max-width: 160px;*/ } .guide-table__item-column{ display:flex; flex-direction: column; gap:20px; } .guide-table__item__top { padding: 16px 0; } .constructor-color { 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; } .constructor-color__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .constructor-color__input { position: relative; } .constructor-color__input input { padding-right: 77px; padding-left: 24px; padding-top: 16px; padding-bottom: 16px; border-radius: 8px; border: 1px solid #d7d7d7; background: #f5f5f5; width: 100%; } .constructor-color__input label { display: block; position: absolute; top: 0; right: 0; height: 100%; width: 53px; 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-left: 1px solid #d7d7d7; } .constructor-color__circle { width: 21px; height: 21px; -webkit-box-flex: 0; -ms-flex: 0 0 21px; flex: 0 0 21px; border-radius: 50%; } .product-shutter { display: none; } .product-shutter__wrapper { border-top: 1px solid #1b1a19; 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: 16px; background-color: #fff; } .product-shutter__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; } .product-shutter__btn { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .product-shutter__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .product-shutter__btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .product-shutter__favor { width: 47px; height: 47px; -webkit-box-flex: 0; -ms-flex: 0 0 47px; flex: 0 0 47px; border-radius: 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #88BCAC; } .product-shutter__favor.checked { background-color: #067960; } .product-today { position: fixed; top: 80px; left: 100%; background-color: #f5f5f5; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 4; width: 100%; } .product-today.show { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .product-today__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-today__image { padding: 32px; height: calc(100vh - 80px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 59.5238095238%; } .product-today__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-today__content { border-left: 1px solid #d7d7d7; padding-top: 64px; padding-left: 90px; padding-right: 44px; padding-bottom: 32px; 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; height: calc(100vh - 80px); overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .product-today__content::-webkit-scrollbar { width: 0; } .product-today__back { cursor: pointer; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .product-today__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: 32px; } .today-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .today-item__main { padding-bottom: 8px; border-bottom: 1px solid #d7d7d7; line-height: 160%; font-size: 14px; font-weight: 300; } .today-item__address { color: rgba(0, 0, 0, 0.4); } .today-item__sizes { font-size: 14px; font-weight: 300; color: #1b1a19; } .product-content__main { gap: 0; grid-column-gap: 0; } .product-content__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 32px; /*position: sticky;*/ top: 124px; height: 906px; z-index: 1; } .product-content__slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 910px; margin-left: 0; margin-right: 0; height: 906px; /*border: 2px solid #d7d7d7;*/ /*border-left: 0;*/ } .product-content__slider .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 5px; border-radius: 18px; } .product-content__slider .product-content__slider_btn { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-content__slider .product-content__slider_btn-prev { left: 20px; } .product-content__slider .product-content__slider_btn-next { right: 20px; } .product-content__zoomed .swiper-button-next::after, .product-content__zoomed .swiper-button-prev::after { display: none; } .product-content__zoomed .swiper-button-next svg, .product-content__zoomed .swiper-button-prev svg { width: unset !important; height: unset !important; } .product-content__zoomed .swiper-button-next { /*-webkit-transform: rotate(90deg);*/ /*-ms-transform: rotate(90deg);*/ /*transform: rotate(90deg);*/ /*pointer-events: none;*/ } .product-content__zoomed .swiper-button-prev { /*-webkit-transform: rotate(-90deg);*/ /*-ms-transform: rotate(-90deg);*/ /*transform: rotate(-90deg);*/ /*pointer-events: none;*/ } .product-content .product-content__slider_btn { z-index: 10; width: 36px; height: 36px; border-radius: 50%; background-color: white; border: 1px solid #d9d9d9; 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; position: absolute; } .thumbs-slider { z-index: 0; background-color: transparent; position: relative; width: 130px; min-width: 0; top: unset; height: 906px; opacity: 1; pointer-events: all; overflow: unset; } .thumbs-slider .swiper { height: 906px; border: 1px solid #d7d7d7; } .thumbs-slider .swiper-slide { cursor: pointer; width: 128px; height: 130px; border: 1px solid #d7d7d7; overflow: hidden; border-bottom: 0; } .thumbs-slider .swiper-slide:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .thumbs-slider .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .thumbs-slider .swiper-button-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .thumbs-slider .product-content__slider_btn { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: unset; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .thumbs-slider .product-content__slider_btn::after { display: none; } .thumbs-slider .product-content__slider_btn.swiper-button-prev { top: 0 !important; margin: unset; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .thumbs-slider .product-content__slider_btn.swiper-button-prev svg { width: unset; height: unset; } .thumbs-slider .product-content__slider_btn.swiper-button-next { top: unset; bottom: 0 !important; margin: unset; -webkit-transform: translate(-50%, 50%) rotate(180deg); -ms-transform: translate(-50%, 50%) rotate(180deg); transform: translate(-50%, 50%) rotate(180deg); } .thumbs-slider .product-content__slider_btn.swiper-button-next svg { width: unset; height: unset; } .product-info__footer { padding-bottom: 71px; } .product-info__text { padding-top: 40px; padding-bottom: 40px; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left; color: #1b1a19; border-bottom: 1px solid #d7d7d7; } .product-info__price { font-size: 18px; } /* .product-result { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; height: 53px; } .product-result__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; border: 1px solid #067960; } .product-result__btn svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-result__buy { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 1; background-color: #067960; font-size: 16px; font-weight: 400; line-height: 20.8px; color: white !important; } .product-result__buy:active { background-color: #fff; color: #067960 !important; }*/ .product-result__favor { background-color: white; width: 53px; -webkit-box-flex: 0; -ms-flex: 0 0 53px; flex: 0 0 53px; padding: unset; } .product-result__favor:active { background-color: #067960; } .product-result__favor:active svg path { stroke: white; } .product-result__bonus { position: absolute; top: calc(100% + 10px); right: 0; font-size: 16px; font-weight: 400; line-height: 20.8px; color: #f99760; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; } .product-result__bonus svg { cursor: pointer; } .product-hint { position: relative; } .product-hint::after { content: ""; display: block; top: 100%; right: 0; width: 32px; height: 35px; position: absolute; pointer-events: none; } .product-hint:hover::after { pointer-events: all; } .product-hint:hover .product-hint__content { opacity: 1; pointer-events: all; } .product-hint__content { top: calc(100% + 35px); right: 0; position: absolute; font-size: 12px; font-weight: 400; line-height: 14.52px; text-align: left; color: #1b1a19; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: white; width: 322px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 8px; padding: 24px; pointer-events: none; } .product-hint__content svg { position: absolute; bottom: 100%; right: 30px; cursor: default; } .product-hint__content a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 12px; line-height: 14.52px; color: #1b1a19; border-bottom: 1px solid #1b1a19; } /*.digi-dolyame-button--wrapper { display: none!important; }*/ .order-checkbox input { display: none; } .order-checkbox input:checked + label .order-checkbox__box { border: 2px solid #bee7d8; } .order-checkbox input:checked + label .order-checkbox__box svg { opacity: 1; } .order-checkbox__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px; cursor: pointer; } .order-checkbox__span { font-size: 12px; font-weight: 300; } .order-checkbox__box { width: 24px; height: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; border-radius: 4px; border: 2px solid #d7d7d7; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-checkbox__box svg { opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-checkbox__span a { color: #067960; text-decoration: underline; } .order-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .order-input .select { position: relative; } .order-input .select.open .select__header { background-color: transparent; border-radius: 8px 8px 0 0; border: 1px solid #067960; } .order-input .select.open .select__content { opacity: 1; pointer-events: all; } .order-input .select.open .select__back { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .order-input .select__header { 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; cursor: pointer; padding: 15px 23px; width: 100%; border-radius: 8px; font-size: 16px; font-weight: 300; color: #1b1a19; background-color: #bee7d8; border: 1px solid #bee7d8; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-input .select__back { background: url(/local/templates/new_tpl/assets/css/../img/icons/order-select-back.svg) center/auto no-repeat; width: 14px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 14px; flex: 0 0 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-input .select__content { position: absolute; top: 100%; left: 0; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1; } .order-input .select__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #067960; border-top: 0; border-radius: 0 0 8px 8px; } .order-input .select__item { padding: 15px 23px; width: 100%; font-size: 16px; font-weight: 300; color: #1b1a19; background-color: #f5f5f5; border-bottom: 1px solid #067960; cursor: pointer; } .order-input .select__item.selected { background-color: #bee7d8; } .order-input .select__item:last-child { border-bottom: 0; border-radius: 0 0 8px 8px; } .order-radio input { display: none; } .order-radio input:checked + label .order-radio__circle { border: 2px solid #bee7d8; } .order-radio input:checked + label .order-radio__circle::after { opacity: 1; } .order-radio__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 11px; cursor: pointer; } .order-radio__circle { border: 2px solid #d7d7d7; border-radius: 50%; width: 24px; height: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; 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; } .order-radio__circle::after { content: ""; display: block; width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; background-color: #067960; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; border-radius: 50%; } .order-radio__span { white-space: nowrap; text-wrap: nowrap; } .order__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .order-broadcrumbs { padding: 24px 0; } .order-content { padding-bottom: 20px; } .order-content__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-details { border-right: 1px solid #d7d7d7; padding-bottom: 88px; min-height: calc(100vh - 80px); } .order-details__wrapper { padding: 0 90px; padding-top: 113px; } .order-detail__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d7d7d7; padding-bottom: 20px; cursor: pointer; } .order-detail__header.active .order-detail__status { border: 2px solid #067960; background-color: transparent; } .order-detail__header.activated .order-detail__status { border: 2px solid #067960; background-color: #067960; } .order-detail__header.error .order-detail__status { border: 2px solid #C6C6C6; background-color: #C6C6C6; } .order-detail__status { width: 14px; height: 14px; -webkit-box-flex: 0; -ms-flex: 0 0 14px; flex: 0 0 14px; background-color: #c6c6c6; border: 2px solid #c6c6c6; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-detail__wrapper { 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; padding-top: 16px; } .order-detail__radios { 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-detail__intervals { border-radius: 16px; border: 1px solid #bee7d8; overflow: hidden; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .order-detail__intervals input { display: none; } .order-detail__intervals label { padding: 16px 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; 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: #1b1a19; font-size: 16px; line-height: 130%; background-color: #f0f9f6; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; cursor: pointer; } .order-detail__intervals input:checked + label { background-color: #bee7d8; } .delivery-way { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; flex-wrap: wrap; } .delivery-way input { display: none; } .delivery-way input:checked + label { background-color: #bee7d8; } .delivery-way__subtitle { font-size: 12px; color: #1b1a19; font-weight: 300; opacity: 0.8; margin-top: 3px; margin-bottom: 10px; } .pickup-detail { padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; border-radius: 16px; border: 1px solid #e0e0e0; background: #f5f5f5; } .pickup-detail__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pickup-detail__info { text-align: right; color: #8c8c8c; } .pickup-detail__btn { cursor: pointer; } .order-address .not-pickup.hidden { display: none; } .order-address .pickup.hidden { display: none; } .order-payment__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; } .order-payment__promos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .order-payment__promo { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .order-payment__btn { -webkit-box-flex: 0; -ms-flex: 0 1 160px; flex: 0 1 160px; padding: 16px; border-radius: 8px; } .order-payment .order-detail__wrapper { padding-top: 24px; gap: 48px; } .order-footer { 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-result { padding: 0 90px; padding-top: 69px; } .order-result__wrapper { padding-top: 113px; } .order-result__title { padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; } .order-result__products .cart-item { max-height: 97px; padding-top: 10px; padding-bottom: 10px; } .order-result__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 48px; } .order-result__item { padding-top: 20px; padding-bottom: 16px; 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; border-bottom: 1px solid #d7d7d7; } .order-result__item .orange { color: #f99760; } .order-products { display: none; } .order-pickup { position: fixed; top: 80px; left: 100%; height: calc(100vh - 80px); background-color: #f5f5f5; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 4; width: 85.8465608466%; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .order-pickup::-webkit-scrollbar { width: 0; } .order-pickup.show { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .order-pickup__wrapper { padding: 40px; } .order-pickup__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-pickup__image { max-height: calc(100vh - 120px); } .order-pickup__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .order-pickup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } .order-pickup__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-pickup__section { 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-pickup__title { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .order-pickup__input { position: relative; } .order-pickup__arrow { position: absolute; top: 0; right: 16px; height: 100%; border-radius: 8px; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-pickup__arrow:hover { right: 11px; } .order-pickup__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: 16px; } .order-pickup__item { gap: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .order-pickup__item .order-pickup__btn { overflow: hidden; max-height: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 0; } .order-pickup__item.active { gap: 16px; border: 1px solid #067960; } .order-pickup__item.active .order-pickup__btn { max-height: 53px; } .order-pickup__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; border-radius: 8px; background: #e0e0e0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 52px; cursor: pointer; } .order-pickup__btn.work { background-color: #067960; border: 1px solid #067960; } .order-pickup__btn:hover { background-color: transparent; border: 1px solid #067960; } .order-pickup__when { color: rgba(0, 0, 0, 0.4); text-align: center; } .pickup-mobile { display: none; } .pickup-mobile__close { padding: 16px; border-bottom: 1px solid #e0e0e0; } .pickup-mobile__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 66px; border-bottom: 1px solid #e0e0e0; } .pickup-mobile__tab { padding: 12px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; color: #8c8c8c !important; transition: 0.3s; } .pickup-mobile__tab::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pickup-mobile__tab.active { color: #1b1a19 !important; } .pickup-mobile__tab.active::after { background-color: #1b1a19; } .pickup-mobile__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: 16px; padding-top: 16px; } .pickup-mobile__shared { padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .pickup-mobile__content { display: none; } .pickup-mobile__content.active { display: block; } .pickup-mobile__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pickup-mobile__list { padding: 0 16px; padding-bottom: 16px; } .order-status__broadcrumbs { padding: 24px 0; } .order-status__content { height: calc(100vh - 149px); max-width: 900px; margin: 0 auto; padding-top: 167px; } .order-status__title { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .order-status__subtitle { margin-top: 16px; margin-bottom: 32px; } .order-status__btn { max-width: 350px; } .order-status.success .error { display: none; } .order-status.error .success { display: none; } .account-page, .stylist-page { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: calc(100vh - 80px); } .account-nav, .stylist-nav { padding-left: calc((100% - 1448px) / 2); -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; border-right: 1px solid #d7d7d7; position: relative; z-index: 2; background-color: #f5f5f5; } .account-nav__main, .stylist-nav__main { padding-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .account-nav__menu, .stylist-nav__menu { 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; } .account-nav__item, .style-nav__item { cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #8c8c8c !important; } .account-nav__item.active, .account-nav__item:hover .style-nav__item.active, .style-nav__item:hover { color: #1b1a19 !important; } .style-nav__item a{ color: inherit; } ul.map-list { display: flex; gap: 4px; flex-direction: column; } ul.map-list .map-block { display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } ul.map-list .map-block:before { background-image: url(/local/templates/main/assets/img/icons/cartPict.svg); content: ''; display: inline-block; min-width: 17px; width: 17px; height: 17px; background-size: 17px; background-repeat: no-repeat; background-position: -1px; margin-right: 6px; } .account__broadcrumbs, .stylist__broadcrumbs { padding: 24px 0; } .account__content, .stylist__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow-x: hidden; } .stylist__wrapper{ 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; max-width: 1050px; } .stylist__content .stylist__wrapper .style-block_title{ font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 130%; color: #000000; margin-bottom: 16px; } .account__tab { display: none; } .account__tab.active { display: block; } .account-profile { padding: 100px; } .account-profile__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; max-width: 454px; } .account-profile__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .account-profile__item_hidden { gap: 16px; display: none; } .account-profile__title { padding-bottom: 16px; } .account-profile__cashback { margin-bottom: 16px; } .account-profile__cashback .account-profile__text { max-width: 379px; /*height: 36px;*/ font-weight: 400; font-size: 14px; color: #8C8C8C; margin-bottom: 16px; } .account-profile__cashback .account-profile__percents {} .account-profile__cashback .account-profile__lines { height: 7px; position: relative; margin-bottom: 8px; } .account-profile__cashback .account-profile__lines >div{ position: absolute; height: 7px; width: 100%; border-radius: 10px; } .account-profile__cashback .account-profile__lines .account-profile__grey_line { background: #eee; z-index: 0; } .account-profile__cashback .account-profile__lines .account-profile__green_line { background: #11BA7D; z-index: 1; } .account-profile__cashback .account-profile__percent { display: flex; justify-content: space-between; flex-direction: row; } .account-profile__cashback .account-profile__percent > div{ width: 23px; height: 21px; font-size: 16px; line-height: 130%; } .account-profile__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #d7d7d7; } .account-profile__list li { 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: 16px 0; border-bottom: 1px solid #d7d7d7; } .account-profile__subtitle { color: #8c8c8c !important; } .account-wishlist { overflow-x: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .account-wishlist::-webkit-scrollbar { width: 0; height: 0; } .account-wishlist__wrapper { padding-top: 132px; } .account-wishlist__list { display: none; } .account-wishlist__slider { min-width: 0; } .account-wishlist__slider .swiper-wrapper { max-width: 74.3386243386vw; } .account-wishlist__slider .swiper-slide { max-width: 33.3333%; z-index: -1; border: 1px solid #d7d7d7; border-left: 0; } .account-wishlist__slider .swiper-slide::after, .account-wishlist__slider .swiper-slide::before { display: none; } .account-wishlist__slider .swiper-slide:first-child::before { display: block; background-color: #d7d7d7; -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); transform: translateX(-1px); } .account-wishlist__slider .swiper-slide:first-child:hover { border: 1px solid #1b1a19; border-left: 0; } .account-wishlist__slider .swiper-slide:first-child:hover::before { background-color: #1b1a19; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .account-wishlist__slider .swiper-slide:hover { border: 1px solid #1b1a19; } .account-wishlist .product-card.saled .product-card__image { opacity: 0.5; } .account-wishlist .product-card__footer { 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; } .account-wishlist .product-card__remove { font-size: 12px; font-weight: 300; color: #8c8c8c; } .account-history { padding: 100px; overflow-x: hidden; } .account-history__wrapper { max-width: 802px; } .account-history__title { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .account-history__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .account-history__item { padding-top: 16px; padding-bottom: 26px; border-bottom: 1px solid #d7d7d7; display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: (1fr) [5]; grid-template-columns: repeat(5, 1fr); } .account-history__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .account-history__btn { background-color: transparent; padding: 16px; border-radius: 8px; border: 1px solid #d7d7d7; font-size: 12px; font-weight: 300; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; -ms-grid-column-align: end; justify-self: end; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .account-history__btn:hover { border: 1px solid #067960; } .history-detail { z-index: 2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #f5f5f5; padding: 100px; padding-bottom: 40px; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; } .history-detail::-webkit-scrollbar { width: 0; } .history-detail.show { left: 0; } .history-detail__wrapper { max-width: 802px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } .history-detail__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; cursor: pointer; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .history-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .history-detail__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .history-detail__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .history-detail__item .product-card { border: 0; max-width: 160px; } .history-detail__item .product-card::after, .history-detail__item .product-card::before { display: none; } .history-detail__item .product-card:first-child::after { } .history-detail__item .product-card::after { display: block; width: 100%; height: 100%; border-left: 0; pointer-events: none; } .history-detail__item .product-card:hover::after { background-color: transparent; } .history-detail__item .product-card__content { padding: 16px; } .history-detail__item .product-card__size { color: #8c8c8c; font-size: 10px; } .history-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .history-detail__info li { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 26px; padding-top: 16px; border-bottom: 1px solid #d7d7d7; } .history-detail__info li span:last-child { text-align: right; } .account-settings { padding: 100px; } .account-settings__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .account-settings__popup { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0; overflow: hidden; margin-bottom: 0; } .account-settings__popup.active { height: 72px; margin-bottom: 50px; } .account-settings__alert { 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; border-radius: 16px; background-color: #bee7d8; } .account-settings__alert span { color: #177c58; } .account-settings__alert div { border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #177c58; } .account-settings__alert svg { width: 9px; height: 6px; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; } .account-settings__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: 16px; margin-bottom: 40px; } .account-settings__footer { 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; } .account-address { padding: 100px; } .account-address__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; max-width: 802px; } .account-address__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: 16px; } .account-address__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .account-address__item { padding-bottom: 26px; border-bottom: 1px solid #d7d7d7; 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; } .account-address__btn { padding: 16px; background-color: transparent; border-radius: 8px; border: 1px solid #d7d7d7; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .account-address__btn:hover { border: 1px solid #067960; } .account-address__footer { max-width: 454px; } .account-address__add { width: 100%; } .new-address { z-index: 2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #f5f5f5; padding: 100px; padding-bottom: 40px; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; } .new-address::-webkit-scrollbar { width: 0; } .new-address.show { left: 0; } .new-address__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; max-width: 802px; } .new-address__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; cursor: pointer; } .new-address__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: 16px; } .new-address__textarea { resize: none; height: 130px; } .new-address__footer { max-width: 454px; } .new-address__btn { width: 100%; } .help-nav { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } .help-nav__item { color: #8c8c8c !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .help-nav__item:hover { color: #1b1a19 !important; } .help-nav__item.active { color: #1b1a19 !important; } .help__wrapper { padding: 100px; } .help-tab { display: none; } .help-tab.active { display: block; } .help-tab__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; max-width: 802px; } .help-tab__title { padding-bottom: 16px; border-bottom: 1px solid #d7d7d7; } .help-tab__list, .style-tab__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: 32px; } .help-tab__list .help-accordion__content ul li { list-style: disc; list-style-position: outside !important; padding-left: 0px; margin-left: 20px; } .help-tab__text { 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; } .help-tab__text span { color: rgba(0, 0, 0, 0.4); } .help-accordion { border-bottom: 1px solid #d7d7d7; padding-bottom: 32px; font-size: 14px; } .help-accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 14px; } .help-accordion__header.active { margin-bottom: 16px; } .help-accordion__header.active .help-accordion__btn .hidden { -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } .help-accordion__btn .hidden { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .collections-page { padding-bottom: 80px; } .collections-page__broadcrumbs { padding: 24px 0; } .collections-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 902px; margin: 0 auto; } .collections-page__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; } .collections-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; gap: 24px; } .collections-link__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .collection-page__content { padding-top: 74px; max-width: 902px; 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 auto; gap: 80px; } .collection-page__title { font-size: 28px; font-weight: 300; color: #1b1a19; text-align: center; max-width: 539px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .collection-page__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: 16px; } .collection-page__desc { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 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; } .collection-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .collection-item__image { height: 850px; } .collection-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .collection-item__footer { 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; } .collection-gallery { padding-top: 80px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); grid-gap: 2px; } .collection-gallery__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts-nav { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } .contacts-nav__menu { 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; } .contacts-nav__item { color: #8c8c8c !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .contacts-nav__item:hover { color: #1b1a19 !important; } .contacts-nav__item.active { color: #1b1a19 !important; } .contacts-tab { display: none; } .contacts-tab.active { display: block; } .contacts-tab__wrapper { max-width: 802px; } .contacts-tab__title { margin-bottom: 16px; } .contacts-callback__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: 16px; } .contacts-callback__item { padding-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d7d7d7; gap: 32px; } .contacts-callback__item_first { text-align: left; } .contacts-callback__item_last { text-align: right; } .contacts-address__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 112px; } .contacts-address__image { margin-top: 16px; } .contacts-address__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts-address__wrapper { gap: 44px; } .footer__logo path { fill: #fff; } .header__sublink.disabled .header__link { pointer-events: none !important; } .product-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-card__image { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .product-card:hover .product-card__like { opacity: 1; pointer-events: all; } .product-card__like { position: absolute; top: 31px; right: 31px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 24px; height: 24px; transition: 0.3s; } .product-card__like:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .product-card__like.checked svg path { fill: #067960; stroke: #067960; } .product-card__like svg { width: 100%; height: 100%; } .product-card__like svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-color__list { gap: 0; } .product-color__item { padding: 0 8px; } .product-color__item:first-child { padding-left: 0; } .product-color__item:last-child { padding-right: 0; } .product-color__title { position: relative; height: 20px; } .product-color__title span { display: block; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; position: absolute; } .product-color__title span.active { opacity: 1; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-card { border: 0 !important; margin-left: -1px; margin-top: -1px; } .product-card:nth-child(4n + 1) { margin-left: 0; } .product-card:nth-child(-n + 4) { margin-top: 0; } .product-card:hover::after { background-color: transparent !important; z-index: 2; } .product-card::before { display: none !important; } .product-card::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none; z-index: 1; } .header-search__products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 300px; } .header-search__products .product-card { margin-top: -1px !important; margin-left: 0 !important; } .header-search__products .product-card:first-child { margin-top: 0 !important; } .account-wishlist__wrapper .catalog-content__item { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #d7d7d7 !important; } .account-wishlist__wrapper .catalog-content__item:hover { z-index: 4; border: 1px solid #1b1a19 !important; } .account-wishlist__wrapper .catalog-content__item:after { display: none; } .constructor-checkbox .order-checkbox__label { gap: 15px; padding: 10px 0; } .constructor-checkbox .order-checkbox__span { color: #1b1a19; font-size: 16px; font-weight: 400; } .header-submit__remind.hidden { display: none; } body { font-family: Inter, sans-serif; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } /*body::-webkit-scrollbar { width: 0; }*/ body.lock { overflow: hidden; touch-action: none; -ms-touch-action: none; -webkit-overflow-scrolling: touch; } .order-pickup__backdrop, .product-guide-backdrop, .product-guide__backdrop { position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); background: rgba(47, 77, 66, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; pointer-events: none; z-index: 2; } .order-pickup__backdrop.active, .product-guide-backdrop.active, .product-guide__backdrop.active { opacity: 1; pointer-events: all; } .container { max-width: 1512px; padding: 0 32px; margin: 0 auto; } .main { padding-top: 80px; } .title { color: #1b1a19; font-size: 24px; font-weight: 300; } .product-info__title_percent{display: flex; gap: 10px;} .percent { display: flex; width: 47px; height: 21px; padding: 6px; border-radius: 32px; background: #F99760; justify-content: center; align-items: center; color: white; } .home__link { padding: 16px; 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; border-radius: 8px; background: rgba(245, 245, 245, 0.22); -webkit-backdrop-filter: blur(45px); backdrop-filter: blur(45px); color: #fff; position: absolute; left: 32px; bottom: 32px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .home__link:hover { opacity: 0.88; } .home__link span { color: #fff; /*color:#1b1a19;*/ } .broadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; gap: 8px; } .broadcrumbs__link { color: #8c8c8c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .broadcrumbs__link::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #c6c6c6; } .broadcrumbs li:last-child .broadcrumbs__link { color: #1b1a19; } .broadcrumbs li:last-child .broadcrumbs__link::after { display: none; } .collapse:not(.collapse_show) { display: none; } .collapse.active { display: block; } @media (min-width: 768px) { .arrival-slider__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .product-card.swiper-slide { /*width: unset !important;*/ /*max-width: 50%;*/ } } @media (max-height: 960px) and (min-width: 769px) { .product-info_constructor { height: calc(100vh - 53px); } .header__actions { gap: 10px !important; } } @media (max-height: 900px) and (min-width: 769px) { .product-info_constructor { /*top: 96px;*/ height: calc(100vh - 53px); gap: 24px; } .product-info_constructor .product-info__header { padding-bottom: 24px; } .product-info_constructor .product-info__main { padding-top: 24px; padding-bottom: 24px; gap: 16px; } .product-info_constructor .product-info__footer { padding-top: 24px; padding-bottom: 24px; } } @media (max-height: 800px) and (min-width: 769px) { .product-info_constructor { gap: 16px; } .product-info_constructor .product-info__header { padding-bottom: 16px; } .product-info_constructor .product-info__main { padding-top: 16px; padding-bottom: 16px; gap: 12px; } .product-info_constructor .product-info__footer { padding-top: 16px; padding-bottom: 16px; } .product-info__footer { padding-top: 24px; padding-bottom: 24px; } } @media (max-height: 700px) and (min-width: 769px) { .product-info_constructor { position: relative; top: unset; height: unset; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } } @media (max-height: 950px) and (min-width: 769px) { } @media (max-height: 870px) and (min-width: 769px) { .product-info__footer { padding-top: 24px; padding-bottom: 24px; } } @media (max-height: 780px) and (min-width: 769px) { .product-info__footer { padding-top: 16px; padding-bottom: 16px; } } @media (max-height: 680px) and (min-width: 769px) { } @media (max-height: 750px) and (min-width: 769px) { .product-tab { padding-top: 0; } } @media (min-width: 769px) { .order-pickup__item:hover { gap: 16px; border: 1px solid #067960; } .order-pickup__item:hover .order-pickup__btn { max-height: 53px; } .header-cart__footer .product-card.swiper-slide { /*width: 226.5px !important;*/ } } @media (min-width: 992px) { .arrival-slider__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1600px) { .header__list > li { padding-right: calc(5px + 19 * (100vw - 768px) / 832); padding-left: calc(5px + 19 * (100vw - 768px) / 832); } } @media (max-width: 1512px) { .product-content__main { /*padding-right: 32px;*/ } .product-content__slider { width: 56.5873015873vw; } .product-tab.down-page { padding-top: 44px; } .product-tab { padding-top: 0; } .order-details__wrapper { padding: 0 calc(16px + 74 * (100vw - 992px) / 520); padding-top: calc(0px + 113 * (100vw - 992px) / 520); } .order-result { padding: 0 calc(16px + 74 * (100vw - 992px) / 520); padding-top: 69px; } .order-result__wrapper { padding-top: calc(0px + 113 * (100vw - 992px) / 520); } .account-nav, .stylist-nav { padding-left: 32px; padding-right: 32px; } .collection-item__image { height: calc(400px + 450 * (100vw - 768px) / 744); } } @media (max-width: 1440px) { .header-assortment__image { width: calc(417px + 273 * (100vw - 992px) / 448); } .product-guide { width: 100%; } } @media (max-width: 1200px) { .header__link { font-size: calc(12px + 4 * (100vw - 992px) / 208); } .header__actions { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; gap: 20px; } .header__action { font-size: calc(12px + 4 * (100vw - 992px) / 208); } .header__action span { font-size: calc(12px + 4 * (100vw - 992px) / 208); } .footer__link { font-size: 14px; } .account-nav, .stylist-nav { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } .account-wishlist__slider .swiper-wrapper { max-width: 70vw; } } @media (max-width: 1100px) { .header-assortment__list { width: unset; } } @media (max-width: 1050px) { .footer__list { gap: 16px; } .footer__social { gap: 16px; } } @media (max-width: 992px) { .header__logo svg { width: 134px; } .header__action span { font-size: 12px; } .header-assortment__image { width: 417px; height: 301px; } .header-assortment__list { padding-top: 16px; } .header-assortment__column:nth-child(2) .header-assortment__list { padding-left: 16px; } .catalog-content__main { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .catalog-content__header { padding: 16px 0; } .product-guide__wrapper { padding: 24px 16px; } .product-today__content { padding: 32px; } .order-details__wrapper { padding-top: 0; padding-left: 0; padding-right: 16px; } .order-detail__intervals label { font-size: calc(12px + 2 * (100vw - 768px) / 224); } .order-result { padding: 0 16px; padding-top: 64px; } .order-result__wrapper { padding-top: 0; } .order-pickup { width: 100%; } .order-pickup__wrapper { padding: 24px; } .order-pickup__row { gap: 24px; } .order-status__content { padding-top: 48px; } .account-page, .stylist-page { gap: 0; } .account-nav, .stylist-nav { padding-left: 16px; } .account-nav__main, .stylist-nav__main { padding-top: 0; } .account-profile { padding: 48px; } .account-wishlist__wrapper { padding-top: 64px; } .account-history { padding: 48px; } .account-history__btn { padding: 8px; } .history-detail { padding: 48px; } .account-settings { padding: 48px; } .account-address { padding: 48px; } .new-address { padding: 48px; } .help__wrapper { padding: 48px; } .collections-page__content { padding: 0 16px; } .collections-page__list { width: 100%; } .collections-link__image { width: 100%; } .collection-page__content { max-width: unset; padding: 0 16px; padding-top: 24px; } .product-card:nth-child(4n + 1) { margin-left: -1px; } .product-card:nth-child(-n + 4) { margin-top: -1px; } .product-card:nth-child(3n + 1) { margin-left: 0; } .product-card:nth-child(-n + 3) { margin-top: 0; } .account-wishlist__wrapper .catalog-content__item { margin-top: 0 !important; margin-left: -1px !important; } .account-wishlist__wrapper .catalog-content__item:first-child { margin-left: 0 !important; } .container { padding: 0 16px; max-width: unset; } .title { font-size: 16px; } } @media (max-width: 900px) { .footer__link { font-size: 10px; } } @media (max-width: 768px) { .header__sublink { display: none; } .header__body { height: 52px; } .header__row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; gap: 16px; } /*.header__action_sign {*/ .header__actions li:nth-child(3){ display: none; } .header__action_search span { display: none; } .header-cart__icon { font-size: 8px; } .header-cart__span { display: none; } .header-popup { height: 100dvh; } .header-popup__wrapper { width: 100%; padding: 0; } .header-search__content { padding-top: 40px; padding-left: 16px; padding-right: 16px; } .header-search__header { display: none; } .header-search__input input::-webkit-input-placeholder { font-size: 18px; } .header-search__input input::-moz-placeholder { font-size: 18px; } .header-search__input input:-ms-input-placeholder { font-size: 18px; } .header-search__input input::-ms-input-placeholder { font-size: 18px; } .header-search__input input::placeholder { font-size: 18px; } .header-search__labels { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-search__label { padding: 8px; } .header-assortment { display: none; } .header__action_cart{ background: unset; padding: unset; } .header-cart__wrapper { padding-bottom: 100px; } .header-cart__header { display: none; } .header-cart__broadcrumbs { display: block; padding: 16px; } .header-cart__main { padding-top: 16px; padding-left: 16px; padding-right: 16px; } .header-cart__btn { margin-top: 16px; padding: 12px 0; } .header-cart__footer { gap: 0; /*padding: 0 16px;*/ } .header-cart__footer .header-cart__name { border: 0; } .header-sign__close, .header-sign__name { display: none; } .header-sign__header { margin-bottom: 0; } .header-sign__subtitle { padding-top: 16px; margin-bottom: 24px; } .header-sign__close_mobile { display: block; border-bottom: 1px solid #d7d7d7; width: 100%; padding: 16px; } .header-register__wrapper { padding: 16px; } .header-submit__main { gap: 24px; } .banner-item{ /*height:50px;*/} .main-hero { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-hero__block { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .main-hero__link { width: calc(100% - 32px); left: 16px; bottom: 16px; } .home-arrival__header { padding: 16px; } .arrival-slider__btn_next, .arrival-slider__btn_prev { display: block; width: 14px; height: 20px; } .arrival-slider__btn_next::after, .arrival-slider__btn_prev::after { display: none; } .home-capsul__header { padding: 16px; } .home-capsul__image { /*height: 300px;*/ } .home-capsul__link { width: calc(100% - 32px); left: 16px; bottom: 16px; } .catalog-content__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; margin-top: 24px; } .catalog-content__title { gap: 4px; } .catalog-content__title_big { font-size: 18px; } .catalog-content__title_small { font-size: 8px; } .catalog-content__subtitle { display: block; padding-top: 16px; padding-left: 16px; color: #1b1a19; font-size: 16px; font-weight: 300; border-top: 1px solid #d7d7d7; } .catalog-content__list { gap: 4px; } .catalog-content__list li { padding: 8px; } .product-content__zoomed { top: 52px; height: calc(100dvh - 52px); overflow-y: unset; } .product-content__zoomed .slider-zoomed__close { top: 72px; } .product-content__zoomed .swiper { height: 100%; } .product-content__image { display: none; } .product-content__main { padding: 0; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .product-content__gallery { width: 100vw; margin-left: -16px; margin-right: -16px; margin-bottom: 0; z-index: unset; position: unset; top: unset; } .product-content__slider { width: 100vw; height: unset; border-right: 0; border: 1px solid #d7d7d7; } /*.product-content__image { height: calc(500px + 200 * (100vw - 375px) / 393); }*/ .product-info { -ms-grid-column-align: unset; justify-self: unset; /*padding: 0 16px;*/ padding-top: 24px; position: relative; top: unset; height: unset; padding-bottom: 0; gap: 0; overflow-y: unset; overflow-x: unset; } .product-info__wrapper { max-width: unset; } .product-info__title { font-size: 22px; } .product-info__footer { display: none; } .product-tabs__list { padding-top: 24px; border-bottom: 1px solid #d7d7d7; } .product-tabs__link { position: relative; padding: 16px 0; } .product-tabs__link::after { content: ""; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; background-color: #1b1a19; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-tabs__link.active::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .product-tabs__content { position: relative; left: unset; margin-top:0px; } .product-tab { position: relative; display: none; padding-top: 24px; padding-bottom: 24px; height: unset; width: 100%; padding-left: 0; } .product-tab.active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); display: block; z-index: unset; } .product-tab__header { display: none; } .product-tab__subtitle { margin-bottom: 16px; } .product-tab__list { margin-bottom: 16px; } .product-guide { /*overflow-y: auto;*/ top: 39px; height: 100dvh; } .product-guide__wrapper { padding: 0; gap: 0; padding-bottom: 50px; } .product-guide__header { display: none; } .product-guide__header_mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; border: 0; width: 100%; height: unset; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 16px; border-bottom: 1px solid #d7d7d7; border-radius: 0; } .product-guide__content { padding: 16px; } .product-guide__row { /*-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-guide__main { width: 100%; gap: 20px; min-width: 100%; } .product-guide__table { width: 100%; gap: 10px; overflow-x: auto; justify-content: flex-start; margin: 0 16px; width: calc(100% + (16px * 2)); padding: 0 16px; } .guide-table__header { /*width: max-content;*/ /*max-width: 600px;*/ } .guide-table__header div { } .guide-table__item { width: 100px; height: auto; /*height: -webkit-fit-content;*/ } .constructor-color { gap: 32px; } .constructor-color__input input { padding-right: 55px; padding-left: 16px; padding-top: 12px; padding-bottom: 12px; } .constructor-color__input label { width: 39px; } .constructor-color__circle { width: 15px; height: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; } .product-shutter { display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: 85; } .product-shutter.show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .product-today { height: calc(100dvh - 52px); top: 52px; } .product-today__row { display: none; } .product-today__back { width: 100%; max-width: unset; } .today-item { padding: 12px 15px; border: 1px solid #d7d7d7; border-radius: 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .today-item.active { border: 1px solid #067960; } .today-item__main { border-bottom: 0; padding: 0; } .order-input .select__header { height: 47px; } .order-input .select__title { font-size: 12px; } .order-input .select__item { font-size: 12px; } .order__item { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .order-broadcrumbs { padding: 16px 0; } .order-content__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } .order-details { min-height: unset; border: 0; padding-bottom: 0; } .order-details__wrapper { padding: 0; } .order-result__wrapper { display: flex; flex-direction: column; } .order-result__wrapper >*:not(.account-profile__cashback) {order:2} .order-result__wrapper >.account-profile__cashback {order:1; padding-bottom: 48px; } .order-pickup { width: 100%; } .order-detail__header { padding-bottom: 8px; } .order-detail__intervals label { font-size: 16px; } .pickup-detail { padding: 12px; border-radius: 8px; } .order-footer { gap: 16px; } .order-result { padding: 0; } .order-result__title { padding-bottom: 16px; } .order-products { display: none; margin-top: 48px; padding-bottom: 88px; } .order-products .product-card::after { background-color: #d7d7d7; } .order-products .product-card:hover::after { background-color: #1b1a19; } .order-pickup { top: 52px; height: calc(100dvh - 52px); } .order-pickup__wrapper { padding: 0; } .order-pickup__row { display: none; } .order-pickup__btn { height: 39px; } .pickup-mobile { display: block; } .order-status__broadcrumbs { padding: 16px 0; } .order-status__content { height: calc(100dvh - 100px); } .account-page, .stylist-page { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: calc(100dvh - 52px); } .account-nav, .stylist-nav { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; border-right: 0; padding: 0; } .account-nav__title, .stylist-nav__title { display: none; } .account-nav__menu, .stylist-nav__menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 20px; position: relative; overflow-x: auto; gap: 24px; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .account-nav__menu::after, .stylist-nav__menu::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; /*background-color: #d7d7d7;*/ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .account-nav__menu::-webkit-scrollbar, .stylist-nav__menu::-webkit-scrollbar { width: 0; height: 0; } .account-nav__item, .style-nav__item { padding: 16px 0; position: relative; white-space: nowrap; } .account-nav__item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1; } .account-nav__item.active::after { background-color: #1b1a19; } .account__broadcrumbs, .stylist__broadcrumbs { padding: 16px 0; padding-left: 20px; } .account-profile { padding: 16px 20px; } .account-profile__wrapper { max-width: unset; gap: 16px; } .account-wishlist__wrapper { padding-top: 0; } .account-wishlist__slider { display: none; } .account-wishlist__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .account-wishlist__list .product-card { border-top: 0; border-bottom: 1px solid #d7d7d7; } .account-wishlist__list .product-card::after, .account-wishlist__list .product-card::before { display: none; } .account-wishlist__list .product-card:hover { border-right: 1px solid #d7d7d7; } .account-history { padding: 16px; } .account-history__item { padding: 15px 0; } .account-history__btn { padding: 8px; } .history-detail { padding: 0; } .history-detail__wrapper { gap: 0; } .history-detail__back { padding: 20px 16px; border-bottom: 1px solid #d7d7d7; max-width: none; } .history-detail__back span { display: none; } .history-detail__content { padding: 16px; padding-top: 0; } .history-detail__name { padding-top: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .history-detail__item { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .history-detail__item .product-card { max-width: unset; max-height: unset; } .history-detail__item .product-card:first-child::after { border-left: 0; } .history-detail__item .product-card:first-child:hover { border-left: 1px solid #1b1a19; } .history-detail__item .product-card::after { border: 0; } .history-detail__info li { padding: 16px 0; } .account-settings { padding: 16px; } .account-settings__wrapper { max-width: unset; } .account-settings__popup { display: none; } .account-settings__title { display: none; } .account-settings__main { margin-bottom: 16px; } .account-address { padding: 16px; } .account-address__btn { padding: 8px; } .account-address__item { padding-bottom: 15px; gap: 30px; } .account-address__footer { max-width: unset; } .new-address { padding: 0; } .new-address__wrapper { gap: 0; } .new-address__back { max-width: unset; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 20px 16px; } .new-address__main { padding: 0 16px; padding-top: 16px; margin-bottom: 88px; } .new-address__footer { padding: 0 16px; padding-bottom: 16px; } .help-nav__item { padding: 16px 0; position: relative; white-space: nowrap; } .help-nav__item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1; display: none; } .help-nav__item.active { text-decoration: underline; } .help-nav__item.active::after { background-color: #1b1a19; display: none; } .help__wrapper { padding: 32px 20px; } .help-tab__text { gap: 8px; } .help-accordion { padding-bottom: 32px; } .collections-page__broadcrumbs { padding: 16px 0; } .collections-page__content { padding: 0; } .collections-page__list { gap: 44px; } .collection-page__content { padding: 0; padding-top: 24px; gap: 24px; } .collection-page__title { font-size: 18px; } .collection-page__desc, .collection-page__main { padding: 0 16px; } .collection-item { gap: 16px; } .collection-item__image { height: 400px; } .collection-item__footer { padding: 0 16px; } .collection-gallery { padding-top: 24px; -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .contacts-nav__menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; padding-left: 20px; gap: 24px; } .contacts-nav__menu::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: #d7d7d7; } .contacts-nav__item { padding: 16px 0; position: relative; white-space: nowrap; } .contacts-nav__item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1; } .contacts-nav__item.active::after { background-color: #1b1a19; } .arrival-slider_desktop { display: none; } .product-card__like { opacity: 1; width: 24px; height: 24px; } .product-card.swiper-slide { margin: 0 !important; margin-left: 0 !important; } .header-cart__footer .product-card.swiper-slide { margin-left: 0; max-width: unset; } .header-search__products { display: -ms-grid; display: grid; max-width: unset; -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .header-search__products .product-card { margin-left: -1px !important; } .header-search__products .product-card:nth-child(2n + 1) { margin-left: 0 !important; } .header-search__products .product-card:nth-child(-n + 2) { margin-top: 0 !important; } .account-wishlist__wrapper .catalog-content__item:hover { border: 1px solid #d7d7d7 !important; } .constructor-checkbox .order-checkbox__label { padding: 0; } .constructor-checkbox .order-checkbox__span { font-size: 12px; } .order-pickup__backdrop, .product-guide__backdrop { display: none; } .main { padding-top: 52px; } .footer__social a svg path{ fill:black; } } @media (max-width: 768px) { .home-arrival__slider { height: 100%; } .home-arrival .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: row; } } @media (max-width: 768px) and (max-width: 410px) { .account-nav__menu::after, .stylist-nav__menu::after { width: 410px; } } @media (max-width: 650px) { .catalog-content__main { -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .order-status__btn { max-width: unset; } .collection-gallery { -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .product-card:nth-child(3n + 1) { margin-left: -1px; } .product-card:nth-child(-n + 3) { margin-top: -1px; } .product-card:nth-child(2n + 1) { margin-left: 0; } .product-card:nth-child(-n + 2) { margin-top: 0; } .broadcrumbs__link { font-size: 10px; width: max-content; } } @media (max-width: 624px) { .help-nav__menu::after { width: 624px; } } @media (max-width: 568px) { .home-arrival .arrival-slide__image img { aspect-ratio: 195 / 266; } .product-card.swiper-slide { aspect-ratio: 215 / 368; } } @media (max-width: 500px) { .order-detail__intervals label { padding: calc(10px + 6 * (100vw - 320px) / 180) 8px; font-size: calc(10px + 4 * (100vw - 320px) / 180); } } @media (max-width: 450px) { .cart-item__activities { padding-top: 5px; } .cart-item { gap: 0; } .product-content__gallery { max-height: 450px; } .cart-item__main { gap: 10px; } .cart-item__select { white-space: nowrap; } .cart-item__price { gap: 6px; white-space: nowrap; } .arrival-slide__content { gap: 4px; padding: 16px; padding-right: 40px; width: calc(100% - 20px); width: calc(100% - 0px); } .arrival-slide__price { font-size: 8px; } .product-card__content { gap: 4px; padding: 16px; padding-right: 40px; width: calc(100% - 0px); } .product-card__price { /*font-size: 8px;*/ } .product-card__cart { right: 16px; bottom: 16px; } .product-card__cart svg { width: 20px; height: 20px; } .product-content__slider { max-height: 450px; } .collection-gallery { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media (max-width: 375px) { .product-content__image { height: 500px; } .guide-table { grid-gap: calc(10px + 10 * (100vw - 320px) / 55); } .history-detail__item { display: -ms-grid; display: grid; } .broadcrumbs { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(275px + 55 * (100vw - 320px) / 55); } } .header-submit__repeat { display: none!important; cursor: pointer; } .header-submit__repeat.active { display: flex!important; } /* End */ /* Start:/local/templates/new_tpl/assets/css/custom.css?178110138556765*/ .product-card__color { border-radius: 50%; } .product-color__item label{ border:none; } .product-color__item.selected label{ } /*.product-color__item input:checked+label{*/ .product-color__item.current a{ border: 1px solid #067960; } .product-color__item a img{ width:100%; height:100%; object-fit: cover; object-position: center; } .product-info__colors a{ display: block; width: 20px; height: 20px; cursor: pointer; position: relative; } .product-info__colors a::after { content: ""; display: block; top: 100%; translate: 0 4px; width: 100%; height: 1px; background-color: #000; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: absolute; } .product-info__colors .product-color__item.current a::after { opacity: 1; } @media (max-width: 1024px) { .product-info__colors a{ width: 16px; height: 16px; } } .product-info__result.product-result .product-result__btn.body-text .body-text, .product-result__btn.product-shutter__btn .body-text{ color:#fff; } .header-cart__icon{ color:#fff; } .header-cart__footer .product-card.swiper-slide { height: auto; } .product-content__slider .swiper-slide img, .product-content__image img{ object-fit: contain; } .product-content__image_pic_0{-ms-grid-row:4;grid-row:4} .product-content__image_pic_1{-ms-grid-row:5;grid-row:5} .product-content__image_pic_2{-ms-grid-row:6;grid-row:6} .product-content__image_pic_3{-ms-grid-row:7;grid-row:7} .product-content__image_pic_4{-ms-grid-row:8;grid-row:8} .product-content__image_pic_5{-ms-grid-row:9;grid-row:9} .product-content__image_pic_6{-ms-grid-row:10;grid-row:10} .product-content__image_pic_7{-ms-grid-row:11;grid-row:11} .product-content__image_pic_8{-ms-grid-row:12;grid-row:12} .product-content__image_pic_9{-ms-grid-row:13;grid-row:13} .product-content__image_pic_10{-ms-grid-row:14;grid-row:14} .product-content__image_pic_11{-ms-grid-row:15;grid-row:15} .product-content__image_pic_12{-ms-grid-row:16;grid-row:16} .product-content__image_pic_13{-ms-grid-row:17;grid-row:17} .product-content__image_pic_14{-ms-grid-row:18;grid-row:18} .product-content__image_pic_15{-ms-grid-row:19;grid-row:19} .product-content__image_pic_16{-ms-grid-row:20;grid-row:20} .product-content__image_pic_17{-ms-grid-row:21;grid-row:21} .product-content__image_pic_18{-ms-grid-row:22;grid-row:22} .product-content__image_pic_19{-ms-grid-row:23;grid-row:23} .product-content__image_pic_20{-ms-grid-row:24;grid-row:24} .product-content__image_pic_21{-ms-grid-row:25;grid-row:25} .product-content__image_pic_22{-ms-grid-row:26;grid-row:26} .product-content__image_pic_23{-ms-grid-row:27;grid-row:27} .product-content__image_pic_24{-ms-grid-row:28;grid-row:28} .product-content__image_pic_25{-ms-grid-row:29;grid-row:29} /*.product-content__slider .swiper-pagination{ display:none; }*/ .footer-cookie_cover { height: 0px; width: 100%; display: flex; justify-content: center; } .footer-cookie_notice { max-width: 1050px; width: 90vw; position: fixed; bottom: 32px; display: none; flex-direction: row; align-items: center; padding: 36px 20px; gap: 16px; background: #F6F6F6; /*backdrop-filter: blur(90px);*/ /*-webkit-backdrop-filter: blur(90px);*/ /*border-radius: 8px;*/ z-index: 100; border: 1px solid #000000; } .footer-cookie_notice.open{ display: flex; } .footer-cookie_notice .footer-cookie_desc{ /* flex: none; */ order: 0; flex-grow: 0; } .footer-cookie_notice .footer-cookie_desc, .footer-cookie_notice .footer-cookie_desc a { font-weight: 400; font-size: 16px; line-height: 130%; color: #000; font-family: "Kinetika", sans-serif; text-transform: uppercase; font-size: 9px; } .footer-cookie_notice .footer-cookie_desc a{ text-decoration:underline; transition: .3s ease; } .footer-cookie_notice .footer-cookie_desc a:hover{ color: #93544F; } .footer-cookie_notice .footer-cookie_accept{ display: flex; flex-direction: row; padding: 8px 32px; width: 134px; background: #000000; order: 1; flex-grow: 0; font-size: 14px; line-height: 130%; color: #FFFFFF; align-items: center; text-transform: uppercase; transition: .3s ease; } .footer-cookie_notice .footer-cookie_accept:hover { background: #93544F; } @media (max-width: 640px) { .footer-cookie_notice { width: 100vw; max-width: 100vw; flex-direction: column; gap: 16px; padding: 32px 20px; bottom: 0px; left: 0px; border: none; } .footer-cookie_notice .footer-cookie_desc, .footer-cookie_notice .footer-cookie_desc a { font-size: 10px; text-align: center; text-transform: none; } /*.footer-cookie_notice .footer-cookie_desc span {text-wrap: nowrap}*/ .footer-cookie_notice .footer-cookie_accept{ font-size: 14px; } } @media (max-width: 425px) { .footer-cookie_notice { max-width: 312px; gap: 8px; bottom: 8px; left: 4px; padding: 8px; } } @media (max-width: 768px) { .product-content__slider .swiper-pagination{ display:flex; padding:0 16px; } } .header-cart__main .header-cart__btn.body-text{ color:#fff; } .product-info__favor button:hover{ color:#fff; } .product-card_label{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; position: absolute; left: 31px; top: 31px; } .arrival-slide__image .product-card_label .product-card__new, .product-card__image .product-card_label .product-card__new{ display: flex; flex-direction: row; justify-content: center; padding: 4px 8px; width: 44px; height: 21px; left: 31px; top: 31px; color: #FFFFFF; } .arrival-slide__image .product-card_label .product-card__percent, .product-card__image .product-card_label .product-card__percent{ display: flex; width: 44px; height: 21px; padding: 4px 8px; border-radius: 32px; background: #F99760; justify-content: center; align-items: center; color: white; } .arrival-slide__image .product-card_label .product-card__custom, .product-card__image .product-card_label .product-card__custom{ display: flex; flex-direction: row; justify-content: center; padding: 4px 8px; height: 21px; left: 31px; top: 31px; border-radius: 32px; } @media (max-width: 1200px) { .product-card_label{ left: 11px; top: 11px; } .product-card__like{ right: 11px; top: 11px; } } @media (max-width: 521px) { .product-card__colors{ left: 11px; bottom: 0px; } .product-card_label{ gap: 6px; } .arrival-slide__image .product-card_label .product-card__new, .product-card__image .product-card_label .product-card__new, .arrival-slide__image .product-card_label .product-card__percent, .product-card__image .product-card_label .product-card__percent{ width: 33px; height: 15px; font-size: 10px; padding: 1.5px 4px; align-items: center; } .arrival-slide__image .product-card_label .product-card__custom, .product-card__image .product-card_label .product-card__custom{ height: 15px; font-size: 10px; padding: 1.5px 4px; align-items: center; } } .cart-item__select .quant span{ cursor: pointer; background-color: #fff; border-radius: 50%; color: #8c8c8c; -webkit-box-flex: 0; -ms-flex: 0 0 26px; flex: 0 0 26px; width: 26px; height: 26px; 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; } .cart-item__select .quant input{ border:none; outline:none; color: #1b1a19; font-size: 12px; font-weight: 300; background:transparent; width:20px; text-align: center; } .product-color__list{ flex-wrap: wrap; gap:8px; } .product-color__item{ padding:0; } .product-info__wrapper{ /*width:358px;*/ } .product-result__price s{ opacity:0.6; margin-left:5px; } .product-result__btn:hover s{ display:none; } .product-result__btn:hover .product-result__price, .product-result__btn:hover .product-result__title{ visibility:hidden; } .header-cart__btn.body-text:hover{ color:#067960; } .header__actions{ /*gap:20px;*/ } .new-address__btn.order__btn.body-text.work{ color:#fff; } .new-address__btn.order__btn.body-text.work:hover{ color:#067960; } .suggestions-wrapper{ margin-top:-13px!important; } .suggestions-suggestions{ -webkit-box-orient: vertical!important;; -webkit-box-direction: normal!important;; -ms-flex-direction: column!important;; flex-direction: column!important;; border: 1px solid #067960!important;; border-radius: 0 0 8px 8px!important;; background:#f5f5f5!important;; overflow:hidden!important;; } .suggestions-hint{ } .suggestions-suggestion{ padding: 15px 23px!important;; width: 100%!important;; font-size: 16px!important;; font-weight: 300!important;; color: #1b1a19!important;; background-color: #f5f5f5!important;; border-top: 1px solid #067960!important;; cursor: pointer; } .suggestions-suggestion:hover{ background:#bee7d8!important;; } .suggestions-value{ } .suggestions-value strong{ color:#067960!important;; } .suggestions-suggestion:last-child{ border-bottom:0!important;; } .submit-address__add{ color: #fff; background-color: #067960; border: 1px solid #067960; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 0; border-radius: 8px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-size: 16px; line-height: 130%; font-weight: 300; cursor:pointer; margin-top:30px; } .submit-address__add:hover{ color: #067960; background-color: transparent; border: 1px solid #067960; } .header-sign__btn.green.body-text.header-popup__open, .header-sign__btn.green.whishlist.header-popup__open span, .header__menu .header-menu__sign.header-popup__open span.body-text{ color:#fff; } .header-sign__btn.green.body-text.header-popup__open:hover, .header-sign__btn.green.whishlist.header-popup__open:hover span, .header__menu .header-menu__sign.header-popup__open span.body-text:hover{ color:#1b1a19; } .header-sign__btn.green.whishlist.header-popup__open{ margin: auto; max-width: 341px; margin-bottom: 60px; cursor: pointer; } span.whishlist_notify { margin-top: 20px; margin-bottom: 20px; display: block; text-align: center; } @media (max-width: 992px) { .header-sign__btn.green.whishlist.header-popup__open{ max-width: 231px; margin-bottom: 50px; } } @media (max-width: 768px) { .header-sign__btn.green.whishlist.header-popup__open{ max-width: 241px; margin-bottom: 40px; margin-top: 20px; } } .header-sign__btn.white.body-text:hover{ color:#fff; } .green-link-menu{ color:#067960!important; } .orange-link-menu{ color:#f99760!important; } .red-link-menu{ color:#e70033!important; } .FF2943-link-menu{ color:#FF2943!important; } .blue-link-menu{ color:#125B9F!important; } .gray-link-menu{ color:#81899F!important; } .pink-link-menu{ color:#FF8DC8!important; } .header-search__input input[type="text"]{ text-transform: uppercase; } .header-search__input input[type="text"]::placeholder{ text-transform: initial; } .header-search__input input[type="text"]::-webkit-input-placeholder{ text-transform: initial; } .header-search__input input[type="text"]::-moz-placeholder{ text-transform: initial; } .header-search__input input[type="text"]:-moz-placeholder{ text-transform: initial; } .header-search__input input[type="text"]:-ms-input-placeholder{ text-transform: initial; } .dropdown-fade2white, .bx-ui-sls-clear, .dropdown-icon{ display:none!important; } .sdek_pvz_address{ width:100%; border:none; } .SDEK_selectPVZ{ color: #1b1a19; font-size: 16px; line-height: 130%; font-weight: 300; } .checkbox_bonus_span{ font-size:16px; } .order-payment .order-detail__wrapper{ gap:35px; } .order-footer__btn.order__btn.body-text.work{ color:#fff; pointer-events: auto; } .order-footer__btn.order__btn.body-text.work:hover{ color:#1b1a19; } @media (max-width: 768px) { .product-info__wrapper{ width:100%; } .header__actions{ gap:24px; } .product-card__like{ width:18px; height:18px; } } /* Убираем индикатор ajax загрузки у Битрикс */ div[id^="wait_"] { display: none !important; background: none !important; border: 0 !important; font-style: normal !important; font-variant: normal !important; font-weight: normal; letter-spacing: normal !important; padding: 0 !important; text-align: center !important; text-indent: 0 !important; width: 0px !important; height: 0px !important; word-spacing: normal !important; z-index: 0; content: ""; } .header-cart__footer .product-card.swiper-slide { /*opacity: 0;*/ } .header-cart__products .product-card{ max-width:100%; margin-right:23px!important; } @media (max-width: 568px){ .header-cart__products .product-card{ margin-right:12px!important; } } .header-cart__products .product-card .product-card__colors-str{ display:none!important; } .header-cart__products .product-card .product-card__name{ align-items: flex-start; min-height:30px; } .header-cart__footer .product-card.swiper-slide-active { opacity: 1; } .header-cart__footer .product-card.swiper-slide-next { opacity: 1; } .cart-item__select-props{ flex-direction: column; align-items: flex-start; justify-content: center; } .cart-item__price_old, .cart-item__price_actual{ white-space: nowrap; } .help-accordion__content a{ color:#067960; } .catalog-hero__image{ height:auto; } .catalog-hero__image img{ object-fit: contain; } .product-tab__subtitle_delivery{ padding-right:40px; } .order-input__itemm.error{ /*background-color: #f99760;*/ /*color: #f99760;*/ border: 1px solid #f99760; } .order-payment__promos #error_block_probocode{ color: #f99760; font-size: 12px; } .cart-item__image img{ object-fit: contain; } .order-input__itemm.filled { background-color: #bee7d8; border: 1px solid #bee7d8; } .catalog-content__list li{ all:unset; } .catalog-content__list li a{ cursor: pointer; padding: 16px; border-radius: 8px; border: 1px solid #d7d7d7; font-size: 12px; color: #1b1a19; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display:block; width: max-content; text-wrap: nowrap; } .catalog-content__list li:hover{ all:unset; } .catalog-content__list li.active{ all:unset; } .catalog-content__list li.active a{ border: 1px solid #1b1a19; } @media (max-width: 768px){ .catalog-content__list { margin-top: 10px; overflow-x: scroll; width: 100%; scrollbar-width: none; max-width: unset; flex-wrap: unset; } .catalog-content__list::-webkit-scrollbar { display: none; } .header-cart__arrow_prev{ left:10px; } .header-cart__arrow_next{ right:10px; } .catalog-hero__image { height: auto; } header-menu__sublist{ padding-bottom:50px; } .header-menu__submenu.open{ overflow-y: scroll; height:90vh; padding-bottom:100px; } .header-menu__sublist{ overflow-y: scroll; } body.lock{ touch-action: unset; } .header-cart.header-popup.open #cart{ /*position:fixed;*/ /*left:0px;*/ /*width:100%;*/ /*height:calc(100dvh - 52px);*/ /*overflow:auto;*/ } .account-wishlist__list.empty-wish{ display: block; text-align: center; padding: 30px; box-sizing: border-box; } .account-nav__menu, .stylist-nav__menu { padding-right:16px; } .main { padding-top: 40px!important; } body:has(.running-line:not(.hidden)) .main{ padding-top:66px!important; } } .order-payment__promo .order-payment__btn{ background:#efefef; } .order-payment__promo .order-input__itemm:focus+.order-payment__btn, .order-payment__promo .order-input__itemm.filled+.order-payment__btn{ color: white; background:#11BA7D; } .history-detail__item{ flex-wrap: wrap; } .order-input__itemm { padding: 15px 23px; width: 100%; border-radius: 8px; font-size: 16px; font-weight: 300; color: #1b1a19; background-color: transparent; border: 1px solid #067960; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .main{ padding-top:70px; } body:has(.running-line:not(.hidden)) .main{ padding-top:96px; } .dolyami-btn{ display:flex; justify-content: space-between; align-items: center; border:1px solid #C7C9CC; padding:12px; box-sizing: border-box; border-radius:8px; } .dolyami-btn__left-area{ display: flex; justify-content: flex-start; align-items: center; gap:10px; } .dolyami-btn__ico{ display: flex; justify-content: flex-start; align-items: center; } .dolyami-btn__title{ font-size:13px; color:#000000; text-decoration: none; } #noauthorized_coupon{ display:none; font-size:12px; color:#f99760; } #noauthorized_coupon.show{ display:block; } .product-card__image{ position:relative; } .product-card__image .switch-image{ height: 100%; display:block; transition: 0.3s ease; background-color: #F8F8F8; background-size: contain!important; } .arrival-slide__image { 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; position: relative; z-index: 1; cursor: pointer; } .arrival-slide__image { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; } .arrival-slide__image{ position:relative; cursor: pointer; } .arrival-slide__image .switch-image{ cursor: pointer; display:block; transition: 0.3s ease; background-color: #F8F8F8; background-size: contain!important; height: 100%; } .arrival-slide__image .shower-photo{ position:absolute; opacity:0; height:100%; cursor: pointer; width:100%; } .product-card__image .shower-photo{ position:absolute; opacity:0; height:100%; cursor: pointer; } .swiper-slide.arrival-slide.product-card.active .shower-photo { opacity: 1; } .catalog-content__item.product-card.product-card-listing.active .shower-photo{ opacity:1; } .swiper-slide.arrival-slide.product-card.active .original-photo { opacity: 0; } .catalog-content__item.product-card.product-card-listing.active .original-photo{ opacity:0; } @media (min-width: 768px) { .main-hero{ /*max-height: calc(100vh - 100px);*/ } .swiper-slide.arrival-slide.product-card:hover .shower-photo { opacity: 1; } .catalog-content__item.product-card.product-card-listing:hover .shower-photo{ opacity:1; } .swiper-slide.arrival-slide.product-card:hover .original-photo { opacity: 0; } .catalog-content__item.product-card.product-card-listing:hover .original-photo{ opacity:0; } } .order-input__itemm:focus { background-color: transparent!important; border: 1px solid #067960!important; } .footer__logo svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer__logo:hover path { /* fill: #067960;*/ } .header-register__btn.order__btn.body-text.header-popup__open.success{ background-color: #067960; border: 1px solid #067960; color:#fff; } .order-detail__status.checked{ background-color:#067960!important; } .cart-item__preorder-text{ color:#067960; font-size:12px; } .cart-item__counter-text{ color:#FF0001; font-size:12px; flex: 1; align-items: flex-end; display: flex; } /*closeTabForm*/ .header-clTabForm.header-popup { left: unset; top: unset; bottom: 100%; } .header-clTabForm.header-popup.open { position: fixed; height: 100%; bottom: 0; /* background: rgba(0, 0, 0, 0.5); */ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-clTabForm .header-clTabForm__content.header-popup__wrapper { height: 338px; width: 538px; right: 0; left: 0; top: unset; margin: auto; padding: 50px; } .header-clTabForm .header-clTabForm__title.body-text { font-weight: 500; font-size: 24px; line-height: 29px; } .header-clTabForm .header-clTabForm__header.header-popup__header { padding-bottom: 16px; margin-bottom:16px; border-bottom: 1px solid #D7D7D7; } .header-clTabForm .header-clTabForm__text.body-text { font-weight: 400; } .header-clTabForm .header-clTabForm_button { } .header-clTabForm .header-clTabForm_button button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px; width: 100%; height: 53px; border: 1px solid #11BA7D; border-radius: 8px; font-weight: 400; font-size: 16px; line-height: 130%; background: unset; margin-top: 12px; } /*closeTabForm*/ /* messenger button */ .product-info__messanger { display:flex; flex-direction: column; gap: 40px; padding-top: 16px; padding-bottom: 40px; border-bottom: 1px solid #D7D7D7; } .product-messanger__title { position: relative; cursor: pointer; font-weight: 400; } .product-messanger__title svg { width: 14px; height: 8px; position: absolute; right: 11px; top: 6px; transform: rotateX(180deg); transition: 0.3s; } .product-info__messanger .product-messanger__title.open svg { transform: rotateX(0deg); } .product-info__messanger .product-messanger__body { display: none; } .product-info__messanger .product-messanger__body .product-messanger__a { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; } .product-info__messanger .product-messanger__body a { font-size: 16px; line-height: 130%; text-decoration-line: underline; color: #1B1A19; } /* messenger button */ .body-text.contacts-callback__item_first a{ color: #1b1a19; border-bottom: 1px solid #1b1a19; font-size: 16px; line-height: 130%; font-weight: 300; } .body-text.contacts-callback__item_first a:hover{ color: #067960; border-bottom: unset; } /*filter block*/ .catalog_filter_block { display: flex; flex-direction: column; } .catalog_filter_block .catalog_filter_title { display: flex; flex-direction: row; justify-content: space-between; } .catalog_filter_block .catalog_filter_title div{display: flex;flex-direction: row;align-items: center;min-height: 36px;} .catalog_filter_block .catalog_filter_title span.catalog_filter_text {font-size: 18px;line-height: 130%; cursor: pointer;border-bottom: 1px solid #1b1a19; font-weight: 300;} .catalog_filter_block .catalog_filter_title span.reset_block_filter { display: none; cursor: pointer; margin-left: 15px; color: #C6C6C6; font-size: 14px; align-items: center; } .catalog_filter_block .catalog_filter_title span.reset_block_filter.active { display: flex;} .catalog_filter_block .catalog_filter_title span.catalog_filter_text:hover { border-color: #067960; color: #067960; } .catalog_filter_block .catalog_filter_title .catalog_filter_close { display: none; cursor: pointer; } .catalog_filter_block .catalog_filter_title .catalog_filter_close.active { display: block; } #catalog_filter_block { max-height: 0; height: 0; overflow: hidden; opacity: 0; transition: .7s ease; } #catalog_filter_block.active { height: 100%; opacity: 1; max-height: 800px; } #catalog_filter_block .catalog_filter_values { /*display: flex;*/ /*flex-direction: row;*/ justify-content: space-between; display: grid; grid-template-columns: calc(50% - 1px) calc(50% + 1px); } #catalog_filter_block .catalog_filter_values .catalog_filter_left { flex-basis: 50%; } #catalog_filter_block .catalog_filter_values .catalog_filter_right { flex-basis: 50%; } #catalog_filter_block .catalog_filter_values .catalog_filter_right, #catalog_filter_block .catalog_filter_values .catalog_filter_left { padding: 32px; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; box-shadow: 1px 0 0 0 #D9D9D9, 0 1px 0 0 #D9D9D9, 1px 1px 0 0 #D9D9D9, 1px 0 0 0 #D9D9D9 inset, 0 1px 0 0 #D9D9D9 inset; } #catalog_filter_block .catalog_filter_values .catalog_filter_elem_title{ font-size: 16px; line-height: 130%; } #catalog_filter_block .catalog_filter_values .catalog_filter_elem_title .count{ /*display: none;*/ margin-left: 5px; color: #C6C6C6; font-size: 14px; } #catalog_filter_block .catalog_filter_values .catalog_filter_right .catalog_filter_elem_block, #catalog_filter_block .catalog_filter_values .catalog_filter_left .catalog_filter_elem_block { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; } #catalog_filter_block .catalog_filter_values .catalog_filter_elem{ /*width: 132px;*/ height: 41px; border: 1px solid #D7D7D7; border-radius: 8px; } #catalog_filter_block .catalog_filter_values .catalog_filter_elem.active{ border: 1px solid #11BA7D; } #catalog_filter_block .catalog_filter_values .catalog_filter_elem a{ display: flex; flex-direction: row; align-items: center; padding: 10px 15px; gap: 10px; font-size: 16px; line-height: 130%; color: #8C8C8C; text-transform: capitalize; } @media (max-width: 568px) { #catalog_filter_block .catalog_filter_values .catalog_filter_elem a{ font-size: 14px; } } #catalog_filter_block .catalog_filter_values .catalog_filter_elem.active a{ color: #11BA7D;} #catalog_filter_block .catalog_filter_values a span.filter_color { content: ""; width: 14px; height: 14px; display: block; background: #D6AD91; border-radius: 4px; } .loader { /* width: 48px; */ /* height: 48px; */ display: inline-block; position: absolute; /* top: 100%; */ /* left: 50%; */ } .loader::after, .loader::before { content: ''; box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; border: 2px solid #fff; position: absolute; left: 50%; top: 50%; animation: animloader 2s linear infinite; } .loader::after { animation-delay: 1s; } @keyframes animloader { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .header-backdrop { position: absolute; top: 100%; left: 0; width: 100%; height: calc(100vh - 80px); background: rgba(47, 77, 66, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; pointer-events: none; z-index: 0; } .header-backdrop.active { opacity: 1; pointer-events: all; } .header-backdrop.active { opacity: 1; pointer-events: all; } @media (max-width: 992px) { #catalog_filter_block .catalog_filter_values{ grid-template-columns: 1fr; /*margin-bottom: 50px;*/ margin-bottom: 0px; } } @media (max-width: 600px) { #catalog_filter_block .catalog_filter_values .catalog_filter_left{ padding: 9px; } #catalog_filter_block .catalog_filter_values .catalog_filter_left .catalog_filter_elem_block{ gap: 8px; } #catalog_filter_block .catalog_filter_values .catalog_filter_right { padding: 10px; } #catalog_filter_block .catalog_filter_values .catalog_filter_right .catalog_filter_elem_block{ gap: 13px; } #catalog_filter_block .catalog_filter_values .catalog_filter_left .catalog_filter_elem{ width: 182px; width: calc(50% - 4px); } #catalog_filter_block .catalog_filter_values .catalog_filter_right .catalog_filter_elem{ width: 64px; } #catalog_filter_block .catalog_filter_values .catalog_filter_right .catalog_filter_elem a{ justify-content: center } } /*filter block*/ /*коллаба яндекс*/ .product-info__presale{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px; text-align: center; gap: 8px; /*width: 358px; height: 62px;*/ width:100%; background: #D7D7D7; border-radius: 8px; margin: 15px auto; } @media(max-width:768px){ .product-info__presale{ margin:0 auto; } } .hidden-block{ display:none!important; } /*вакансии*/ .vacancy-page .vacancy-supdesc{ max-width:325px; font-size:16px; line-height:20px; font-weight:400; } .vacancy-page .vacancy-supdesc a{ color:#067960; } .vacancy-list{ display:flex; flex-direction: column; gap:30px; max-width: 802px; } .vacancy-list .vacancy-list__item{ padding-bottom:30px; border-bottom: 1px solid #D7D7D7; } .vacancy-list .vacancy-list__item .vacancy-title{ margin-bottom:14px; } .vacancy-list .vacancy-list__item .vacancy-content{ margin-bottom:20px; color: #1b1a19; font-size: 16px; line-height: 130%; font-weight: 400; } .vacancy-list .vacancy-list__item .vacancy-btn{ display:inline-flex; justify-content: center; align-items: center; padding:16px; font-weight: 400; font-size:12px; color:#1b1a19; border:1px solid #D7D7D7; border-radius: 8px; transition:border-color .3s ease; } .vacancy-list .vacancy-list__item .vacancy-btn:hover{ border-color:#1b1a19; } @media (max-width:992px) { .vacancy-list .vacancy-list__item .vacancy-content, .vacancy-page .vacancy-supdesc{ font-size: 12px; } .vacancy-list .vacancy-list__item .vacancy-title{ margin-bottom:10px; } .vacancy-list .vacancy-list__item .vacancy-content{ margin-bottom: 15px; font-weight:300; } .vacancy-list .vacancy-list__item .vacancy-btn{ padding:8px; } .vacancy-list{ gap:20px; } } @media (max-width: 768px){ .vacancy-page .account-nav__title{ display:block } .vacancy-page .account-nav__main{ padding:16px; padding-bottom:14px; gap:10px; } .vacancy-list .vacancy-list__item .vacancy-content, .vacancy-page .vacancy-supdesc{ line-height:15px; font-weight:300; } } .main-slider__item{ position:relative; } .main-slider__item img{ width:100%; aspect-ratio: 1512/780; object-fit: cover; object-position: top; } .main-slider__item video{ width:100%; aspect-ratio: 1512/780; object-fit: cover; } .main-slider__item .main-slider__media{ } .main-slider__item .main-slider__content-area{ position:absolute; top:0px; width:100%; padding:163px 148px; box-sizing: border-box; height:100%; display:flex; flex-direction: column; gap:70px; } .main-slider__item .main-slider__content-area.content-align-center{ justify-content: flex-end; align-items: center; } .main-slider__item .main-slider__content-area.content-align-left{ justify-content: flex-end; align-items: flex-start; } .main-slider__item .main-slider__content-area.content-align-right{ justify-content: flex-end; align-items: flex-end; } .main-slider__item .main-slider__content-area.content-align-right .content-area__title{ text-align: right; } .main-slider__item .main-slider__content-area.content-align-left .content-area__title{ text-align: left; } .main-slider__item .main-slider__content-area.content-align-center .content-area__title{ text-align: center; } .main-slider__item .content-area__title{ font-size:40px; line-height:48px; text-transform: uppercase; } .main-slider__item .content-area__btn .btn-btn{ display:inline-flex; width:220px; justify-content: center; align-items: center; padding:16px 0; box-sizing: border-box; border-radius:8px; font-size:16px; } .main-slider__swiper{ position:relative; } .main-slider__swiper .slider-pagination{ position:absolute; bottom:20px; display:flex; justify-content: center; gap:5px; z-index:1; } .main-slider__swiper .slider-navigation{ position:absolute; top:50%; margin-top:-17px; width:100%; display:flex; justify-content: space-between; padding:0 32px; box-sizing: border-box; z-index:1; } .main-slider__swiper .slider-pagination .swiper-pagination-bullet{ width:40px; height:5px; border-radius:18px; background:#E7E7E7; padding:0; margin:0; display:block; transition:all .3s ease; cursor:pointer; opacity:1; } .main-slider__swiper .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#067960; } .main-slider__swiper .slider-pagination .swiper-pagination-bullet:hover{ background:#067960; } .main-slider__swiper .slider-navigation .slider-button{ width:36px; height:36px; cursor:pointer; opacity:0.8; transition:all .3s ease; } .main-slider__swiper .slider-navigation .slider-button.slider-button-next{ transform: rotate(180deg); } .main-slider__swiper .slider-navigation .slider-button:hover{ opacity:1; } .main-slider__swiper .slider-navigation .slider-button.invert{ filter:invert(100%); } @media (max-width:1200px){ .main-slider__swiper .slider-pagination{ bottom:14px; } .main-slider__swiper .slider-pagination .swiper-pagination-bullet{ height:4px; } .main-slider__item .main-slider__content-area{ padding:62px 55px; } .main-slider__swiper .slider-navigation{ padding:0 16px; } .main-slider__item .main-slider__content-area{ gap:40px; } .main-slider__item .content-area__title{ font-size:24px; line-height:29px; } .main-slider__item .content-area__btn .btn-btn{ font-size:14px; padding:12px 0; max-width:135px; } .main-slider__swiper .slider-navigation .slider-button svg{ width:30px; height:30px; } } @media (max-width:560px){ .main-slider__item img{ aspect-ratio: 390/389; } .main-slider__item video{ aspect-ratio: 390/389; } } .product-tab__desktop-descriptions{ color:#8c8c8c; line-height:18px; } .banner-list{ margin-bottom:0px; } /* rees46-recommend */ .rees46-recommend { position: relative; z-index: 0; } .rees46-recommend .product-card { position: relative; } .rees46-recommend .product-card .product-card__content:after { content: ''; position: absolute; right: 32px; bottom: 32px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='7.5' width='23' height='16' stroke='black'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.4813 7C18.2259 3.64378 15.4218 1 12.0002 1C8.57858 1 5.77446 3.64378 5.51914 7H4.5166C4.77389 3.09098 8.02608 0 12.0002 0C15.9743 0 19.2265 3.09098 19.4838 7H18.4813Z' fill='black'/%3e%3cpath d='M8 16H16' stroke='black'/%3e%3cpath d='M12 12L12 20' stroke='black'/%3e%3c/svg%3e"); background-size: contain; } @media (max-width: 568px) { .rees46-recommend .product-card .product-card__content:after { right: 16px; bottom: 16px; width: 20px; height: 20px; } } .product-content .catalog-content__main.detail .product-card__content { position: relative; } .product-content .catalog-content__main.detail .product-card__content:after { content: ''; position: absolute; right: 32px; bottom: 32px; width: 35px; height: 35px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='35' height='35' rx='10' fill='white'/%3e%3crect x='7.5339' y='11.2595' width='19.9322' height='15.1903' rx='1.9661' stroke='%231B1A19' stroke-width='1.0678'/%3e%3cg clip-path='url(%23clip0_1949_23092)'%3e%3cpath d='M17.8141 15.9105C17.8141 15.7194 17.6592 15.5645 17.4681 15.5645C17.277 15.5645 17.122 15.7194 17.122 15.9105V18.6788C17.122 18.8699 16.9671 19.0249 16.776 19.0249H14.0077C13.8165 19.0249 13.6616 19.1798 13.6616 19.3709C13.6616 19.562 13.8165 19.7169 14.0077 19.7169H16.776C16.9671 19.7169 17.122 19.8719 17.122 20.063V22.8313C17.122 23.0224 17.277 23.1774 17.4681 23.1774C17.6592 23.1774 17.8141 23.0224 17.8141 22.8313V20.063C17.8141 19.8719 17.969 19.7169 18.1602 19.7169H20.9285C21.1196 19.7169 21.2745 19.562 21.2745 19.3709C21.2745 19.1798 21.1196 19.0249 20.9285 19.0249H18.1602C17.969 19.0249 17.8141 18.8699 17.8141 18.6788V15.9105Z' fill='%231B1A19'/%3e%3c/g%3e%3cpath d='M13.0969 11.064C13.0969 9.89616 13.5608 9.11489 14.3865 8.28912C15.2123 7.46336 16.3323 6.99945 17.5001 6.99945C18.6679 6.99945 19.7879 7.46336 20.6136 8.28912C21.4394 9.11489 21.9033 9.89616 21.9033 11.064' stroke='%231B1A19' stroke-width='1.0678' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3cclipPath id='clip0_1949_23092'%3e%3crect width='7.6129' height='7.6129' fill='white' transform='translate(13.6616 15.5645)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); background-size: contain; } @media (max-width: 568px) { .product-content .catalog-content__main.detail .product-card__content:after { right: 16px; bottom: 16px; width: 20px; height: 20px; } } .account-settings__main .account-settings__input{ position:relative; } .account-settings__main .account-settings__input .profile-form-error{ font-size:12px; color:red; position:absolute; bottom:-12px; } .account-settings__main .account-settings__input .profile-form-error.hidden{ display:none; } .profile-secret-code.hidden{ display:none } .non-show{ display:none!important; } .profile-data-confirm-btn, .profile-data-confirm-submit{ position: absolute; top: 30px; padding: 15px 15px; background: #067960; font-size: 12px; color: #fff; right:0px; cursor:pointer; } .secret-code-hiddeninput{ width:90px; letter-spacing: 2px; text-align:center; } @media(max-width:992px){ .profile-data-confirm-btn, .profile-data-confirm-submit{ top:30px; } } @media(max-width:768px){ .profile-data-confirm-btn, .profile-data-confirm-submit{ top:30px; } } .profile-data-confirm-submit { position: relative; top: 2px; right: unset; display: flex; align-items: center; /**/ } .order-content ~ * { display: none; } .order-status__subtitle p, .order-status__subtitle p a { color: #06785f; margin-top: 14px; transition:all .3s ease; } .order-status__subtitle p a:hover{ color: #42b39a; } .order-radio__description{ font-size: 12px; color: rgba(0, 0, 0, .6); line-height: 17px; margin-top:7px; } .order-radio__description a{ color: #06785f; transition:all .3s ease; } .order-radio__description a:hover{ color: #42b39a; } #subs_form.success .mailing-form__hint{ color:#11BA7D!important } .basket_actions_id{ display:none; } .catalog-content__main.detail { gap: 20px; } @media (min-width: 2056px) { .catalog-content__main { grid-template-columns: repeat(4, 1fr); } } .size-load { width: 20px; height: 20px; border: 3px solid #8b8b8b; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: sizeloadrotate 1s linear infinite; } @keyframes sizeloadrotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .header-backdrop.catalog{ position: absolute; top: 100%; left: 0; width: 100%; height: calc(100vh - 80px); background: rgba(47, 77, 66, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; pointer-events: none; z-index: 9; } .header-backdrop.catalog.active.loader{ opacity: 1; pointer-events: all; } .address-dropdown{ -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; border: 1px solid #bdbdbd!important; background-color: #d9d9d9!important; overflow: hidden !important; box-sizing: border-box; cursor: default; left: 0; min-width: 100%; position: absolute; z-index: 9999; -webkit-text-size-adjust: 100%; top:100%; border-top:none!important; } .address-dropdown li{ padding: 7px 5px !important; width: 100% !important; font-size: 14px !important; font-weight: 300 !important; color: #1b1a19 !important; background-color: #fff !important; border-top: 1px solid #bdbdbd !important; cursor: pointer; display: flex; align-items: center; gap: 8px; white-space: nowrap; } .rees46-catalog__btns{ display:flex; justify-content: center; align-items: center; gap:20px; width:100%; padding-top:60px; } .rees46-catalog__btns a{ width:100%; max-width:300px; } #rees_async_items #pagination{ padding-top:0px; } @media (max-width:685px){ .rees46-catalog__btns{ gap:11px; padding-top:13px; } .rees46-catalog__btns a{ height:38px!important; font-size:14px; } } .size-title__block{ display:flex; flex-direction: row; gap:5px; align-items: center; justify-content: flex-start; position:relative; } .size-title__block .size-element__tooltip{ display:flex; justify-content: center; align-items: center; cursor:pointer; } .size-title__block .size-popoup-block{ position: absolute; width: 200px; top: -7px; left:85px; pointer-events: none; -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity:1; } .size-title__block .size-popoup-block.hide{ opacity:0; } .size-title__block .size-popoup-block::before { position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; top: 12px; left: -14px; transform: rotate(90deg); } .size-title__block .size-popoup-block .size-popoup-block__container { padding: 8px 12px; background-color: #ffffff; line-height: 140%; text-transform: none; } @media (max-width:1024px){ .size-title__block .size-popoup-block{ width:100%; max-width:215px; } .size-title__block .size-popoup-block::before{ } } .order-detail__wrapper .order-detail__intervals{ border-radius:0px; border:none; } .order-detail__wrapper .order-detail__intervals label{ border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background:transparent; padding-top:8px; padding-bottom:8px; } .order-detail__wrapper .order-detail__intervals label:nth-child(2){ border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } .order-detail__wrapper .order-detail__intervals label:last-child{ border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } .order-detail__wrapper .order-detail__intervals input:checked + label{ background:#000; color:#fff; border-color:#000; } .page-404 { text-align: center; margin-top: 100px; } @media (max-width:568px){ .collection__item .collection__adverting{ /*flex-direction: column;*/ flex-direction: row; gap:5px; left:0px; top:0px; align-items: flex-start!important; flex-wrap: wrap; } .collection__item .collection__adverting span{ font-size:10px; } } .rasprodan_btn{ background: #fff !important; border: 1px solid #000 !important; color: #000 !important; } .catalog-item-sizes{ display:none; } .footer__list.footer-social__list{ gap:40px; justify-content: center; flex-direction: row; } .footer__list.footer-social__list a img{ max-width:24px; max-height:24px; } @media (max-width:568px){ .footer__list.footer-social__list{ gap:36px; } } /* */ .collection__item { position: relative; display: block; } .custom-card-slider-container { position: relative; width: 100%; overflow: hidden; } .custom-card-slider-track { display: flex; width: 100%; transition: transform 0.3s ease-in-out; } .custom-card-slide { flex: 0 0 100%; width: 100%; } .custom-card-slide img, .custom-card-slide picture { width: 100%; height: auto; object-fit: cover; display: block; transition: opacity 0.3s ease-in-out; opacity: 1; } .custom-card-slide.hide-for-hover img, .custom-card-slide.hide-for-hover picture { opacity: 0; } .hover-fade-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 5; pointer-events: none; } .hover-fade-overlay.is-visible { opacity: 1; } .custom-card-nav, .custom-card-pagination { opacity: 0; transition: opacity 0.3s ease; position: absolute; z-index: 10; } .collection__item:hover .custom-card-nav { opacity: 1; } .collection__item:hover .custom-card-pagination { opacity: 1; } .custom-card-nav { top: 50%; transform: translateY(-50%); cursor: pointer; color: #000; padding: 10px; display: flex; align-items: center; justify-content: center; } .custom-card-prev { left: 0; } .custom-card-next { right: 0; } .custom-card-nav:hover { color: #555; } .custom-card-pagination { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: space-between; gap: 0px; } .custom-card-pagination.custom-card-pagination--hascolors{ bottom: 0px; } @media (max-width:768px){ .custom-card-pagination.custom-card-pagination--hascolors{ bottom: 0px; } } .custom-card-pagination-indicator { position: absolute; bottom: 0; left: 0; height: 1px; background: #000; transition: transform 0.3s ease-in-out; z-index: 2; pointer-events: none; } .custom-card-dot { flex-grow: 1; height: 1px; background: #ccc; opacity: 0.6; cursor: pointer; transition: opacity 0.3s; } .custom-card-dot.active { opacity: 1; } /* */ .collection__adverting{ z-index:1; } .collection__item .collection__img .collection__colors_wrap{ z-index:10; } @media (max-width: 768px) { .custom-card-nav { display: none !important; } .custom-card-pagination { opacity: 1 !important; } .hover-fade-overlay { display: none !important; } .collection__item:hover h4{ opacity:1!important; } } .card-slider-placeholder { position: relative; display: block; width: 100%; overflow: hidden; aspect-ratio: 467 / 637; } .card-slider-placeholder::after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100% ); animation: placeholder-shimmer 1.5s infinite ease-in-out; } @keyframes placeholder-shimmer { 100% { left: 100%; } } .custom-card-slider-container:not(.is-loaded) .custom-card-slider-track, .custom-card-slider-container:not(.is-loaded) .custom-card-nav, .custom-card-slider-container:not(.is-loaded) .custom-card-pagination { display: none !important; } .custom-card-slider-container.is-loaded .card-slider-placeholder { display: none !important; } .footer__wrapper { height: auto; /*min-height: 209px;*/ } .footer__row.subscribe { width: fit-content; flex-direction: column; gap: 15px; padding: 40px 0; } @media (max-width: 568px) { .footer__row.subscribe { padding: 40px 16px; width: 100%; gap: 10px; } } .footer__row.subscribe h5 { font-family: "Inter", sans-serif; font-weight: 400; font-size: 22px; color: #fff; } @media (max-width: 568px) { .footer__row.subscribe h5 { font-size: 26px; color: #1b1a19; } } .footer__row.subscribe p { font-family: "Inter", sans-serif; font-weight: 400; font-size: 14px; line-height: 130%; color: #fff; } @media (max-width: 568px) { .footer__row.subscribe p { color: #1b1a19; } } .footer__row.subscribe form { display: flex; flex-direction: column; gap: 30px; margin-top: 25px; } @media (max-width: 568px) { .footer__row.subscribe form { gap: 20px; } } .footer__row.subscribe .radio { display: flex; gap: 30px; } .footer__row.subscribe .radio div { } .footer__row.subscribe .radio input { opacity: 0; position: absolute; } .footer__row.subscribe .radio input[type="radio"] { } .footer__row.subscribe .radio input[type="radio"] + label:before { content: ''; border: 2px solid #d7d7d7; display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 2px; margin-right: 10px; text-align: center; border-radius: 50%; } @media (max-width: 568px) { .footer__row.subscribe .radio input[type="radio"] + label:before { width: 20px; height: 20px; } } .footer__row.subscribe .radio input[type="radio"]:checked + label:before { border: 2px solid #bee7d8; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='8' fill='%2311BA7D'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; } @media (max-width: 568px) { .footer__row.subscribe .radio input[type="radio"]:checked + label:before { } } .footer__row.subscribe .radio label { font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 130%; color: #fff; position: relative; } @media (max-width: 568px) { .footer__row.subscribe .radio label { font-size: 14px; color: #1b1a19; } } .footer__row.subscribe .input div { border-bottom: 1px solid #d7d7d7; padding: 16px 8px 16px 0px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 568px) { .footer__row.subscribe .input div { border-bottom: 1px solid #1b1a19; } } .footer__row.subscribe form.error .input div { border-bottom: 1px solid #f99760; } .footer__row.subscribe .input input { font-family: "Inter", sans-serif; font-weight: 400; font-size: 20px; color: #d7d7d7; background: transparent; box-shadow: none; outline: none; } @media (max-width: 568px) { .footer__row.subscribe .input input { color: #1b1a19; font-size: 16px; } } .footer__row.subscribe form.error input { color: #f99760; } .footer__row.subscribe .input a { } .footer__row.subscribe .input .error { display: none; font-family: "Inter", sans-serif; font-size: 12px; line-height: 130%; color: #f99760; } .footer__row.subscribe form.error .error { display: block; } .footer__row.subscribe .input .succes { opacity: 0; pointer-events: none; font-family: "Inter", sans-serif; font-size: 12px; line-height: 130%; color: #fff; } @media (max-width: 568px) { .footer__row.subscribe .input .succes { color: #1b1a19; } } .footer__row.subscribe form.succes .succes { opacity: 1; } .footer__row.subscribe form.error .succes { display: none; } @media (max-width: 768px) { .button__VPX41 { margin-bottom: 100px !important; } } .rp-hovering--left{ left:104px!important; bottom:23px!important; } @media (max-width:768px){ .rp-hovering--left{ left:calc(50% - 85px) !important; } } .home-arrivals-preloader { overflow: hidden; } .home-arrivals-preloader__title, .home-arrivals-preloader__image, .home-arrivals-preloader__content span { display: block; background: linear-gradient(90deg, #f3f3f3 0%, #e8e8e8 50%, #f3f3f3 100%); background-size: 200% 100%; animation: home-arrivals-preloader 1.2s ease-in-out infinite; } .home-arrivals-preloader__title { width: 160px; height: 14px; } .home-arrivals-preloader__card { min-width: 0; } .home-arrivals-preloader__image { width: 100%; aspect-ratio: 3 / 4; } .home-arrivals-preloader__content { padding: 14px 0 24px; } .home-arrivals-preloader__content span { height: 12px; } .home-arrivals-preloader__content span:first-child { width: 72%; margin-bottom: 8px; } .home-arrivals-preloader__content span:last-child { width: 38%; } @keyframes home-arrivals-preloader { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } .inStock__store_item_preloader { pointer-events: none; } .inStock__preloader_row { display: flex; justify-content: space-between; gap: 20px; } .inStock__preloader_row.__sizes { justify-content: flex-start; } .inStock__preloader_line, .inStock__preloader_size { display: block; background: linear-gradient(90deg, #f3f3f3 0%, #e8e8e8 50%, #f3f3f3 100%); background-size: 200% 100%; animation: inStock-preloader 1.2s ease-in-out infinite; } .inStock__preloader_line { height: 16px; } .inStock__preloader_line.__title { width: 36%; } .inStock__preloader_line.__phone { width: 28%; } .inStock__preloader_line.__address { width: 58%; } .inStock__preloader_line.__time { width: 24%; } .inStock__preloader_size { width: 24px; height: 16px; } @keyframes inStock-preloader { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @media (max-width: 768px) { .inStock__preloader_row { gap: 8px; } .inStock__preloader_row.__middle { flex-direction: column; } .inStock__preloader_line.__phone { width: 24px; } .inStock__preloader_line.__address { width: 100%; } .inStock__preloader_line.__time { width: 44%; } } * { -webkit-tap-highlight-color: transparent; } @media (max-width:1024px){ .header__burger{ order:1; } .header__logo{ order:2; flex:1!important; display:flex; justify-content: center; } .header__logo svg{ margin-left: 64px; } .header__icons{ order:3; flex:unset!important; } .header__cart{ order:4; } } /* End */ /* Start:/local/templates/new_tpl/assets/css/new-style.css?1781100067104688*/ @charset "UTF-8"; @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-Black.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-Black.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-BlackItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-BoldItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-Bold.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-SemiBold.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-SemiBoldItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-Medium.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-MediumItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-Regular.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-RegularItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-RegularItalic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-Light.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-LightItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-Thin.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-Thin.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: "Kinetika"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Kinetika-ThinItalic.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Kinetika-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; } @font-face { font-family: "Play"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Play-700.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Play-700.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Play"; font-display: swap; src: url("/local/templates/new_tpl/assets/fonts/Play-Regular.woff2") format("woff2"), url("/local/templates/new_tpl/assets/fonts/Play-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } .account-page a, .app-checkbox a{ color:#000; } a.btn_black{ color:#fff; } a.page-link{ color:#8e8e8e; } .active a.page-link{ color:#000; } .page-item .page-link{ font-family: Play, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; color: #8e8e8e; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .page-item.active span{ color: #000; border-bottom: 1px solid #000; font-family: Play, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } nav, footer, header, aside { display: block; } html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: inherit; border-radius: 0; } textarea { resize: none; } input::-ms-clear { display: none; } button { cursor: pointer; background-color: transparent; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } /*--------------------*/ body.lock { touch-action: none; -ms-touch-action: none; -webkit-overflow-scrolling: touch; overflow: hidden; } input[type=number] { -moz-appearance: textfield; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } svg path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .scrollbar-none { -ms-overflow-style: none; /* IE и Edge */ scrollbar-width: none; /* Firefox */ } /*.scrollbar-none::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0; height: 0; background: transparent; }*/ .help-nav__item[data-tab], .body-text[data-tab]{ display:block; } [data-tab] { display: none; } [data-tab].active { display: block; } .collapse:not(.collapse_show) { display: none; } .wrapper { background-color: #f6f6f6; font-family: "Kinetika", sans-serif; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 70px; } .container { /*max-width: 1512px;*/ max-width: 1920px; padding: 0 20px; margin: 0 auto; } .app-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; font-size: 12px; } .app-input input { height: 28px; border: 1px solid #d9d9d9; padding-left: 8px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .app-input input:focus { border-color: #8e8e8e; } .app-input:has(input:focus) ul { opacity: 1; pointer-events: all; } .app-input.autocomplete { position: relative; z-index: 1; } .app-input.autocomplete ul { pointer-events: none; opacity: 0; border: 1px solid #8e8e8e; position: absolute; top: 100%; translate: 0 -1px; left: 0; width: 100%; z-index: 2; background-color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #d9d9d9; } .app-input.autocomplete ul li { cursor: pointer; height: 24px; padding-left: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8e8e8e; font-size: 12px; } .app-checkbox input { display: none; } .app-checkbox label { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; font-family: "Kinetika", sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-checkbox label div { width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #d9d9d9; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .app-checkbox label div::before { content: ""; display: block; width: 12px; height: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 12px; flex: 0 0 12px; background-color: #000; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; } .app-checkbox input:checked + label div { border-color: #000; } .app-checkbox input:checked + label div::before { opacity: 1; } .btn { 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; height: 24px; padding: 0 20px; font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .btn_white { background-color: #fff; border: 1px solid #d9d9d9; color: #000; } .btn_white:active { background-color: #000; border-color: #000; color: #fff; } .btn_black { background-color: #000; border-color: #000; color: #fff; } .btn_black:active { background-color: #fff; border: 1px solid #d9d9d9; color: #000; } .slider-btn { position: absolute; z-index: 2; top: 50%; translate: 0 -50%; cursor: pointer; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.6); display: flex; align-items: center; justify-content: center; border-radius: 50%; } .slider-btn-prev { left: 40px; } .slider-btn-next { right: 40px; } .header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background-color: #fff; } .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: center; gap: 40px; padding: 20px 0; height: 70px; } .product-card__title.body-text{ color:#000; } @media (max-width: 568px) { .product-card__title.body-text { font-size: 12px; } } .header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 112px; flex: 0 0 112px; } .header__logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header__menu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header__menu .breadcrumbs { display: none; } .header__menu .header__icons { display: none; } .header__links { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__links li:first-child a { padding-left: 0; } .header__links li:last-child a { padding-right: 0; } .header__link { font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-transform: uppercase; color: #000; padding: 0 20px; white-space: nowrap; } .header__links li a{ position:relative; } .header__links li a sup { content: 'NEW'; position: absolute; font-size: 9px; top: -10px; right: 7px; } .header__links li a sup.dot{ font-size: 0px; vertical-align: middle; display: inline-flex; padding-left: 2px; position:relative; top:unset; right:unset; } .header__links li a sup.dot:after{ background-image: url(/local/templates/main/assets/img/icons/dotMenu.svg); content: ''; width: 5px; height: 5px; background-size: 4px; background-repeat: no-repeat; background-position: left top; } @media (max-width: 568px) { .header__links li a sup { font-size: 8px; top: -3px; right: -29px; } } .header__icons { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .header__cart { position: relative; margin-left: 20px; } .header__cart svg { width: 24px; height: 24px; } .header__cart span { position: absolute; bottom: 6px; left: 50%; translate: -50% 0; font-family: "Play", sans-serif; font-size: 10px; color: black; } .header__burger { display: none; } .header__modal { overflow: hidden; position: fixed; z-index: 101; top: 68px; left: 0; right: 0; background-color: #fff; border-top: 1px solid #d9d9d9; transition: 1s; /*translate: 0 -100%;*/ max-height: 0px; } .header__modal.show { translate: 0 0; max-height: 1000px; } .header__modal:after { position: absolute; content: ''; height: 10px; width: 100%; /*background: yellow;*/ } .header-assort { width: 100%; display: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; max-width: 1512px; padding: 0 20px; margin: 0 auto; } .header-assort.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-assort.anim .header-assort__main { opacity: 1; translate: 0; } .header-assort.anim .header-assort__image { translate: 0; } /**/ .header-menu-sub.active { translate: 0 0; } .header-back::before { content: "<"; } .header-menu-sub { display: none; position: fixed; z-index: 101; top: 0; left: 0; right: 0; bottom: 0; padding-left: 20px; background-color: #fff; overflow-y: auto; overflow-x: hidden; translate: 100% 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } @media (max-width: 1024px) { .header-menu-sub { display: block; } } .header-assort__main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -ms-grid; display: grid; /*-ms-grid-columns: (1fr)[2];*/ /*grid-template-columns: repeat(2, 1fr);*/ grid-template-columns: repeat(2, 280px); opacity: 0; translate: 0 20px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-assort__main ul { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; padding-left: 40px; padding-right: 100px; } .header-assort__main ul a { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #8e8e8e ; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-assort__main ul a:active { color: #000 !important; } .header-assort__main ul:nth-child(1) { /*border-left: 1px solid #d9d9d9;*/ padding-left: 20px; } .header-assort__main ul:nth-child(2) { border-left: 1px solid #d9d9d9; } .header-assort__image { -webkit-box-flex: 0; -ms-flex: 0 0 690px; flex: 0 0 690px; translate: 0 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-assort__image.border { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } @media (max-width: 1440px) { .header-assort__image.border { margin-right: -20px; } } .header-assort__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } [data-assort] { position: relative; } [data-assort]::after { content: ""; display: block; position: absolute; width: 100%; height: 25px; top: 100%; left: 0; } .footer { background-color: #000000; padding: 0; } .footer__wrapper { white-space: nowrap; padding-top: 64px; padding-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__list { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; row-gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__list a { font-family: "Kinetika", sans-serif; font-size: 14px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; color: #f6f6f6; } .footer__copy { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .footer__copy li { color: #d9d9d9; } .footer-form { color: #fff; padding-top: 30px; padding-bottom: 00px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-form__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: 15px; max-width: 385px; } .footer-form__title { font-family: "Kinetika", sans-serif; font-size: 14px; font-weight: 700; line-height: 1.1875; } .footer-form__text { font-family: "Kinetika", sans-serif; font-size: 12px; line-height: 1.5; text-transform: uppercase; } .footer-form__actions { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .footer-form__radios { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .footer-form__radios li { -webkit-box-flex: 0; -ms-flex: 0 0 125px; flex: 0 0 125px; } .footer-form__radios input { display: none; } .footer-form__radios label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Kinetika", sans-serif; font-size: 14px; } .footer-form__radios label div { width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; border-radius: 50%; border: 1.5px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-form__radios label div::after { content: ""; display: block; width: 11px; height: 11px; -webkit-box-flex: 0; -ms-flex: 0 0 11px; flex: 0 0 11px; border-radius: 50%; background-color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; } .footer-form__radios input:checked + label div::after { opacity: 1; } .footer-form__input { max-width: 400px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .footer-form__input input { height: 47px; border-bottom: 1px solid #ababab; width: 100%; padding-left: 8px; padding-right: 40px; font-family: "Play", sans-serif; background-color: transparent; font-size: 16px; line-height: 16.2px; color: #fff; } .footer-form__input button { position: absolute; top: 50%; right: 8px; translate: 0 -50%; } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 54px; } .breadcrumbs__list a { font-family: "Play", sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; text-transform: uppercase; color: #000; white-space: nowrap; } .breadcrumbs__list a::after { content: "/"; } .breadcrumbs__list li:last-child a::after { display: none; } .cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; padding: 12px 0; border-bottom: 1px solid #d9d9d9; } .cart-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; height: 170px; } .cart-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cart-item__main { width: 100%; } .cart-item__main > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-item__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap:15px; } .cart-item__info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-item__info.noprop-flex{ flex:unset; } .cart-item__name { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .cart-item__size { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; font-size: 10px; } .cart-item__count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; } .cart-item__count button { height: 12px; 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; } .cart-item__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; } .cart-item__right > div:has(.cart-item__price) { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; } .cart-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; white-space: nowrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 0; font-size: 12px; font-weight: 400; line-height: 20px; } .cart-item__price .old { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #8e8e8e; text-decoration: line-through; } .cart-item__price .actual { font-family: "Kinetika", sans-serif; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; font-size: 14px; } .cart-item__remove { font-family: "Kinetika", sans-serif; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #8e8e8e; font-size: 12px; } .product-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-card__image { position: relative; } .product-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-card__sale { position: absolute; top: 10px; left: 10px; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .product-card__content { padding-top: 5px; } .product-card__banners { position: absolute; top: 10px; left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; z-index:1; } .product-card__banners li { 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; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; color: #8e8e8e; background-color: #e8e8e8; padding: 0 4px; } .product-card__banners li.product-card__percent { background-color: #F99760; color: #FFFFFF; } .product-card__banners li.product-card__new { background-color: #11BA7D; color: #FFFFFF; } .collection__item .product-card__new { background-color: #11BA7D; color: #FFFFFF; } .product-card__colors { position: absolute; left: 10px; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; transition: .3s ease; } .product-card:hover .product-card__colors { opacity: 1; } .product-card__colors-str { display: none; } @media (max-width: 568px) { .product-card__colors-str { position: absolute; left: 0px; top: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; color: #8e8e8e; } } .collection__adverting span{ line-height: 140%; } .product-card__colors button { display: block; width: 10px; height: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; } .product-card__main { 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: 0 10px; gap: 16px; margin-top: 10px; } .product-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .product-card__name { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; text-transform: unset; } @media (max-width: 568px) { .product-card__name { min-height: 40px; display: flex; align-items: flex-end; line-height: 1.2; margin-bottom: 4px; } } body.lock { overflow: hidden; } .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; overflow-y: auto; overflow-x: hidden; cursor: pointer; z-index: 99; } .modal__content { overflow: auto; -ms-overflow-style: none; /* IE и Edge */ scrollbar-width: none; /* Firefox */ position: absolute; translate: 100% 0; right: 0; top: 70px; bottom: 0; background-color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor: default; } .modal__content::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0; height: 0; background: transparent; } .modal.open { opacity: 1; visibility: visible; } .modal.open .modal__content { translate: 0 0; } .modal__close { cursor: pointer; } .cart-modal__content { width: 600px; padding: 64px; 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; } .cart-modal__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-modal__title { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .cart-modal__subtitle { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .cart-modal__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-modal__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-modal__list li { padding: 8px 0; 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; border-bottom: 1px solid #d9d9d9; font-family: "Kinetika", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .cart-modal__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .cart-modal__btn { height: 38px; } .cart-modal .breadcrumbs { display: none; } .auth-modal .breadcrumbs__list { height: 78px; } .auth-modal__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: 28px; } .auth-modal__subtitle { font-family: "Play", sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; text-align: left; text-transform: uppercase; } .auth-modal__text { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .auth-modal__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .auth-modal__check a { color: #000; border-bottom: 1px solid #000; } .auth-modal__footer { 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; } .auth-modal__footer .btn { height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; } .auth-modal__footer .save { border-color: #000; } .auth-modal__footer .exit { color: #8e8e8e; border-color: #8e8e8e; } .checkout-page__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; padding: 30px; padding-bottom: 80px; } .checkout-page__title { font-family: "Play", sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; text-align: left; text-transform: uppercase; } .checkout-page__layout { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .checkout-page__main { padding-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; } .checkout-page__res { padding-left: 50px; } .checkout-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: 28px; } .checkout-block__title { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; font-size: 16px; } .checkout-block__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: 16px; } .checkout-block__list.with-btn{ flex-direction: row; align-items: flex-end; } .checkout-block__list.with-btn li{ width:100%; } .checkout-block__list.with-btn .btn{ height:28px; } .checkout-block__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .checkout-res { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .checkout-res__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; } .checkout-res__sales { 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; } .checkout-res__sales li { padding-bottom: 8px; } .checkout-res__sales li:first-child { border-bottom: 1px solid #d9d9d9; } .checkout-res__sales li:has(input:checked) .checkout-res__input { display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout-res__input { display: none; margin-top: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; } .checkout-res__input input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .checkout-res__input button { height: 28px; background-color: #000; color: #fff; font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; } .checkout-res__input p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .checkout-res__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #d9d9d9; } .checkout-res__list li { padding: 4px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; border-bottom: 1px solid #d9d9d9; } .checkout-res__list li p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .checkout-res__list li:nth-last-child(2) { border-bottom: 0; } .checkout-res__list li:last-child { padding: 8px; font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .checkout-res__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .checkout-res__footer .app-checkbox { color: #000; } .checkout-res__footer .app-checkbox a { color: #000; border-bottom: 1px solid #000; } .checkout-res__footer button { height: 28px; 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; font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; border: 1px solid #8e8e8e; color: #8e8e8e; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; } .checkout-res__footer:has(input:checked) button { color: #fff; background-color: #000; border-color: #000; pointer-events: all; } .checkout-ways:has(input:checked) .checkout-block__list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 16px; } .checkout-ways__radios { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 8px; } .checkout-ways__radios input { display: none; } .checkout-ways__radios label { min-height: 96px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 8px; border: 1px solid #d9d9d9; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: black; border: 1px solid #d9d9d9; cursor: pointer; } .checkout-ways__radios label span, .checkout-ways__radios label div { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .checkout-ways__radios label p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .checkout-ways__radios label .price { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .checkout-ways__radios input:checked + label { border-color: black; } .home-hero { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 10px; } .home-hero img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .home-hero video{ width:100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .home-hero__slider { position: relative; -ms-grid-column-span: 2; grid-column: span 2; } .home-hero__slider .swiper { height: 100vh; } .home-hero__image { position: relative; height: 100vh; } .home-hero__image .btn { position: absolute; bottom: 30px; left: 50%; translate: -50% 0; } .home-hero__pagination { position: absolute; bottom: 20px !important; left: 50% !important; translate: -50% 0; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; z-index: 2; } .home-hero__pagination span { height: 4px; width: 20px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 0 !important; background-color: #d9d9d9; opacity: 1 !important; } .home-hero__pagination span.swiper-pagination-bullet-active { width: 50px; background-color: #8e8e8e; } .home-collections { height: 555px; position: relative; } .home-collections img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .home-collections a { position: absolute; bottom: 30px; left: 50%; translate: -50% 0; } .catalog-page__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 48px; } .catalog-page__header .btn { height: 32px; } .catalog-page__title { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .catalog-page__products { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); /*gap: 20px;*/ } .filters-modal__content { width: 481px; padding: 64px; 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; } .filters-modal__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filters-modal__title { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .filters-modal__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: 20px; } .filters-modal__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: 20px; } .filters-modal__subtitle { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .filters-modal__sort { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 8px; } .filters-modal__sort span { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .filters-modal__sort li { width: 100%; } .filters-modal__sort label { width: 100%; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #d9d9d9; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .filters-modal__sort label div { display: none; } .filters-modal__sort label span { font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .filters-modal__sort input:checked + label { border-color: black; } .filters-modal__size { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .filters-modal__size span { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .filters-modal__size li { -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; } .filters-modal__size label { width: 100%; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #d9d9d9; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .filters-modal__size label div { display: none; } .filters-modal__size label span { font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .filters-modal__size input:checked + label { border-color: black; } .filters-modal__color { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 8px; } .filters-modal__color.subsection_filter{ grid-template-columns: repeat(9, 1fr); } .filters-modal__color.subsection_filter{ grid-template-columns: repeat(16, 1fr); } .filters-modal__color input { display: none; } .filters-modal__color label { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border: 1px solid #d9d9d9; padding: 0 16px; height: 48px; } .filters-modal__color .active label{ border-color: #000; } .filters-modal__size .active label{ border-color: #000; } .filters-modal__sort .active label{ border-color:#000; } .filters-modal__color label div { width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; } .filters-modal__color label span { font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filters-modal__color label button { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; translate: 0 2px; } .filters-modal__color input:checked + label { border-color: #000; } .filters-modal__color input:checked + label button { opacity: 1; } .filters-modal__reset { height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .catalog-pagination { padding: 48px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-pagination__button { height: 32px; background: transparent; } .catalog-pagination__list { height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 26px; } .catalog-pagination__list button { font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; color: #8e8e8e; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .catalog-pagination__list button:active { color: #000; } .catalog-pagination__list .active button { color: #000; border-bottom: 1px solid #000; } .faq-page__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 128px; } .faq-page__aside { -webkit-box-flex: 0; -ms-flex: 0 0 181px; flex: 0 0 181px; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; } .faq-page__aside ul { 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; } .faq-page__aside ul a { font-family: "Kinetika", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; /*text-transform: uppercase;*/ color: #000; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #8e8e8e; } .faq-page__aside ul a:active { color: #000; } .faq-page__aside ul .active a { color: #000; } .faq-page__title { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .faq-page__main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; max-width: 1000px; } .faq-page__subtitle { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .faq-page__list { border-top: 1px solid #d9d9d9; } .faq-item { border-bottom: 1px solid #d9d9d9; } .faq-item__header { cursor: pointer; padding: 32px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .faq-item__header svg { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .faq-item__header.active svg { rotate: 180deg; } .faq-item__content { padding: 4px 0; padding-bottom: 24px; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .installment-modal.open .modal__content { translate: -50% -50%; } .installment-modal__content { width: 516px; top: unset; bottom: unset; translate: -50% -50%; top: 50%; left: 50%; right: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px; padding-top: 64px; } .installment-modal__close { position: absolute; top: 40px; right: 40px; } .installment-modal__close img { width: 24px; height: 24px; } .installment-modal__title { font-family: "Play", sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; text-transform: uppercase; color: #000; } .installment-modal__tabs { margin: 32px 0; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .installment-modal__tabs input { display: none; } .installment-modal__tabs label { border-bottom: 1px solid #d9d9d9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: 14px; color: #8e8e8e; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor: pointer; padding: 0 25px; padding-bottom: 10px; justify-content: center; } .installment-modal__tabs input:checked + label { color: #000; border-color: #000; } .installment-modal__main { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .installment-modal__subtitle { font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .installment-modal__text { margin-top: 8px; margin-bottom: 20px; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .installment-modal__contents { width: 100%; } .installment-modal__tab { width: 100%; } .installment-modal__remind { margin-top: 20px; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .installment-modal__remind a { color: #000; border-bottom: 1px solid #000; } .installment-modal__btn { margin-top: 32px; width: 100%; height: 28px; } .installment-tab__list { padding: 12px; background-color: #f9f9f9; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); gap: 8px; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; text-transform: unset; color: #8e8e8e; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .installment-tab__list span { width: 100%; height: 1px; display: block; margin: 5px 0; background-color: #8e8e8e; } .installment-tab__list li.active { color: #000; } .installment-tab__list li.active span { background-color: #000; } .sizes-modal__content { width: 1060px; max-width: 100vw; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } .sizes-modal__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: 40px; } .sizes-modal .breadcrumbs { display: none; } .sizes-modal__title { font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .sizes-modal__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); row-gap: 20px; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; text-align: center; } .sizes-modal__remind { text-align: center; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; color: #8e8e8e !important; } .product-page__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 145px; } .product-page__gallery { width: 100vw; max-width: calc(100% - (145px + 400px)); } .product-page__gallery img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 860 / 1160; } .product-page__main { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; } .product-info { position: sticky; top: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; padding-top: 100px; } .product-info > div { display: flex; flex-direction: column; gap: 12px; } @media (max-width: 568px) { .product-info > div { display: flex; flex-direction: column; gap: 12px; } } .product-info__title { font-family: "Play", sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; text-align: left; text-transform: uppercase; } .product-info__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: 28px; } .product-info__block input { display: none; } .product-info__subtitle { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #000; } .product-info__colors { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; } .product-info__colors label { display: block; width: 20px; height: 20px; cursor: pointer; position: relative; } .product-info__colors label::after { content: ""; display: block; top: 100%; translate: 0 4px; width: 100%; height: 1px; background-color: #000; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: absolute; } .product-info__colors input:checked + label::after { opacity: 1; } #avaliability { cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .product-info__avaliability { display: none; flex-direction: column; } .product-info__avaliability > div { padding: 10px 0; display: flex; flex-direction: column; gap: 6px; } .product-info__avaliability > div:first-child { padding-top: 0; } .product-info__avaliability > div:not(:last-child) { border-bottom: 1px solid #d9d9d9; } .product-info__avaliability > div h5 { font-family: "Kinetika", sans-serif; font-weight: 600; font-size: 10px; line-height: 130%; letter-spacing: 0.06em; color: #000; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; } .product-info__avaliability > div h5 a { font-weight: 400; text-align: right; text-decoration: none; color: #000; text-wrap-mode: nowrap; white-space: nowrap; } .product-info__avaliability_list { display: flex; /*gap: 32px;*/ } .product-info__avaliability_list label { font-family: "Kinetika", sans-serif; font-weight: 400; font-size: 10px; line-height: 150%; letter-spacing: 0.06em; color: #8e8e8e; } #avaliability::after { content: ''; width: 10px; height: 10px; background-position: center; background-repeat: no-repeat; display: inline-block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 5L5 1L1 5' stroke='black' /%3e%3c/svg%3e"); transition: transform 0.3s; } #avaliability.open::after { transform: rotate(180deg); } .product-info__size .modal__link { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #8e8e8e; border-bottom: 1px solid #8e8e8e; } .product-info__sizes { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; } .product-info__sizes label { height: 32px; cursor: pointer; position: relative; font-family: "Play", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; min-width: 25px; 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; } .product-info__sizes .selected label::after { content: ""; display: block; top: 100%; width: 100%; height: 1px; background-color: #000; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: absolute; } .product-info__sizes input:checked + label::after { opacity: 1; } .product-info__sizes .unavailaible { color: #8e8e8e; pointer-events: none; } .product-info__description { font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; /*text-transform: uppercase;*/ color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .product-info__description li { list-style: disc; list-style-position: inside; } .product-info__accordeon .product-spoiler:last-child { border: none; } .product-info__accordeon .product-spoiler:first-child { border-top: 1px solid #d9d9d9; } .product-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .product-buy__header { display: none; } .product-buy__first { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-buy__cart { gap: 4px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 32px; font-size: 15px; } .product-buy__like { width: 32px; height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; padding: 0; border: 1px solid #000; } .cart-modal__items .product-buy__like { width: 16px; height: 16px; -ms-flex: 0 0 16px; flex: 0 0 16px; } .product-buy__like svg { width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; } .product-buy__like.checked svg{ fill:black; } .product-buy__installment { display:flex; justify-content: flex-start; align-items: center; gap:7px; font-size:14px; color:#000; font-family: "Play", sans-serif; } .product-spoiler { border-bottom: 1px solid #d9d9d9; font-family: "Kinetika", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; /*text-transform: uppercase;*/ color: #000; } .product-spoiler__header { cursor: pointer; padding: 32px 0; 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; text-transform: uppercase; } .product-spoiler__header svg { rotate: 90deg; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .product-spoiler__header.active svg { rotate: -90deg; } .product-spoiler__spoiler { color: #8e8e8e; } .product-spoiler__spoiler li { list-style: disc; list-style-position: inside; } .product-spoiler__spoiler div { padding-bottom: 24px; } .products-section__wrapper { padding-bottom: 10px; } .products-section__title { height: 78px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-transform: uppercase; color: #000; } .products-section__title:has(a) { justify-content: space-between; } .products-section__title a { color: #000; display: flex; align-items: center; gap: 10px; transition: .3s ease; } .products-section__title a:hover { color: #8c8c8c; } .products-section__title a path { transition: .3s ease; } .products-section__title a:hover path { stroke: #8c8c8c; } @media (max-width: 1512px) { .product-page__gallery { max-width: calc(500px + 350 * (100vw - 1024px) / 488); } } @media (max-width: 1440px) { .header__wrapper { gap: calc(24px + 16 * (100vw - 1024px) / 416); } .header__link { padding: 0 calc(12px + 8 * (100vw - 1024px) / 416); font-size: calc(12px + 2 * (100vw - 1024px) / 416); } .header-assort__image { /*-webkit-box-flex: 0;*/ /*-ms-flex: 0 0 calc(300px + 180 * (100vw - 1024px) / 416);*/ /*flex: 0 0 calc(300px + 180 * (100vw - 1024px) / 416);*/ } } @media (max-width: 1024px) { .main { padding-top: 40px; } .container { padding: 0 8px; } .btn { font-family: "Play", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; padding: 0 8px; } .slider-btn svg { width: 8px; height: 16px; } .slider-btn-prev { left: 6px; } .slider-btn-next { right: 6px; } .header__cart span { bottom: 1px; font-size: 8px; } .header__modal { display: none; } .header.menu-open .header__menu { translate: 0 0; } .header.menu-open .header__icons { opacity: 0; pointer-events: none; } .header__logo { width: 90px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } .header__menu { position: fixed; top: 40px; left: 0; right: 0; bottom: 0; translate: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 0 20px; background-color: #fff; } .header__menu .breadcrumbs { display: block; } .header__menu .breadcrumbs__list { padding: 0; } .header__menu .header__icons { opacity: 1 !important; pointer-events: all !important; 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; padding: 20px 0; } .header__menu .header__icons li a { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 10px; text-transform: uppercase; color: #000; } .header__menu .header__icons li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__wrapper { padding: 8px 0; gap: 16px; height: 40px; } .header__icons { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 16px; } .header__icons li { height: 16px; } .header__icons li a { height: 16px; font-size: 10px; font-weight: 400; line-height: 15px; letter-spacing: 0.06em; } .header__icons li:last-child { display: none; } .header__cart { margin-left: 0; width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; } .header__cart svg { width: 100%; height: 100%; } .header__burger { display: block; position: relative; width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; } .header__burger::before, .header__burger::after, .header__burger span { content: ""; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .header__burger::before { top: 2px; } .header__burger span { top: 50%; translate: 0 -50%; } .header__burger::after { bottom: 2px; } .header__burger.active span { scale: 0; } .header__burger.active::before { rotate: 45deg; translate: 0 6px; } .header__burger.active::after { rotate: -45deg; translate: 0px -5px; } .header__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; } .header__links > li { position: relative; display: flex; align-items: center; } .header__links > li:has(.header-menu-sub) a { width: 100%; } .header__links > li:has(.header-menu-sub) { position: relative; } .header__links > li:has(.header-menu-sub):after { content: ''; position: absolute; right: 0; width: 6px; height: 10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L1 9' stroke='black'/%3e%3c/svg%3e "); } .header__link { padding: 0; font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 10px; text-transform: uppercase; color: #000; } .header .breadcrumbs__list { height: 79px; } .footer__wrapper { padding: 32px 0; white-space: unset; gap: 32px; } .footer__list { width: 100%; -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; gap: 28px; } .footer__list a { font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 10px; text-transform: uppercase; color: #000; color: #f6f6f6; } .footer__copy { font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 10px; text-transform: uppercase; color: #000; } .footer-form { 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: 40px; padding-bottom: 53px; gap: 15px; } .footer-form__main { gap: 10px; } .footer-form__title { font-size: 20px; font-weight: 400; } .footer-form__actions { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .breadcrumbs__list { height: 28px; width: 100vw; margin-left: -8px; margin-right: -8px; padding-left: 8px; padding-right: 8px; overflow: auto; } .breadcrumbs__list a { font-family: "Play", sans-serif; font-size: 10px; font-weight: 700; line-height: 12px; text-transform: uppercase; color: #000; } .cart-item { gap: 8px; padding: 8px 0; } .cart-item__info { gap: 8px; } .product-card__sale { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .product-card__buy svg { width: 16px; height: 16px; } .modal__content { width: 100%; top: 40px; overflow: auto; } .cart-modal__content { padding: 0 8px; padding-bottom: 20px; gap: 0; } .cart-modal__main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cart-modal__header { display: none; } .cart-modal .breadcrumbs { display: block; } .cart-modal .breadcrumbs__list { padding: 0; } .cart-modal__subtitle { margin: 20px 0; display: block; font-family: "Play", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; } .cart-modal__items { gap: 20px; } .cart-modal__items .cart-item { border: 0; } .cart-modal__list { margin-top: 20px; margin-bottom: 20px; } .cart-modal__list li { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .cart-modal__footer { gap: 8px; } .cart-modal__btn { height: 24px; } .auth-modal__form { gap: 28px; } .checkout-page__wrapper { padding: 0; padding-bottom: 48px; gap: 0; } .checkout-page__title { font-family: "Play", sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-transform: uppercase; color: #000; padding: 10px 0; } .checkout-page__layout { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 24px; } .checkout-page__main { padding-right: 0; padding-top: 16px; padding-bottom: 16px; position: relative; } .checkout-page__main::after { content: ""; display: block; position: absolute; width: 100%; background-color: #d9d9d9; height: 1px; top: 100%; } .checkout-page__res { padding-left: 0; } .checkout-block__title { font-family: "Play", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; } .checkout-res { gap: 20px; } .checkout-res__input button { font-family: "Play", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; padding-left: 24px; padding-right: 24px; } .checkout-res__list li { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .checkout-res__list li:last-child { font-family: "Play", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; } .checkout-res__footer { gap: 16px; } .checkout-ways__radios label span, .checkout-ways__radios label div { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .checkout-ways__radios label p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: "Kinetika", sans-serif; font-size: 6px; font-weight: 400; line-height: 10px; letter-spacing: 0.06em; text-transform: uppercase; } .checkout-ways__radios label .price { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .home-hero__pagination span.swiper-pagination-bullet-active { width: 40px; } .home-hero { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 4px; } .home-hero__slider { grid-column: unset; width: 100vw; } .home-hero__slider .swiper { max-height: 302px; } .home-hero__image { max-height: 302px; } .home-hero__image .btn { padding: 0 32px; border: 1px solid #8e8e8e; } .home-collections { height: 302px; } .catalog-page__title { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .catalog-page__products { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); /*gap: 10px;*/ } .filters-modal__content { padding: 20px 8px; gap: 20px; } .filters-modal__title { font-family: "Play", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; } .filters-modal__subtitle { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .filters-modal__block { gap: 8px; } .filters-modal__sort span { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .filters-modal__sort li:nth-child(2n) { -ms-grid-column-align: start; justify-self: start; } .filters-modal__size span { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .filters-modal__color { gap: 8px; } .filters-modal__reset { height: 24px; } .filters-modal__close { display: none; } .catalog-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 12px 0; } .catalog-pagination__button { position: relative; top: unset; left: unset; translate: 0; height: 24px; } .catalog-pagination__list button { font-family: "Play", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; } .faq-page__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .faq-page__title { display: none; } .faq-page__aside { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .faq-page__aside ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; gap: 20px; overflow: auto; width: 100vw; margin-left: 0px; margin-right: 0px; /*padding-left: 8px; padding-right: 8px;*/ } .faq-page__aside ul a { font-family: "Kinetika", sans-serif; /*font-size: 8px;*/ font-weight: 400; /*line-height: 12px;*/ /*text-transform: uppercase;*/ color: #000; letter-spacing: 0.04em; } .faq-page__subtitle { font-family: "Play", sans-serif; /*font-size: 12px;*/ font-weight: 400; /*line-height: 12px;*/ text-transform: uppercase; } .faq-item__header { padding: 10px 0; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .faq-item__content { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .installment-modal__content { top: 50%; width: calc(100% - 16px); max-width: 377px; padding-top: 32px; padding-left: 16px; padding-right: 16px; padding-bottom: 24px; } .installment-modal__title { font-family: "Play", sans-serif; font-size: 10px; font-weight: 700; line-height: 12px; text-transform: uppercase; color: #000; } .installment-modal__tabs { margin: 24px 0; } .installment-modal__tabs label { font-size: 10px; padding-bottom: 8px; } .installment-modal__tabs li:nth-child(3) label{ padding-bottom:11px; } .installment-modal__tabs label img { width: 18px; height: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; } .installment-modal__close { top: 16px; right: 16px; } .installment-modal__close img { width: 16px; height: 16px; } .installment-modal__text { margin-top: 6px; margin-bottom: 12px; font-family: "Kinetika", sans-serif; font-size: 6px; font-weight: 400; line-height: 10px; letter-spacing: 0.06em; text-transform: uppercase; } .installment-modal__subtitle { font-family: "Play", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; } .installment-modal__remind { margin-top: 12px; font-family: "Kinetika", sans-serif; font-size: 6px; font-weight: 400; line-height: 10px; letter-spacing: 0.06em; text-transform: uppercase; } .installment-modal__btn { margin-top: 24px; } .installment-tab__list { font-size: 10px; padding: 6px 12px; grid-template-columns: repeat(auto-fit, minmax(37px, 1fr)); } .sizes-modal .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; } .sizes-modal__header { display: none; } .sizes-modal__content { padding: 0; padding-top: 20px; gap: 20px; } .sizes-modal__main { padding: 0 8px; gap: 20px; } .sizes-modal__grid { -ms-grid-columns: (92px)[6]; grid-template-columns: repeat(6, 92px); overflow: auto; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; margin-left: -8px; margin-right: -8px; padding-left: 8px; padding-right: 8px; } .sizes-modal__title { font-family: "Play", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-align: left; text-transform: uppercase; } .sizes-modal__remind { font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .product-page__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 7px; } .product-page__gallery { max-width: 100vw; margin-left: -8px; width: 100vw; } .product-info { position: relative; padding-top: 0; gap: 12px; } .product-info__title { font-family: "Play", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-align: left; text-transform: uppercase; display: none; } .product-info__subtitle { font-family: "Kinetika", sans-serif; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .product-info__colors label { width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; } .product-info__sizes label { height: 28px; min-width: unset; } .product-info__color { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .product-info__size { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; gap: 16px; } .product-info__size .modal__link { margin-top: 8px; } .product-info__description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; gap: 12px; font-family: "Kinetika", sans-serif; /*font-size: 8px;*/ font-weight: 400; line-height: 12px; /*text-transform: uppercase;*/ color: #000; letter-spacing: 0.04em; } .product-info__buy { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .product-info__accordeon { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .product-buy { gap: 8px; padding: 16px 10px; position: fixed; bottom: 0; left: 0px; right: 0px; background-color: #f6f6f6; z-index: 300; } .product-buy__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Play", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-align: left; text-transform: uppercase; } .product-buy__cart span:nth-child(2) { display: none; } .product-buy__installment span { font-size: 11px; } .product-spoiler { font-family: "Kinetika", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; text-transform: uppercase; color: #000; letter-spacing: 0.04em; } } @media (max-width: 568px) { .product-card__banners { gap: 8px; top: 12px; left: 8px; } .home-hero__slider .swiper { max-height: 400px; } .product-card__banners li { font-family: "Kinetika", sans-serif; font-size: 6px; font-weight: 400; line-height: 10px; letter-spacing: 0.06em; text-transform: uppercase; } .product-card__colors { left: 11px; bottom: -12px; gap: 8px; display: none; } .product-card__colors button { width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; } .catalog-page__products { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /*gap: 8px; padding: 8px 0;*/ } .products-section__title { height: 79px; 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; } .cart-modal__content { width:100%; padding:0px 23px; padding-top:30px; padding-bottom:30px; } .product-buy { padding: 12px 10px; } .product-info__description { font-size:11px; padding-top:25px; } .product-buy { z-index:98; } } @media (hover: hover) { .btn_white:hover { background-color: #000; border-color: #000; color: #fff; } .btn_black:hover { background-color: #fff; border: 1px solid #d9d9d9; color: #000; } .header-assort__main ul a:hover { color: #000 !important; } .catalog-pagination__list button:hover { color: #000; } .faq-page__aside ul a:hover { color: #000; } .product-buy__like:hover svg path { stroke: #fff; } .cart-modal__items .product-buy__like:hover svg path { stroke: #BCBCBC; fill: #BCBCBC; } } .header-search__input { position: relative; } .header-search__input input[type="text"] { text-transform: uppercase; } .header-search__input input { padding-top: 16px; padding-bottom: 16px; padding-right: 40px; border-bottom: 1px solid #1b1a19; background-color: transparent; width: 100%; font-size: 28px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-search__input button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 8px; background-color: transparent; } .header-search__footer { 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; } .header-search__labels { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-search__label { display: block; padding: 16px; border-radius: 8px; border: 1px solid #d7d7d7; color: #1b1a19; font-size: 12px; } .cart-item__count svg, .cart-item__count svg path{ pointer-events: none; } .product-buy__like svg, .product-buy__like svg path{ pointer-events: none; } @media (max-width:565px){ .wrap__NEPXc{ bottom:81px!important; } } @media (max-width: 568px) { .product-content .breadcrumbs__list { padding-top: 20px; padding-bottom: 20px; } jdiv { } .button__bBlDt { bottom: 90px; } } .filters-modal__color.subsection_filter label{ height: 40px; padding: 0 10px; text-align: center; } @media (max-width: 1024px) { .filters-modal__color.subsection_filter{ grid-template-columns: repeat(10, 1fr); } } @media (max-width: 768px) { .filters-modal__color.subsection_filter{ grid-template-columns: repeat(7, 1fr); } } @media (max-width: 568px) { .filters-modal__color.subsection_filter{ grid-template-columns: repeat(4, 1fr); } } @media (max-width: 375px) { .filters-modal__color.subsection_filter{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .filters-modal__color.subsection_filter{ grid-template-columns: repeat(4, 1fr); } } @media (max-width: 568px) { .filters-modal__color.subsection_filter{ grid-template-columns: repeat(2, 1fr); } } .collection__item { position: relative; border: 1px solid #eeeeee; color:black; display: flex; flex-direction: column; } .collection__item .collection__img { background-color: #f6f6f6; position: relative; max-width:467px; flex: 1; overflow: hidden; } .collection__item .collection__img img{ width:100%; height:100%; object-fit: contain; object-position: top; } .collection__item .collection__img .shower-photo{ position: absolute; opacity: 0; cursor: pointer; width: 100%; } .collection__item:hover .collection__img .shower-photo { opacity: 1; } .collection__item:hover .collection__img .original-photo { opacity: 0; } .collection__item .collection__img .switch-image { cursor: pointer; display: block; transition: 0.3s ease; /*background-color: #F8F8F8;*/ background-size: contain !important; } .collection__item .collection__img .collection__colors_wrap { position: absolute; background-color: #eeeeee; left: 0; bottom: 0; width: 100%; padding: 5px 20px; display: none; } .collection__item .collection__img .collection__colors_wrap .collection__colors_list { gap: 10px; } .collection__item .collection__img .collection__colors_wrap .collection__colors_list .card__color_label { --border-size: 14px; padding: 2px; } .collection__item .collection__img .collection__colors_wrap .collection__colors_list .card__color_label::after { --circle: 10px; } .collection__item:hover .collection__follow_btn, .collection__item._current .collection__follow_btn { opacity: 1; pointer-events: all; } .collection__item:hover .inStock__info_item, .collection__item:hover .collection__colors_wrap, .collection__item._current .inStock__info_item, .collection__item._current .collection__colors_wrap { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .collection__item:hover .collection__price, .collection__item._current .collection__price { /*display: none;*/ } .collection__item_info { padding: 12px 19px 20px; gap: 4px; } .collection__item_info .collection__details { gap: 5px; } .collection__item_info .collection__details .collection__price { font-family: var(--second-family); } .collection__item_info .collection__details .collection__price .prev_price { padding-left: 8px; text-decoration: line-through; color: #8e8e8e; } .collection__item_info .collection__details .collection__addCart_btn { --size: 18px; width: var(--size); height: var(--size); min-width: var(--size); min-height: var(--size); max-width: var(--size); max-height: var(--size); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .collection__item_info .collection__details .collection__addCart_btn svg{ min-width:20px; } .collection__item_info .collection__details .collection__addCart_btn:hover svg path { stroke: #8e8e8e; fill: #8e8e8e; } .collection__item_info .collection__details .collection__addCart_btn:active svg path { stroke: #000000; fill: #000000; } .collection__item_info .collection__details .inStock__info_item { display: none !important; gap: 20px; } ._item_colors .card__color_radio { position: absolute; opacity: 0; width: 0; height: 0; display: none; } .collection__item .product-card__percent { /*background-color: #F99760; color: #FFFFFF;*/ background-color:transparent; color:#8e8e8e!important; } .collection__item .collection__img .collection__colors_wrap .collection__colors_list .card__color_label { width: 14px; height:14px; border-radius: 50%; padding: 2px; display:block; } ._item_colors .card__color_label:hover { border: 1px solid #000000; } .inStock__info_item ._non_avaible { color: #8e8e8e; } .collection__adverting { position: absolute; /*top: 19px; left: 19px;*/ top: 0px; left: 0px; gap: 10px; } .collection__adverting > * { padding-left: 4px; padding-right: 4px; } .collection__adverting .collection__count { color: #ffffff; } .collection__adverting .collection__count._orange { background-color: #f89760; } .collection__adverting .collection__count._green { background-color: #0eba7d; } .collection__adverting .collection__online { color: #8e8e8e; background-color: #e8e8e8; } .collection__follow_btn { --size: 16px; position: absolute; top: 19px; right: 19px; width: var(--size); height: var(--size); min-width: var(--size); min-height: var(--size); max-width: var(--size); max-height: var(--size); opacity: 0; pointer-events: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .collection__follow_btn.checked svg path{ fill: #8e8e8e; stroke: #8e8e8e; } .collection__follow_btn:hover svg path { fill: #8e8e8e; stroke: #8e8e8e; } .collection__follow_btn:active svg path { fill: #000000; stroke: #000000; } ._flex_sb_center { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } ._flex_col { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } ._flex_start_center { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; } ._text_up { text-transform: uppercase; } @media screen and (max-width: 768px) { .collection__item_info { padding: 8px 15px 32px; } .collection__item_info .collection__details .inStock__info_item, .collection__item_info .collection__details .collection__addCart_btn { display: none !important; } .collection__item .collection__colors_wrap { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; background-color: transparent !important; padding: 5px 16px !important; bottom: 6px !important; } .collection__item .collection__colors_wrap .collection__colors_list { gap: 8px !important; } .collection__item:hover .collection__colors_wrap, .collection__item:hover .collection__price { display: -webkit-box; display: -ms-flexbox; display: flex; } .collection__item .collection__img { position: static; } .collection__adverting span { font-size: 13px; } .collection__adverting .collection__online { display: none; } } @media screen and (max-width: 768px) { .home-hero__nav.slider-btn.slider-btn-prev.home-hero__nav_prev { width: 30px; height: 30px; } .home-hero__nav.slider-btn.slider-btn-next.home-hero__nav_next { width: 30px; height: 30px; } } .constructor-info-detail{ padding-top:0px; } @media(max-width:768px){ .constructor-gallery-detail .product-content__slider{ border:none; } } @media(max-width:568px){ .constructor-info-detail{ padding-top:20px; } } /* End */ /* Start:/local/templates/new_tpl/assets/css/custom2.css?178038377231402*/ .bx-sls .dropdown-block { height: 28px; border: 0px solid #d9d9d9; padding-left: 0px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position:relative; background:#fff; } .bx-sls .dropdown-block-ui { font-size: 14px; padding: 0 22px 0 30px; position: relative; background-color: #fff; margin-top: 5px; } .bx-sls .dropdown-arrow { background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center; height: 100%; top: 0; right: 0; position: absolute; width: 22px; } .bx-sls .bx-ui-sls-container { /*overflow: hidden;*/ min-height: 20px; } .bx-sls .bx-ui-sls-pane { border: 1px solid #bdbdbd; border-radius: 2px; -webkit-box-shadow: 0 2px 3px #c7c7c7; box-shadow: 0 2px 3px #c7c7c7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; max-height: 200px; overflow-y: auto; left: 0; top: 35px; padding: 5px 5px 3px 5px; position: absolute; width: 100%; } .bx-sls .dropdown-active .bx-ui-sls-pane { display: block; } .bx-sls .bx-ui-sls-variants { list-style: none; margin: 0; padding: 0; } .bx-sls .dropdown-item { padding: 7px 4px 7px 10px; } .bx-sls .dropdown-item:hover { background-color: #f1f3f5; cursor: pointer; } .bx-sls .dropdown-img { border: 0; display: inline-block; height: 12px; margin: 3px 12px 0 0; vertical-align: top; width: 16px; } .bx-sls .dropdown-item-text { color: #aba8ac; display: contents; vertical-align: top; width: 100%; } .bx-sls .dropdown-item-text span { color: #25282c; } .bx-sls .dropdown-list-title { border-bottom: 1px solid #e5e5e5; height: 37px; line-height: 37px; padding-left: 8px; } .bx-sls .dropdown-icon { background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center; height: 14px; left: 10px; position: absolute; top: 10px; width: 14px; } .bx-sls .quick-locations { margin-bottom: 5px; } .bx-sls .quick-location-tag { background-color: #f2f5f8; border: 1px solid #cad3dc; border-radius: 3px; color: #1e55b9; display: inline-block; font-size: 15px; height: 27px; line-height: 26px; margin: 0 3px; padding: 0 14px; text-decoration: none; margin-bottom: 10px; } .bx-sls .quick-location-tag:hover { background-color: #fafafa; } .bx-sls .dropdown-fade2white { width: 46px; height: 31px; position: absolute; top: 2px; right: 0; background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%); background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%); background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%); background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1); } .bx-sls .bx-ui-sls-clear { background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width: 30px; height: 30px; cursor: pointer; cursor: hand; margin-top: 2px; position: absolute; top: 0; right: 0; display: block; } .bx-sls .bx-ui-sls-clear:hover { background-position: 6px -3418px; } .bx-sls .bx-ui-sls-loader { background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat: no-repeat !important; background-position: right -1px !important; width: 30px; height: 30px; position: absolute; top: 3px; right: 2px; display: none; } .bx-sls .bx-ui-sls-go-edit { display: none; } .bx-sls .bx-ui-sls-pane { max-height: 300px; } .bx-sls input::-ms-clear { display: none; } .bx-sls input[type="text"] { position: relative; } .bx-sls .bx-ui-sls-fake,.bx-sls .bx-ui-sls-route { position: absolute !important; left:0px; font-size: 16px; font-weight: 300; color: #1b1a19; width:100%; padding:initial; padding-left: 8px; } .bx-sls .bx-ui-sls-route { color: #aba8ac !important; opacity:0; } .bx-sls .bx-ui-sls-pane { z-index: 999; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #8e8e8e; background-color: #d9d9d9; padding:0!important; margin-top:-8px; width: calc(100% + 2px); left: -1px; display:none; } .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,.bx-sls .bx-ui-sls-error { padding: 0 0 0 8px; width: 100%; font-size: 12px; font-weight: 300; color: #8e8e8e; background-color: #ffffff; cursor: pointer; height: 24px; display:flex; justify-content: flex-start; align-items: center; } .bx-sls .bx-ui-sls-error { color: #f22; padding-left: 30px; position: relative; } .bx-sls .bx-ui-sls-error div { position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll; } .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,.bx-sls .bx-ui-sls-variant-active { background-color: #e0e8ea; } .adm-sls-edit-link { margin-top: 10px; } .bx-admin-mode .bx-sls-go-edit { margin-left: 10px; display: none; } .bx-admin-mode .dropdown-block { border-color: #87919c #959ea9 #9ea7b1; border-radius: 4px; -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset; height: 25px; } .bx-sls.bx-admin-mode .bx-ui-sls-fake,.bx-sls.bx-admin-mode .bx-ui-sls-route { height: 25px; } /**/ .app-checkbox:has(input[type=radio]) label div { border-radius: 50%; } .app-checkbox:has(input[type=radio]) label div::before { border-radius: 50%; } /**/ .app-checkbox label[for=ORDER_PROP_33] span { max-width: 570px; } /**/ .checkout-res__footer button { height: 44px; } /**/ .breadcrumbs__list li:last-child { pointer-events: none; } .breadcrumbs__list a::after { padding: 0 4px 0 2px; } body:has(.order-content) .breadcrumbs__list a::after { padding: 0 4px; } @media (max-width: 1024px) { .header__menu .breadcrumbs .container { padding: 0 8px; } } /**/ .installment-modal__remind a.active { display: inline; } /**/ #cart { display: flex; flex-direction: column; gap: 20px; } /**/ .btn { height: 44px; } .app-input { gap: 4px; position: relative; } .app-input input { height: 44px; } .app-input input.error { border-color: #FF0001; } .app-input #promocode-error-field { position: absolute; bottom: -20px; } .app-input:has(.error) #promocode-error-field { color: #FF0001; text-transform: initial; } .with-btn:has([onclick='removeCertificate();']) .app-input input.filled { border-color: #0FBA7D; pointer-events: none; } .with-btn:has([onclick='removeCertificate();']) .app-input #promocode-error-field { color: #0FBA7D; text-transform: initial; } #noauthorized_coupon { margin-top: -20px; color: #FF0001; text-transform: initial; } #loyalty-error-field { margin-top: -20px; color: #0FBA7D; text-transform: initial; } .promocode-block:has(input.filled) ~ .loyalty-block { display: none; } .loyalty-block:has(input.filled) ~ .promocode-block { /*display: none;*/ } .checkout-block__list.with-btn .btn { height: 44px; border: 1px solid #000; min-width: 130px; } .cart-modal__btn { height: 44px; } .product-buy__cart { height: 44px; } .product-buy__like { width: 44px; height: 44px; flex: 0 0 44px; } .installment-modal__btn { height: 44px; } .home-hero__image .btn { height: 44px; padding: 0 40px; } .home-collections a { height: 44px; padding: 0 40px; } .footer-form__radios label div::after { width: 10px; height: 10px; -ms-flex: 0 0 10px; flex: 0 0 10px; } .auth-modal__footer .btn { height: 44px; -ms-flex: 0 0 44px; flex: 0 0 44px; } .catalog-page__header { margin-top: 20px; } @media (max-width: 568px) { .catalog-page__header { margin-top: 12px; } } .catalog-page__header .btn { height: 44px; } @media (max-width: 568px) { .catalog-page__header .btn { height: 32px; font-size: 10px; } } @media (max-width: 568px) { .catalog-page__title { font-size: 10px; } } /**/ .account-nav { height: 100%; border-right: none; position: sticky; top: 110px; z-index: 0; } @media (max-width: 1024px) { .account-nav { position: initial; } } .account-history { padding: 45px 100px; } @media (max-width: 768px) { .account-history { padding: 16px; } } .account__content { border-left: 1px solid #d7d7d7; z-index: 2; } body:has(.history-detail.show) { overflow: hidden; } .history-detail { padding: 45px 100px; } @media (max-width: 768px) { .history-detail { padding: 0; position: fixed; } } .history-detail__wrapper { position: fixed; width: 100%; } @media (max-width: 768px) { .history-detail__wrapper { top: 40px; } } .history-detail__content { overflow-y: auto; max-height: calc(100dvh - 230px); padding-right: 30px; } @media (max-width: 568px) { .history-detail__content { max-height: calc(100dvh - 100px); padding-right: 12px; } } .history-detail__item { gap: 32px; } @media (max-width: 768px) { .history-detail__item { gap: 24px; } .account-history__item { font-size: 12px; gap: 4px; } } @media (max-width: 568px) { .history-detail__item { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); gap: 16px; } } .history-detail__item .product-card__content { padding: 16px 0; } @media (max-width: 568px) { .history-detail__item .product-card__content { padding-bottom: 0; } } /**/ @media (max-width: 1024px) { .breadcrumbs__list { width: 100%; } } /**/ @media (max-width: 568px) { .product-card__title.body-text { font-size: 11px; } } /**/ @media (max-width: 1024px) { .header__links > li:has(.header-menu-sub) a { display: flex; gap: 6px; align-items: center; width: 100%; } .header__links > li:has(.header-menu-sub) a:has(sup) { width: fit-content; } } .header-menu__header .breadcrumbs__list a::after { content: none; } .header-back::before { content: ''; display: block; width: 6px; height: 10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L1 9' stroke='black'/%3e%3c/svg%3e "); rotate: 180deg; } /**/ @media (max-width: 568px) { .app-checkbox label { font-size: 12px; } } /**/ @media (max-width: 568px) { .order-checkout .checkout-res__main { padding-bottom: 60px; } .order-checkout .checkout-res__footer { position: fixed; bottom: 0; left: 0; padding: 12px; background: #f6f6f6; } } /**/ @media (max-width: 1024px) { .checkout-res__list li { font-size: 12px; line-height: 14px; } } /**/ @media (max-width: 568px) { body > jdiv > jdiv > jdiv { transition: .7s ease; z-index: 90 !important; } body:has(.product-content) > jdiv > jdiv > jdiv { bottom: 110px !important; } body:has(.order-content) > jdiv { display: none !important; } body:has(.product-content .product-buy__installment.hidden-block) > jdiv > jdiv > jdiv { bottom: 140px !important; } body:has(.product-content .product-buy[style="position: relative;"]) > jdiv > jdiv > jdiv { bottom: 0 !important; left: calc(100% - 95px); } } /**/ @media (max-width: 568px) { .product-buy[style="position: relative;"] { height: 0; overflow: hidden; padding: 0; } } /**/ .product-card__banners { flex-direction: column; gap: 4px; align-items: flex-start; } @media (max-width: 568px) { .product-card__banners li { font-size: 8px; line-height: 1; padding: 4px; } } /**/ @media (max-width: 1024px) { .footer__wrapper { padding: 32px 0 62px 0; } } /**/ html { scroll-behavior: smooth; } .btn-up[hidden] { opacity: 0; pointer-events: none; } .btn-up{ width: 54px; height: 54px; border-radius: 100%; background: #000000; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 100px; left: 24px; z-index: 10; cursor: pointer; opacity: 1; transition: .3s ease; } /**/ .cart-modal__content { padding: 32px; } @media (max-width: 568px) { .cart-modal__content { width: 100%; padding: 0px 23px; padding-top: 30px; padding-bottom: 30px; } } /**/ input.need-to-fill { color: red; } /**/ .order-content .order-modal { } .order-content .order-modal .installment-modal__title { font-family: "Play", sans-serif; font-weight: 400; font-size: 20px; line-height: 120%; text-transform: uppercase; color: #000; margin-bottom: 20px; width: 100%; } .order-content .order-modal .modal__content { max-width: 842px; width: 100%; max-height: 80dvh; padding: 40px 120px 80px 120px; translate: -50% -45%; } @media (max-width: 568px) { .order-content .order-modal .modal__content { width: 94%; max-height: calc(100% - 70px); padding: 40px 24px; translate: -50% -48%; } } .order-content .order-modal .installment-modal__main, .order-content .order-modal .installment-modal__main * { text-align: left; font-family: "Kinetika", sans-serif; font-weight: 400; font-size: 12px; line-height: 130%; color: #000; } @media (max-width: 568px) { .order-content .order-modal .installment-modal__main, .order-content .order-modal .installment-modal__main * { font-size: 10px; } } .order-content .order-modal .installment-modal__main a { text-decoration: underline; text-decoration-skip-ink: none; } /**/ .product-info .product-info__avaliability { display: initial; } #avaliability::after { display: none; } .product-info__avaliability_list li { list-style: none; } .faq-page__aside { padding-bottom: 80px; } @media (max-width: 768px) { .faq-page__aside { padding-bottom: 0px; } } /**/ .help-nav__item[data-tab="help-695"] { order: 1; } .help-nav__item[data-tab="contacts-callback"] { order: 11; } .help-nav__item[data-tab="contacts-address"] { order: 3; } .help-nav__item[data-tab="help-405"] { order: 4; } .help-nav__item[data-tab="help-406"] { order: 5; } .help-nav__item[data-tab="help-407"] { order: 7; } .help-nav__item[data-tab="help-408"] { order: 6; } .help-nav__item[data-tab="help-680"] { order: 2; } .help-nav__item[data-tab="help-679"] { order: 9; } .help-nav__item[data-tab="help-678"] { order: 8; } .help-nav__item[data-tab="help-748"] { order: 10; } /**/ .guide-table__header:has(:nth-child(9)), .guide-table__header:has(:nth-child(9)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [9]; grid-template-columns: repeat(9, 1fr); } .guide-table__header:has(:nth-child(10)), .guide-table__header:has(:nth-child(10)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [10]; grid-template-columns: repeat(10, 1fr); } .guide-table__header:has(:nth-child(11)), .guide-table__header:has(:nth-child(11)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [11]; grid-template-columns: repeat(11, 1fr); } .guide-table__header:has(:nth-child(12)), .guide-table__header:has(:nth-child(12)) ~ .guide-table__grid { -ms-grid-columns: (1fr) [12]; grid-template-columns: repeat(12, 1fr); } /**/ @media (max-width: 1024px) { .container { padding: 0 18px; } } @media (max-width: 568px) { .container { padding: 0 8px; } } .checkout-block__list.with-btn li { width: 100%; max-width: calc(100% - 88px - 16px); } /**/ .footer-form__input button { z-index: 1; } /**/ @media (max-width: 1024px) { .cart-modal__list li { font-size: 11px; line-height: 14px; } } /**/ .cart-item__main > div { width: 100%; gap: 20px; } @media (max-width: 568px) { .cart-item__right .cart-item__price { flex-direction: column; } } .cart-item__remove { height: auto; } @media (max-width: 1024px) { .cart-modal .breadcrumbs .container { padding: 0 8px; } } /**/ @media (max-width: 992px) { .header__logo svg { width: 104px; } } /**/ .home-arrival__header { padding: 24px 0; } @media (max-width: 768px) { .home-arrival__header { padding: 16px 0; } } /**/ @media (max-width: 1024px) { .product-page__gallery { margin-left: -18px; } } /**/ @media (max-width: 568px) { .product-card.swiper-slide { aspect-ratio: initial !important; } .catalog-content__main.detail { gap: 10px; } } /**/ .cart-item__name a { color: #000; font-size: 14px; } .cart-item__name a:hover { text-decoration: underline; } /**/ .footer__list.footer__list-meta { font-size: 10px; color: #f6f6f6; text-transform: none; margin-top: -25px; text-align: center; } @media (max-width: 568px) { .footer__list.footer__list-meta { text-align: left; margin-top: -10px; } } /**/ .footer-form__input { border-bottom: 1px solid #ababab; width: 100%; justify-content: space-between; } .footer-form__input input { height: 47px; border-bottom: none; width: calc(100% - 47px); padding-left: 8px; padding-right: 40px; font-family: "Play", sans-serif; background-color: transparent; font-size: 14px; line-height: 16.2px; color: #fff; } .mailing-form button { height: 47px; width: 47px; align-items: center; justify-content: center; position: initial; translate: none; } /**/ @media (max-width: 568px) { .account-history__list { overflow-x: auto; } } .account-history__item:has(.account-history__status) { grid-template-columns: 70px 1fr 80px 150px 80px 90px; gap: 24px; } @media (max-width: 568px) { .account-history__item:has(.account-history__status) { grid-template-columns: 60px 130px 60px 120px 62px 76px; gap: 16px; } } .account-history__status { font-size: 14px; } /**/ .constructor-color { margin-top: 16px; } .constructor-checkbox { margin-top: 16px; } .constructor-color__input input { border-radius: 0; } .constructor-checkbox .order-checkbox__span { font-size: 14px; } @media (max-width: 568px) { .constructor-checkbox .order-checkbox__span { font-size: 12px; } } /**/ .product-info__size .modal__link { font-size: 12px; color: #000; } /**/ @media (max-width: 568px) { .account-wishlist__wrapper .catalog-content__main:not(:has(.product-card)) { /*display: flex;*/ /*height: 60dvh;*/ /*align-items: center;*/ /*justify-content: center;*/ } .account-wishlist__wrapper .catalog-content__main:not(:has(.product-card)) p { max-width: 70%; text-align: center; } } /**/ .contacts-callback__item:last-child { /*padding: 0;*/ } .contacts-address__image { margin-top: 0px; } .help-tab__wrapper:has(.help-tab__wrapper) { gap: 52px; } /**/ .product-spoiler__spoiler:has(#stock_availabels) > p { margin-bottom: 16px; margin-top: -20px; line-height: 1.3; } .product-spoiler__spoiler div { padding-bottom: 28px; } /**/ .product-size__link { cursor: pointer; } .close-btn { cursor: pointer; } .product-guide__close svg { /*width: 26px;*/ /*height: 26px;*/ } /**/ .product-spoiler__header { padding: 28px 0; } .product-spoiler { font-size: 12px; } .product-spoiler__spoiler { color: #1e1e1e; text-transform: none; font-size: 12px;; } @media (max-width: 568px) { .product-spoiler__spoiler { line-height: 1.5; } } .product-info__avaliability > div h5 { font-size: 11px; gap: 32px; color: #1e1e1e; font-weight: 500; } .product-info__avaliability_list label { font-size: 11px; } /* */ .product-card__content { padding: 0 40px 0 10px; margin-top: 10px; } .rees46-recommend { margin-bottom: 32px; } .rees46-recommend .product-card .product-card__content:after { bottom: initial; } /**/ .filters-modal__color.subsection_filter { grid-template-columns: repeat(auto-fill, minmax(102px, 1fr)); } @media (max-width: 768px) { .filters-modal__color.subsection_filter { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } } /**/ .header-cart__footer { position: relative; } .header-cart__footer .arrow { } .header-cart__arrow_prev { left: -20px; } @media (max-width: 568px) { .header-cart__arrow_prev { left: -10px; } } .header-cart__arrow_next { right: -20px; } @media (max-width: 568px) { .header-cart__arrow_next { right: -10px; } } .header-cart__products { max-width: 100%; padding: 0; margin: 0; } /**/ #stylist_register_form .app-input label { display: none; } form[action='/include/form/profile-stylist.php'] .app-input label { display: none; } .app-input input[name=DOC_FILE] { width: 100%; position: relative; } #stylist_register_form .app-input #fileInputButton { position: absolute; } /**/ .card__options_wrap { width: 100%; max-width: 400px; } .card__option_item .generation { display: flex; flex-direction: column; gap: 20px; } .card__option_item .generation * { font-family: var(--font-family); } .card__option_item .generation h3, .card__option_item .generation .h3 { font-size: 14px; color: #000000; line-height: 130%; text-transform: uppercase; font-family: var(--font-family); } .card__option_item .generation ul { display: flex; flex-direction: column; gap: 4px; padding-left: 17px; } .card__option_item .generation ul li { list-style: disc; font-size: 14px; line-height: 140%; color: #000; } .card__option_item .generation div { display: flex; flex-direction: column; gap: 12px; } /**/ .header-clTabForm.header-popup.open { z-index: 999; } .header-clTabForm .header-clTabForm__content.header-popup__wrapper { height: fit-content; } .header-clTabForm__body { display: flex; flex-direction: column; gap: 12px; } .header-clTabForm .header-clTabForm__text.body-text { display: flex; flex-direction: column; gap: 6px; } .header-clTabForm .header-clTabForm_button button { margin: 0; } /**/ .collection__item .collection__img .collection__colors_wrap { background-color: #f6f6f6; } @media (max-width: 568px) { .collection__item .collection__img .collection__colors_wrap { padding-top: 10px !important; } } /**/ .sizing__table_wrap .sizing__table tbody tr td { line-height: 1.2; } .sizing__table_wrap .sizing__table tbody tr td:nth-child(1) { white-space: inherit !important; } /**/ ._stock_out { /*display: none !important;*/ /*opacity: 0;*/ } .card__size_item:has(._text_up[name='-']) { display: none !important; opacity: 0; } /**/ .app-input #promocode-error-field { line-height: 1; width: 100vw; } @media (max-width: 568px) { .checkout__flex-header { flex-direction: column; align-items: flex-start; gap: 20px; } } /**/ .checkout-ways__radios label { min-height: auto; position: relative; } .checkout-ways__radios label[for="ID_DELIVERY_ID_7"] div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: "Kinetika", sans-serif; font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .checkout-ways__radios label p .btn { font-size: 12px; height: auto; text-align: left !important; justify-content: flex-start; padding: 0 !important; text-transform: initial; font-family: "Kinetika", sans-serif; } @media (max-width: 568px) { .checkout-ways__radios label p .btn { font-size: 10px; } } /**/ @media (max-width: 568px) { .app-checkbox label[for="agreement"] span { max-width: 90%; } } /**/ .checkout-ways__radios label:has(.yadeliv-btn-select) { padding-bottom: 25px; } @media (max-width: 568px) { .checkout-ways__radios label:has(.yadeliv-btn-select) { /*padding-bottom: 35px;*/ } } p:has(.yadeliv-btn-select) { position: absolute !important; height: 100%; width: 100%; /*background: antiquewhite;*/ left: 0; top: 0; display: flex !important; align-items: flex-end; } p:has(.yadeliv-btn-select) .btn.yadeliv-btn-select { padding: 8px !important; height: 100%; display: flex; align-items: flex-end; } /**/ .other__things { max-width: 1920px; margin: auto; } /**/ @media (max-width: 568px) { .footer__wrapper { padding-top: 0; padding-bottom: 50px; } .footer__wrapper nav { width: 100%; } .footer__list { flex-direction: row; } .footer__copy { margin-top: 30px; } } /**/ .account-wishlist__wrapper .catalog-content__main { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); } @media (max-width: 568px) { .account-wishlist__wrapper .catalog-content__main { display: grid !important; grid-template-columns: repeat(2, 1fr); } } .account-wishlist__wrapper .catalog-content__main .collection__item { align-items: center; } .account-wishlist__wrapper .catalog-content__main .collection__item .collection__item_info { width: 100%; } .account-wishlist__wrapper .catalog-content__main .collection__item:has(button.collection__follow_btn:not(.checked)) { display: none; } .collection__item_info .collection__details .collection__addCart_btn.none { display: none; } @media (max-width: 568px) { .account-wishlist .collection__follow_btn { opacity: 1; } } @media screen and (max-width: 768px) { .collection__item_info { padding: 8px 15px 38px; } } /**/ .modal__wrap._side .inStock__info_item .inStock__store_phone span { color: #8e8e8e; transition: all 0.5s ease; } .modal__wrap._side .inStock__info_item .inStock__store_phone:hover span { color: #000; transition: all 0.5s ease; } @media (max-width: 568px) { .modal__wrap._side .inStock__info_item p { flex-direction: column; gap: 8px; } .modal__wrap._side .inStock__info_item time { text-align: left; } } .help-accordion { line-height: 150%; } #store-spoiler span, .card__giftItem_btn span{ font-size: 14px!important; } /**/ @media (max-width: 1280px) { .header__cart { margin: 0; } .header__wrapper { gap: calc(20px + 16 * (100vw - 1024px) / 416); } } @media (max-width: 1024px) { .header__wrapper { gap: 16px; } } /**/ ._sideModal-slider .swiper-slide.swiper-slide-active .side__slider_wrap { padding: 0 !important; border: none !important; } ._sideModal-slider .swiper-slide.show .side__slider_wrap { padding-bottom: 3px !important; border-bottom: 1px solid #000000 !important; } /**/ .footer-cookie_cover { height: auto; width: 100%; display: flex; justify-content: flex-end; gap: 20px; position: fixed; bottom: 32px; right: 32px; z-index: 99999; max-width:610px; } @media (max-width: 568px) { .footer-cookie_cover { flex-direction: column-reverse; right: 16px; width: calc(100% - 32px); } } .footer-cookie_notice { position: initial; border: 1px solid #d9d9d9; width: 100%; max-width: 610px; padding: 20px; background: #fff; } @media (max-width: 640px) { .footer-cookie_notice { flex-direction: row; } } @media (max-width: 640px) { .footer-cookie_notice .footer-cookie_desc, .footer-cookie_notice .footer-cookie_desc a { text-align: left; } } .cookie_vpn { display: none; align-items: center; gap: 16px; border: 1px solid #d9d9d9; max-width: 350px; padding: 20px; background: #fff; } @media (max-width: 568px) { .cookie_vpn { max-width: 100%; } } .footer-cookie_notice .footer-cookie_desc, .footer-cookie_notice .footer-cookie_desc a { font-family: var(--font-family); font-size: 11px; line-height: 140%; text-transform: uppercase; color: #000; } .cookie_vpn .footer-cookie_desc, .cookie_vpn { font-family: var(--font-family); font-size: 11px; line-height: 140%; text-transform: uppercase; color: #000; } .footer-cookie_notice .footer-cookie_accept, .cookie_vpn .footer-vpn_accept { border: 1px solid #8e8e8e; padding: 10px 24px; width: auto; background: #fff; font-family: "Play", sans-serif; font-weight: 400; font-size: 14px; line-height: 140%; text-transform: uppercase; text-align: justify; color: #000; } .footer-cookie_notice .footer-cookie_accept:hover, .cookie_vpn .footer-vpn_accept:hover { border: 1px solid #000000; background: #000000; color: #FFFFFF; } /**/ .card__options_wrap .card__option_item._item_size .card__size_list .card__size_item .card__size_btn { width: fit-content; max-width: fit-content; padding: 3px 6px; } /**/ .collection__item_info { position: relative; } .catalog-item-sizes { display: flex; gap: 6px; position: absolute; top: 0; left: 0; padding: 12px 19px 4px; width: calc(100% - 38px); background: #f6f6f6; opacity: 0; transition: all 0.5s ease; } @media (max-width: 1024px) { .catalog-item-sizes { display: none; } } .collection__item h4 { opacity: 1; transition: all 0.5s ease; } .collection__item:hover h4 { opacity: 0; } .collection__item:hover .catalog-item-sizes { opacity: 1; } .catalog-item-sizes span { text-transform: uppercase; font-family: "Inter", sans-serif; font-size: 14px; color: #000; } .catalog-item-sizes span.unavailable { color: #8e8e8e; } /* End */ /* Start:/local/templates/new_tpl/assets/css/suggestions.css?17490415504242*/ .suggestions-nowrap { white-space: nowrap; font-size: 12px!important; text-transform: lowercase; } /** * Основной INPUT */ .suggestions-input { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-weight: 400; line-height: 20px; color: #000; font-size: 12px; } .suggestions-input::-ms-clear { display: none; } .suggestions-wrapper { position: relative; margin: 0; padding: 0; vertical-align: top; -webkit-text-size-adjust: 100%; background: #fff!important; } /** * Выпадающий блок с найденными подсказками */ .suggestions-suggestions { background: #fff!important;; /*border: 1px solid #999;*/ -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; left: 0; min-width: 100%; position: absolute; z-index: 9999; -webkit-text-size-adjust: 100%; color: #aba8ac!important; border: 1px solid #999!important; background-color: #fff!important; } .suggestions-suggestions strong { font-weight: normal; color: #25282c!important; border: none!important; font-size: 12px!important; text-transform: lowercase; margin-right:-7px!important; } .suggestions-suggestions.suggestions-mobile { border-style: none; border: none!important; } .suggestions-suggestions.suggestions-mobile .suggestions-suggestion { /*border-bottom: 1px solid #ddd;*/ border: none!important; } /** * Контейнер для одной подсказки */ .suggestions-suggestion { padding: 4px 8px!important; overflow: hidden; background: #fff!important; border: none!important; } .suggestions-suggestion:hover { background: #e0e8ea!important; border: none!important; } .suggestions-suggestion:hover .suggestions-value { background: #e0e8ea!important; } /** * Выбранная (активная) подсказка */ .suggestions-selected { border: none!important; background: #fff!important; } .suggestions-selected:hover { background: #fff!important; border: none!important; } /** * Информационный блок в верхней части выпадашки с подсказками */ .suggestions-hint { padding: 4px 4px; white-space: nowrap; overflow: hidden; color: #777; font-size: 12px; line-height: 20px; display: none!important; background: #fff!important; border: none!important; text-transform: lowercase; } /** * Дополнительный текст в подсказке, который идет второй строкой */ .suggestions-subtext { color: #777; border: none!important; } /** * Размещает дополнительный текст в одну строку с основным текстом подсказки */ .suggestions-subtext_inline { display: inline-block; min-width: 6em; vertical-align: bottom; margin: 0 0.5em 0 0; background: #fff!important; } /** * Разделитель нескольких дополнительных текстов */ .suggestions-subtext-delimiter { display: inline-block; width: 2px; background: #fff!important; } /** * Выделяет подсказку */ .suggestions-subtext_label { margin: 0 0 0 0.25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 3px; background: #fff!important; font-size: 12px; text-transform: lowercase; } .suggestions-value[data-suggestion-status="LIQUIDATED"] { position: relative; background: #fff!important; } .suggestions-value[data-suggestion-status="LIQUIDATED"]:after { position: absolute; left: 0; right: 0; top: 50%; /*border-top: 1px solid rgba(0, 0, 0, 0.4);*/ content: ""; background: #fff!important; } .suggestions-value { /*background: #fff!important;*/ padding-top: 0!important; padding-bottom: 0!important; font-size: 12px!important; text-transform: lowercase!important; } .suggestions-value:hover { /*background: #e0e8ea!important;*/ } /** * Промо-блок */ .suggestions-promo { font-size: 85%; display: none !important; color: #777; padding: 4px; text-align: center; } /* End */ /* Start:/local/components/intensa/mailing.subscribe/templates/modal/style.css?17410236692620*/ .mailing-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(18, 18, 18, 0.3); z-index: 100; } .mailing-modal.hidden { display: none; } .mailing-modal__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 100px 16px; } @media (max-width: 1200px) { .mailing-modal__inner { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 850px) { .mailing-modal__inner { padding-top: 16px; padding-bottom: 16px; } } .mailing-modal__wrapper { overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; flex-basis: 1100px; background-color: #ffffff; max-height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); position: relative; } @media (max-width: 1200px) { .mailing-modal__wrapper { align-items: center; } } @media (max-width: 850px) { .mailing-modal__wrapper { display: block; max-width: 358px; } } .mailing-modal__wrapper::-webkit-scrollbar { display: none; } .mailing-modal__banner { display: flex; height: 100%; max-height: 525px; } .mailing-modal__banner picture { width: 100%; } .mailing-modal__banner img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .mailing-modal__content { padding: 102px 100px 102px 50px; } @media (max-width: 1200px) { .mailing-modal__content { padding: 90px 50px; } } @media (max-width: 850px) { .mailing-modal__content { padding: 20px 15px; } } .mailing-modal__close { position: absolute; top: 20px; right: 20px; border: 1px solid #D7D7D7; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; box-sizing: border-box; cursor: pointer; } @media (max-width: 850px) { .mailing-modal__close { width: 26px; height: 26px; } } .mailing-modal__close:after { content: ''; display: block; width: 12px; height: 12px; mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.85303' y='0.90332' width='13' height='1' rx='0.5' transform='rotate(45 1.85303 0.90332)' fill='%231B1A19'/%3E%3Crect x='10.8541' y='1.90332' width='13' height='1' rx='0.5' transform='rotate(135 10.8541 1.90332)' fill='%231B1A19'/%3E%3C/svg%3E"); mask-size: contain; background-color: #1B1A19; } @media (max-width: 850px) { .mailing-modal__close:after { width: 10px; height: 10px; } } /* End */ /* Start:/local/components/intensa/mailing.subscribe/templates/.default/style.css?17593935796787*/ .mailing-form { display: flex; flex-direction: column; max-width: 495px; } @media (max-width: 768px) { .mailing-form { max-width: 400px; } } .mailing-form h5 { font-weight: 300; font-size: 22px; color: #fff; margin-bottom: 15px; } @media (max-width: 768px) { .mailing-form h5 { font-size: 14px; line-height: 18px; color: #1b1a19; margin-bottom: 10px; } } .mailing-form p { font-weight: 300; font-size: 14px; line-height: 130%; color: #fff; max-width: 400px; } @media (max-width: 768px) { .mailing-form p { color: #1b1a19; font-size: 12px; line-height: 15px; max-width: 250px; } .mailing-form__subheading .desktop { display: none; } } @media (min-width: 769px) { .mailing-form__subheading .mobile { display: none; } } .mailing-form__body { margin-top: 40px; } @media (max-width: 768px) { .mailing-form__body { margin-top: 20px; } } .mailing-form .radio { display: flex; gap: 30px 50px; } @media (max-width: 768px) { .mailing-form .radio { column-gap: 52px; } } .mailing-form .radio div { display: flex; align-items: center; } .mailing-form .radio input { opacity: 0; position: absolute; } .mailing-form .radio input[type="radio"] + label:before { content: ''; border: 2px solid #d7d7d7; display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 2px; margin-right: 10px; text-align: center; border-radius: 50%; } @media (max-width: 768px) { .mailing-form .radio input[type="radio"] + label:before { width: 20px; height: 20px; } } .mailing-form .radio input[type="radio"]:checked + label:before { border: 2px solid #bee7d8; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='8' fill='%2311BA7D'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .mailing-form .radio input[type="radio"]:checked + label:before { background-size: 14px 14px; } } .mailing-form .radio label { font-weight: 300; font-size: 16px; line-height: 130%; color: #fff; position: relative; cursor: pointer; display: flex; align-items: center; } @media (max-width: 768px) { .mailing-form .radio label { font-size: 14px; color: #1b1a19; } } .mailing-form .input { margin-top: 30px; } @media (max-width: 768px) { .mailing-form .input { margin-top: 20px; } } .mailing-form .input div { border-bottom: 1px solid #d7d7d7; padding: 16px 8px 16px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 768px) { .mailing-form .input div { border-bottom: 1px solid #1b1a19; } } .mailing-form.error .input div { border-bottom: 1px solid #f99760; } .mailing-form .input input { font-weight: 300; font-size: 20px; color: #ffffff; background: transparent; box-shadow: none; outline: none; } .mailing-form .input input::placeholder { color: #d7d7d7; opacity: 1; } .mailing-form.error .input input::placeholder { color: #f99760; } @media (max-width: 768px) { .mailing-form .input input { color: #1b1a19; font-size: 14px; } .mailing-form .input input::placeholder { color: #1B1A19; } } .mailing-form .input .mailing-form__hint { margin-top: 5px; } .mailing-form.error input { color: #f99760; } .mailing-form .input .mailing-form__hint { font-size: 12px; line-height: 130%; visibility: hidden; } .mailing-form.error .mailing-form__hint, .mailing-form.success .mailing-form__hint { visibility: visible; } .mailing-form.error .mailing-form__hint { color: #f99760; } .mailing-form.success .mailing-form__hint { color: #fff; } .mailing-modal__content .mailing-form.success .mailing-form__hint{ color: #11BA7D!important; } @media (max-width: 768px) { .mailing-form.success .mailing-form__hint { color: #1b1a19; } } .mailing-form button { background: transparent; padding: 0; border: 0; display: inline-flex; } @media (max-width: 768px) { .mailing-form button line, .mailing-form button path { stroke: #fff; } } .mailing-form .mailing-form__submit { background-color: #11BA7D; width: 100%; padding: 16px; border-radius: 8px; color: #ffffff; font-size: 16px; line-height: 21px; font-weight: 500; border: 0; justify-content: center; } @media (max-width: 768px) { .mailing-form .mailing-form__submit { font-size: 14px; line-height: 18px; } } .mailing-form .mailing-form__notify { margin-top: 15px; text-align: center; color: #8C8C8C; font-size: 14px; line-height: 18px; } @media (max-width: 850px) { .mailing-form .mailing-form__notify { display: none; } } .mailing-form_modal { max-width: 100%; } .mailing-form_modal h5, .mailing-form_modal p, .mailing-form_modal .radio label, .mailing-form_modal .input input, .mailing-form_modal.success .mailing-form__hint { color: #1B1A19; } .mailing-form_modal h5 { font-size: 24px; line-height: 26px; margin-bottom: 16px; } @media (max-width: 850px) { .mailing-form_modal h5 { font-size: 18px; line-height: 22px; max-width: 300px; margin-bottom: 8px; } } .mailing-form_modal p { font-size: 18px; line-height: 23px; } @media (max-width: 1000px) { .mailing-form_modal p { font-size: 14px; line-height: 18px; } } .mailing-form_modal .mailing-form__body { margin-top: 30px; } .mailing-form_modal .input { margin-top: 20px; } .mailing-form_modal .input div { padding: 0; border: 0; } .mailing-form_modal .input input { border: 1px solid #11BA7D; border-radius: 8px; background-color: #F5F5F5; padding: 15px 23px; width: 100%; font-size: 16px; line-height: 21px; } @media (max-width: 850px) { .mailing-form_modal .input input { font-size: 14px; line-height: 18px; } } .mailing-form_modal .input input::placeholder { color: #8C8C8C; } .mailing-form_modal.error .input div { border: 0; } .mailing-form_modal.error .input input { border-color: #f99760; } .mailing-form_modal .mailing-form__submit { margin-top: 20px; } @media (max-width: 850px) { .mailing-form_modal .mailing-form__submit { margin-top: 15px; } } .mailing-form_modal .mailing-form__hint { display: none; } .mailing-form_modal.error .mailing-form__hint, .mailing-form_modal.success .mailing-form__hint { display: block; } .mailing-form_modal .mailing-form__subheading { max-width: 350px; } @media (max-width: 1000px) { .mailing-form_modal .mailing-form__subheading { max-width: 275px; } } .mailing-form__footer-btn.unactive{ pointer-events: none!important; } /* End */ /* Start:/local/components/intensa/mailing.subscribe/templates/footer/style.css?17410236696629*/ .mailing-form { display: flex; flex-direction: column; max-width: 495px; } @media (max-width: 768px) { .mailing-form { max-width: 400px; } } .mailing-form h5 { font-weight: 300; font-size: 22px; color: #fff; margin-bottom: 15px; } @media (max-width: 768px) { .mailing-form h5 { font-size: 14px; line-height: 18px; color: #1b1a19; margin-bottom: 10px; } } .mailing-form p { font-weight: 300; font-size: 14px; line-height: 130%; color: #fff; max-width: 400px; } @media (max-width: 768px) { .mailing-form p { color: #1b1a19; font-size: 12px; line-height: 15px; max-width: 250px; } .mailing-form__subheading .desktop { display: none; } } @media (min-width: 769px) { .mailing-form__subheading .mobile { display: none; } } .mailing-form__body { margin-top: 40px; } @media (max-width: 768px) { .mailing-form__body { margin-top: 20px; } } .mailing-form .radio { display: flex; gap: 30px 50px; } @media (max-width: 768px) { .mailing-form .radio { column-gap: 52px; } } .mailing-form .radio div { display: flex; align-items: center; } .mailing-form .radio input { opacity: 0; position: absolute; } .mailing-form .radio input[type="radio"] + label:before { content: ''; border: 2px solid #d7d7d7; display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 2px; margin-right: 10px; text-align: center; border-radius: 50%; } @media (max-width: 768px) { .mailing-form .radio input[type="radio"] + label:before { width: 20px; height: 20px; } } .mailing-form .radio input[type="radio"]:checked + label:before { border: 2px solid #bee7d8; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='8' fill='%2311BA7D'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .mailing-form .radio input[type="radio"]:checked + label:before { background-size: 14px 14px; } } .mailing-form .radio label { font-weight: 300; font-size: 16px; line-height: 130%; color: #fff; position: relative; cursor: pointer; display: flex; align-items: center; } @media (max-width: 768px) { .mailing-form .radio label { font-size: 14px; color: #1b1a19; } } .mailing-form .input { margin-top: 30px; } @media (max-width: 768px) { .mailing-form .input { margin-top: 20px; } } .mailing-form .input div { border-bottom: 1px solid #d7d7d7; padding: 16px 8px 16px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 768px) { .mailing-form .input div { border-bottom: 1px solid #1b1a19; } } .mailing-form.error .input div { border-bottom: 1px solid #f99760; } .mailing-form .input input { font-weight: 300; font-size: 20px; color: #ffffff; background: transparent; box-shadow: none; outline: none; } .mailing-form .input input::placeholder { color: #d7d7d7; opacity: 1; } .mailing-form.error .input input::placeholder { color: #f99760; } @media (max-width: 768px) { .mailing-form .input input { color: #1b1a19; font-size: 14px; } .mailing-form .input input::placeholder { color: #1B1A19; } } .mailing-form .input .mailing-form__hint { margin-top: 5px; } .mailing-form.error input { color: #f99760; } .mailing-form .input .mailing-form__hint { font-size: 12px; line-height: 130%; visibility: hidden; } .mailing-form.error .mailing-form__hint, .mailing-form.success .mailing-form__hint { visibility: visible; } .mailing-form.error .mailing-form__hint { color: #f99760; } .mailing-form.success .mailing-form__hint { color: #fff!important; } @media (max-width: 768px) { .mailing-form.success .mailing-form__hint { color: #1b1a19; } } .mailing-form button { background: transparent; padding: 0; border: 0; display: inline-flex; } @media (max-width: 768px) { .mailing-form button line, .mailing-form button path { stroke: #fff; } } .mailing-form .mailing-form__submit { background-color: #11BA7D; width: 100%; padding: 16px; border-radius: 8px; color: #ffffff; font-size: 16px; line-height: 21px; font-weight: 500; border: 0; justify-content: center; } @media (max-width: 768px) { .mailing-form .mailing-form__submit { font-size: 14px; line-height: 18px; } } .mailing-form .mailing-form__notify { margin-top: 15px; text-align: center; color: #8C8C8C; font-size: 14px; line-height: 18px; } @media (max-width: 850px) { .mailing-form .mailing-form__notify { display: none; } } .mailing-form_modal { max-width: 100%; } .mailing-form_modal h5, .mailing-form_modal p, .mailing-form_modal .radio label, .mailing-form_modal .input input, .mailing-form_modal.success .mailing-form__hint { color: #1B1A19; } .mailing-form_modal h5 { font-size: 24px; line-height: 26px; margin-bottom: 16px; } @media (max-width: 850px) { .mailing-form_modal h5 { font-size: 18px; line-height: 22px; max-width: 300px; margin-bottom: 8px; } } .mailing-form_modal p { font-size: 18px; line-height: 23px; } @media (max-width: 1000px) { .mailing-form_modal p { font-size: 14px; line-height: 18px; } } .mailing-form_modal .mailing-form__body { margin-top: 30px; } .mailing-form_modal .input { margin-top: 20px; } .mailing-form_modal .input div { padding: 0; border: 0; } .mailing-form_modal .input input { border: 1px solid #11BA7D; border-radius: 8px; background-color: #F5F5F5; padding: 15px 23px; width: 100%; font-size: 16px; line-height: 21px; } @media (max-width: 850px) { .mailing-form_modal .input input { font-size: 14px; line-height: 18px; } } .mailing-form_modal .input input::placeholder { color: #8C8C8C; } .mailing-form_modal.error .input div { border: 0; } .mailing-form_modal.error .input input { border-color: #f99760; } .mailing-form_modal .mailing-form__submit { margin-top: 20px; } @media (max-width: 850px) { .mailing-form_modal .mailing-form__submit { margin-top: 15px; } } .mailing-form_modal .mailing-form__hint { display: none; } .mailing-form_modal.error .mailing-form__hint, .mailing-form_modal.success .mailing-form__hint { display: block; } .mailing-form_modal .mailing-form__subheading { max-width: 350px; } @media (max-width: 1000px) { .mailing-form_modal .mailing-form__subheading { max-width: 275px; } } /* End */ /* Start:/local/templates/new_tpl/components/bitrix/menu/footer_desktop/style.min.css?1741023667490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/new_tpl/components/bitrix/menu/footer_desktop/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/new_tpl/assets/css/fonts.css?17810804207833 */ /* /local/templates/new_tpl/assets/css/swiper-11.css?178108042018454 */ /* /local/templates/new_tpl/assets/css/style.min.css?1773145467140569 */ /* /local/templates/new_tpl/assets/css/custom.css?178110138556765 */ /* /local/templates/new_tpl/assets/css/new-style.css?1781100067104688 */ /* /local/templates/new_tpl/assets/css/custom2.css?178038377231402 */ /* /local/templates/new_tpl/assets/css/suggestions.css?17490415504242 */ /* /local/components/intensa/mailing.subscribe/templates/modal/style.css?17410236692620 */ /* /local/components/intensa/mailing.subscribe/templates/.default/style.css?17593935796787 */ /* /local/components/intensa/mailing.subscribe/templates/footer/style.css?17410236696629 */ /* /local/templates/new_tpl/components/bitrix/menu/footer_desktop/style.min.css?1741023667490 */