.lwpcngNotice{position:fixed;z-index:999999;padding:12px 24px;font:16px/20px "Trebuchet MS","Helvetica CY",sans-serif;box-shadow:0 0 8px rgba(0,0,0,.1);border:0 solid}.lwpcngNotice A{text-decoration:underline}.lwpcngNotice A:hover{text-decoration:none}.lwpcngNotice-float{border:1px solid;border-radius:4px}.lwpcngNotice_message{display:inline;margin-right:8px}.lwpcngNotice_accept,.lwpcngNotice_reject{margin:8px 8px;display:inline-block;vertical-align:middle;padding:6px 12px;border:1px solid;white-space:nowrap;cursor:pointer}.lwpcngNotice_accept{font-weight:700}.lwpcngNotice_more{margin:0 6px;display:inline-block;vertical-align:middle;white-space:nowrap;cursor:pointer;font-size:14px}.lwpcngNoticeBar{text-align:center}.lwpcngNoticeBar.lwpcngNotice-sticked{left:0;right:0}.lwpcngNoticeBar-top.lwpcngNotice-sticked{top:0;border-bottom-width:1px}.lwpcngNoticeBar-bottom.lwpcngNotice-sticked{bottom:0;border-top-width:1px}.lwpcngNoticeBar .lwpcngNotice_buttons{display:inline}.lwpcngNoticeBox{max-width:40%}@media screen and (max-width:980px){.lwpcngNoticeBox{max-width:75%}}@media screen and (max-width:600px){.lwpcngNoticeBox{max-width:none;left:0!important;right:0!important;border-radius:0!important;border-width:0}.lwpcngNoticeBox-topLeft,.lwpcngNoticeBox-topRight{top:0!important;border-bottom-width:1px}.lwpcngNoticeBox-bottomLeft,.lwpcngNoticeBox-bottomRight{bottom:0!important;border-top-width:1px}}.lwpcngNoticeBox-bottomLeft.lwpcngNotice-sticked{left:0;bottom:0;border-right-width:1px;border-top-width:1px;border-radius:0 4px 0 0}.lwpcngNoticeBox-bottomRight.lwpcngNotice-sticked{right:0;bottom:0;border-left-width:1px;border-top-width:1px;border-radius:4px 0 0 0}.lwpcngNoticeBox-topLeft.lwpcngNotice-sticked{left:0;top:0;border-right-width:1px;border-bottom-width:1px;border-radius:0 0 4px 0}.lwpcngNoticeBox-topRight.lwpcngNotice-sticked{right:0;top:0;border-left-width:1px;border-bottom-width:1px;border-radius:0 0 0 4px}.lwpcngNoticeBox .lwpcngNotice_buttons{margin-top:6px}.lwpcngNotice-light{background:#fff;background:rgba(255,255,255,.97);color:#000;border-color:#ddd}.lwpcngNotice-light A,.lwpcngNotice-light A:hover,.lwpcngNotice-light A:visited{color:#aaa}.lwpcngNotice-light .lwpcngNotice_accept{border-color:#ddd;background:#fff;color:#00a65a}.lwpcngNotice-light .lwpcngNotice_accept:hover{border-color:#82ccaa;background:#f4fff3}.lwpcngNotice-light .lwpcngNotice_reject{border-color:#ddd;background:#fff;color:#888}.lwpcngNotice-light .lwpcngNotice_reject:hover{border-color:#bbb;background:#f8f8f8;color:#000}.lwpcngNotice-dark{background:#2b2b2b;background:rgba(43,43,43,.97);color:#fff;border-color:#2b2b2b}.lwpcngNotice-dark A,.lwpcngNotice-dark A:hover,.lwpcngNotice-dark A:visited{color:#aaa}.lwpcngNotice-dark .lwpcngNotice_accept{border-color:#555;color:#00a65a}.lwpcngNotice-dark .lwpcngNotice_accept:hover{background:#2b2b2b}.lwpcngNotice-dark .lwpcngNotice_reject{border-color:#555;color:#888}.lwpcngNotice-dark .lwpcngNotice_reject:hover{background:#2b2b2b;color:#aaa}.lwpcngShowAgain{position:fixed;z-index:999999;padding:6px 16px;border:0 solid;border-top-width:1px;font:14px/18px "Trebuchet MS","Helvetica CY",sans-serif;cursor:pointer}.lwpcngShowAgain-bottomSticked{bottom:0}.lwpcngShowAgain-bottomFloat{border-bottom-width:1px}.lwpcngShowAgain-sideSticked.lwpcngShowAgain-bottomRight{right:0}.lwpcngShowAgain-sideSticked.lwpcngShowAgain-bottomLeft{left:0}.lwpcngShowAgain-bottomRight{border-left-width:1px;border-top-left-radius:4px}.lwpcngShowAgain-bottomRight.lwpcngShowAgain-sideFloat{border-right-width:1px;border-top-right-radius:4px}.lwpcngShowAgain-bottomRight.lwpcngShowAgain-sideFloat.lwpcngShowAgain-bottomFloat{border-bottom-right-radius:4px}.lwpcngShowAgain-bottomRight.lwpcngShowAgain-bottomFloat{border-bottom-left-radius:4px}.lwpcngShowAgain-bottomLeft{border-right-width:1px;border-top-right-radius:4px}.lwpcngShowAgain-bottomLeft.lwpcngShowAgain-sideFloat{border-left-width:1px;border-top-left-radius:4px}.lwpcngShowAgain-bottomLeft.lwpcngShowAgain-sideFloat.lwpcngShowAgain-bottomFloat{border-bottom-left-radius:4px}.lwpcngShowAgain-bottomLeft.lwpcngShowAgain-bottomFloat{border-bottom-right-radius:4px}.lwpcngShowAgain-light{background:#fff;background:rgba(255,255,255,.97);border-color:#ddd;color:#000}.lwpcngShowAgain-light:hover{background:#f6f6f6;color:#000}.lwpcngShowAgain-dark{background:#2b2b2b;background:rgba(43,43,43,.97);color:#bbb;border-color:#2b2b2b}.lwpcngShowAgain-dark:hover{background:#2b2b2b;color:#ddd}.lwpcngHide{display:none}/** * 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}* { padding: 0px; margin: 0px; border: none; } *, *::before, *::after { box-sizing: border-box; } :focus, :active { } a:focus, a:active { } a, a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; } aside, nav, footer, header, section, main { display: block; } h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit; } ul, ul li { list-style: none; } img { vertical-align: top; } img, svg { max-width: 100%; height: auto; } address { font-style: normal; } input, textarea, button, select { font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; } input::-ms-clear { display: none; } button, input[type="submit"] { display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: pointer; } input:focus, input:active, button:focus, button:active { outline: none; } button::-moz-focus-inner { padding: 0; border: 0; } label { cursor: pointer; } legend { display: block; } :root { --bg-card-ac-FA: #fafafa; --title-color-22: #222222; --font-famely-Tenor: Tenor Sans; --font-famely-Inter: Inter Tight; --btn-bg-9D: #9d854e; --color-info-9B: #9b9b9b; --color-border-EB: #ebebeb; --color-pag-E8: #e8e8e8; --color-cyrcle-D9: #d9d9d9; --color-gr-23: #23c128; --color-B5: #b59b5d; } body { font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } p { font-weight: 400; font-size: 16px; line-height: 140%; color: var(--title-color-22); } h2 { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 49px; line-height: 120%; letter-spacing: 0%; text-align: center; vertical-align: bottom; color: var(--title-color-22); } main { overflow-x: clip; margin-top: 20px; margin-bottom: 20px; } .mg-120 { margin: 120px 0px; } .mg-40-b { margin-bottom: 40px; } .over-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } html { scroll-behavior: smooth; scroll-padding-top: 145px; } ._container { max-width: 1200px; margin: 0 auto; padding: 0px 15px; box-sizing: content-box; } ._container-long { max-width: 1400px; margin: 0 auto; padding: 0px 15px; box-sizing: content-box; } h1 { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 58px; line-height: 120%; letter-spacing: 0%; color: var(--title-color-22); } @media (max-width: 768px) { p { font-size: 14px; } .mg-40-b { margin-bottom: 30px; } h1 { font-size: 30px; } h2 { font-size: 30px; } .mg-120 { margin: 80px 0px; } } .faq__item { width: 100%; padding: 0; background-color: var(--bg-card-ac-FA); border-radius: 30px; } .faq__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; padding: 27px 30px; background: none; border: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; } .faq__question { font-family: var(--font-famely-Tenor); font-weight: 400; font-style: Regular; font-size: 25px; line-height: 120%; letter-spacing: 0%; vertical-align: middle; color: var(--title-color-22); } .faq__Acc { display: flex; flex-direction: column; gap: 20px; } .faq__icon { width: 44px; height: 44px; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--btn-bg-9D); transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1); } .faq__icon svg { display: block; width: 24px; height: 24px; color: var(--btn-bg-9D); } .faq__item.is-open .faq__icon { transform: rotate(180deg); background-color: var(--btn-bg-9D); } .faq__item.is-open .faq__icon svg { color: white; } .faq__answer { padding: 0 30px 27px; font-weight: 400; font-size: 16px; line-height: 140%; color: var(--title-color-22); opacity: 0; transform: translateY(-6px); transition: opacity 0.3s ease 0.05s, transform 0.3s ease 0.05s; } .faq__item.is-open .faq__answer { opacity: 1; transform: translateY(0); } .faq__panel { height: 0; overflow: hidden; transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1); } @media (max-width: 768px) { .faq__head { gap: 6px; padding: 20px; } .faq__question { font-size: 19px; } .faq__icon { width: 38px; height: 38px; min-width: 38px; } .faq__answer { padding: 0 20px 20px; font-size: 14px; } } .call__body { display: flex; flex-direction: row; gap: 20px; justify-content: space-between; } .call__body { background-color: var(--title-color-22); border-radius: 0px 60px 0px 60px; overflow: hidden; } .call__content { margin: 50px 0px 50px 100px; max-width: 580px; } .call__content h2 { color: white; text-align: left; } .call__content span { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 12px; line-height: 120%; color: white; display: block; } .call__content p { font-weight: 400; font-size: 16px; line-height: 140%; color: white; } .form-call { margin-top: 30px; } .call__img { flex: 0 0 526px; max-width: 526px; align-self: stretch; } .call__img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0px 60px 0px 60px; } @media (max-width: 950px) { .call { background-color: var(--title-color-22); border-radius: 0px 40px 0px 40px; padding: 30px 0px; } .call__content p { font-size: 14px; } .call__content span { font-size: 21px; margin: 10px 0px 12px 0px; } .call__content { margin: 0px; max-width: 100%; } .call__img { display: none; } } .materials__sliders .swiper { overflow: hidden; } .materials__sliders .swiper-slide, .reviews__sliders .swiper-slide { height: auto; } .materials__controls { display: flex; align-items: center; justify-content: center; gap: 60px; margin-top: 30px; } .materials__nav { flex: 0 0 auto; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background-color: var(--bg-card-ac-FA); border: none; border-radius: 100%; color: var(--color-info-9B); cursor: pointer; transition: 0.3s ease; } .materials__nav svg { width: 16px; height: 16px; } .materials__next svg { transform: rotate(180deg); } .materials__nav:hover { background-color: var(--btn-bg-9D); color: white; } .materials__nav.swiper-button-disabled { opacity: 0.4; pointer-events: none; } .materials__nav.swiper-button-lock, .materials__pagination.swiper-pagination-lock { display: none; } .materials__pagination { display: flex; align-items: center; justify-content: center; gap: 10px; position: static; flex: 0 0 auto; } .materials__pagination.swiper-pagination-horizontal { width: auto; left: auto; } .materials__pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0; background-color: var(--color-pag-E8); opacity: 1; transition: 0.3s ease; } .materials__pagination .swiper-pagination-bullet-active { background-color: var(--btn-bg-9D); } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } .card-mat { background-color: var(--bg-card-ac-FA); border-radius: 0px 40px 0px 40px; height: 100%; display: flex; flex-direction: column; position: relative; transition: 0.3s ease; } .card-mat:hover { opacity: 0.8; } .card-mat img { border-radius: 0px 40px 0px 40px; padding: 8px 8px 14px 8px; height: 180px; width: 100%; object-fit: cover; } .card-mat__info { display: flex; flex-direction: column; gap: 16px; padding: 0px 20px 20px 20px; flex: 1 1 auto; } .card__mat-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .card-mat__info-bottom { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-top: auto; } .card-mat__date, .card-mat__author { color: var(--color-info-9B); font-weight: 500; font-size: 14px; line-height: 140%; } .card-mat__cyrcle { width: 4px; height: 4px; border-radius: 100%; background-color: var(--color-cyrcle-D9); } .materilas__body h2 { text-align: left; } @media (max-width: 768px) { .card__mat-title { font-size: 19px; } .card-mat__info { gap: 12px; } .card-mat__date, .card-mat__author { font-size: 12px; } } .team__header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 40px; } .btn-border { max-width: 215px; width: 100%; height: 52px; display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 130px; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--btn-bg-9D); border: 1px solid var(--btn-bg-9D); transition: 0.3s ease; } .btn-border:hover { background-color: var(--btn-bg-9D); color: white; } .team__card { position: relative; min-height: 475px; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; border-radius: 0px 40px 0px 40px; overflow: hidden; transition: 0.3s ease; } .team__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 360deg, rgba(34, 34, 34, 0.9) 8.89%, rgba(34, 34, 34, 0) 71.14% ); z-index: 1; pointer-events: none; } .team-img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; z-index: 0; transition: 0.3s ease; } .team__card:hover .team-img { transform: scale(1.2); } .team__card-info { z-index: 4; position: relative; } .team__card-name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 25px; line-height: 120%; color: white; } .team__card-prof { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--color-border-EB); margin: 6px 0px 16px 0px; } .btn { width: 100%; height: 52px; display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 130px; font-weight: 500; font-size: 16px; line-height: 140%; color: white; border: 1px solid var(--btn-bg-9D); background-color: var(--btn-bg-9D); transition: 0.3s ease; } .btn:hover { background-color: var(--color-B5); } @media (max-width: 768px) { .team__card { min-height: 289px; border-radius: 0px 30px 0px 30px; } .team__card-prof { font-size: 12px; margin: 5px 0px 12px 0px; } .team__card-name { font-size: 19px; } .team__card-info .btn { color: var(--btn-bg-9D); background-color: transparent; padding: 0; border: 0; height: auto; text-align: left; justify-content: flex-start; } } .card-rev { position: relative; background-color: var(--bg-card-ac-FA); padding: 30px; border-radius: 0px 40px 0px 40px; height: 100%; display: flex; flex-direction: column; } .card-rev__content { display: flex; flex-direction: column; flex: 1 1 auto; } .card-rev__item .card-rev__img { border-radius: 8px; width: 58px; height: 58px; object-fit: cover; } .card-rev__info { display: flex; flex-direction: row; align-items: center; gap: 12px; margin: 12px 0px; } .card-rev__title { color: var(--title-color-22); font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; } .card-rev__star { display: flex; flex-direction: row; gap: 4px; align-items: center; } .card-rev__text { font-weight: 400; font-size: 16px; line-height: 140%; color: var(--title-color-22); } .card-rev__time { font-weight: 400; font-size: 12px; line-height: 140%; color: var(--title-color-22); margin-top: auto; padding-top: 12px; } @media (max-width: 768px) { .card-rev { padding: 16px; border-radius: 0px 20px 0px 20px; } .card-rev__item .card-rev__img { width: 48px; height: 48px; } .card-rev__title { font-size: 19px; } .card-rev__text { font-size: 14px; } } .block-adv-img__body { display: flex; flex-direction: row; justify-content: space-between; gap: 20px; } .block-adv__content { max-width: 387px; width: 100%; } .block-adv__content { width: 100%; object-fit: cover; } .block-adv__info { max-width: 692px; width: 100%; } .block-adv__info h2 { text-align: left; } .block-adv__ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 20px; width: 100%; } .block-adv-item__title { padding: 12px 0px 11px 0px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .block-adv-item__text { font-weight: 400; font-size: 16px; line-height: 140%; color: var(--color-info-9B); } .block-adv__item { max-width: 285px; width: 100%; border-bottom: 1px solid var(--color-border-EB); padding-bottom: 16px; } @media (max-width: 768px) { .block-adv-img__body { flex-direction: column; gap: 24px; } .block-adv__info { display: contents; } .block-adv__info h2 { order: 1; margin-bottom: 0; } .block-adv__content { order: 2; max-width: 100%; } .block-adv__content img { width: 100%; } .block-adv__ul { order: 3; grid-template-columns: 1fr; gap: 20px; } .block-adv__item { max-width: 100%; display: flex; flex-direction: column; gap: 10px; border: 0; padding: 0; } .block-adv__item-flex { flex-direction: row; align-items: center; display: flex; gap: 10px; } .block-adv-item__text { font-size: 14px; } .block-adv-item__title { padding: 0px; font-size: 19px; } } .rec__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .rec__item { border-radius: 0px 24px 0px 24px; border: 1px solid var(--color-border-EB); overflow: hidden; } .rec__item-info { border: 1px solid var(--color-border-EB); background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; padding: 16px; } .rec__item-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); margin: 12px 0px 6px 0px; } .rec__item-step { color: white; font-weight: 500; font-size: 14px; line-height: 140%; padding: 7px 17px; width: max-content; border-radius: 36px; background-color: var(--btn-bg-9D); } .rec__item-info p { font-weight: 400; font-size: 16px; line-height: 140%; color: var(--color-info-9B); } .rec__item-img { display: flex; flex-direction: row; padding: 12px; align-items: center; justify-content: center; } .rec__item-img img { object-fit: cover; max-height: 250px; } @media (max-width: 1000px) { .rec__items { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .rec__items { grid-template-columns: repeat(2, 1fr); } .rec__item-step { font-size: 12px; } .rec__item-title { font-size: 19px; margin: 12px 0px 4px 0px; } .rec__item-info p { font-size: 14px; } } @media (max-width: 600px) { .rec__items { grid-template-columns: repeat(1, 1fr); } .rec__item { display: flex; flex-direction: row; justify-content: space-between; } .rec__item-img { max-width: 85px; min-width: 85px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .rec__item { background-color: var(--bg-card-ac-FA); } .rec__item-info { border: 0px solid var(--color-border-EB); background-color: var(--bg-card-ac-FA); border-radius: 0px; padding: 16px; } } .kviz__body { display: flex; flex-direction: row; gap: 20px; background-color: var(--title-color-22); border-radius: 0px 60px 0px 60px; justify-content: space-between; } .kviz__info { margin: 50px 0px 50px 100px; max-width: 626px; width: 100%; } .kviz-text-inf { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: white; } .kviz__info h2 { margin: 10px 0px 20px 0px; color: white; text-align: left; } .kviz__info p { font-weight: 400; font-size: 16px; line-height: 140%; color: white; max-width: 460px; } .kviz-btns { display: flex; flex-direction: row; align-items: center; gap: 20px; margin-top: 30px; } .kviz__btn { font-weight: 500; font-size: 16px; line-height: 140%; color: white; border-radius: 130px; border: 1px solid white; display: flex; justify-content: center; align-items: center; padding: 10px; transition: 0.3s ease; } .kviz__btn:hover { background-color: var(--btn-bg-9D); color: white; border: 1px solid var(--btn-bg-9D); } .kviz-btns .btn, .kviz__btn { height: 60px; } .kviz__btn, .kviz-btns .btn { max-width: 285px; width: 100%; } .kviz-img { max-width: 526px; width: 100%; border-radius: 0px 60px 0px 60px; background-color: var(--btn-bg-9D); position: relative; } .kviz-img-desc { max-width: 597px; top: 0; left: -110px; position: absolute; } @media (max-width: 1300px) { .kviz-img-desc { position: relative; left: 0; } .kviz-img { display: flex; justify-content: center; align-items: center; } } @media (max-width: 1050px) { .kviz__body { flex-direction: column; } .kviz__info { max-width: 100%; width: auto; } .kviz-img-desc, .kviz-img { max-width: 100%; width: 100%; height: 100%; object-fit: contain; } .kviz-img { background-color: transparent; height: 192px; } } @media (max-width: 850px) { .kviz__body { border-radius: 0px 30px 0px 30px; } .kviz__info { margin: 0px; } .kviz-text-inf { font-size: 18px; } .kviz__info p { max-width: 100%; } .kviz-btns { margin-top: 24px; } .kviz__info p { font-size: 14px; } .kviz__info h2 { margin: 12px 0px; text-align: left; } .kviz-btns .btn, .kviz-btns .kviz__btn { max-width: 285px; height: 52px; font-size: 14px; } .kviz { border-radius: 0px 30px 0px 30px; background-color: var(--title-color-22); padding: 30px 0px; } } @media (max-width: 576px) { .kviz-btns { flex-direction: column; align-items: stretch; gap: 12px; } .kviz-btns .btn, .kviz-btns .kviz__btn { max-width: 100%; height: 52px; font-size: 14px; } } .hero { overflow: hidden; } .hero__body { display: flex; flex-direction: row; justify-content: space-between; gap: 20px; align-items: center; } .hero__visual { flex: 1 1 auto; min-width: 0; margin-right: calc(50% - 50vw); min-height: 642px; position: relative; } .hero__visual img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .hero__content { flex: 0 1 712px; max-width: 712px; margin-bottom: 100px; } .hero__content p { margin: 20px 0px 40px 0px; max-width: 610px; } .hero__btns { display: flex; flex-direction: row; align-items: center; gap: 20px; } .hero__btns .kviz__btn { color: var(--btn-bg-9D); border: 1px solid var(--btn-bg-9D); } .hero__btns .kviz__btn:hover { background-color: var(--btn-bg-9D); color: white; } .hero__btns a { max-width: 285px; height: 60px; } .hero__content h1 { max-width: 690px; } @media (max-width: 850px) { .hero__body { flex-direction: column; gap: 30px; width: 100%; } .hero__content { max-width: 100%; margin-bottom: 0px; flex: 0; width: 100%; } .hero__content p { margin: 16px 0px 30px 0px; max-width: 100%; } .hero__content h1 { max-width: 100%; } .hero__visual { align-self: stretch; margin: 0 calc(50% - 50vw); min-width: 0; min-height: 380px; max-height: 380px; } } @media (max-width: 768px) { .hero__btns { flex-direction: column; gap: 16px; } .btn, .kviz__btn, .hero__btns a { max-width: 100%; height: 52px; font-size: 14px; } } .napr__item { position: relative; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; display: flex; flex-direction: column; transition: 0.3s ease; overflow: hidden; } .napr__item:hover .napr__img img { transform: scale(1.1); } .napr__body { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } .napr { padding: 30px 0px; background-color: var(--bg-card-ac-FA); } .napr__img { padding: 9px 9px 0px 9px; } .napr__img img { object-fit: cover; width: 100%; height: 100%; transition: 0.3s ease; } .napr__item-info { display: flex; flex-direction: column; gap: 8px; justify-content: space-between; padding: 14px 16px 16px 16px; flex: 1 1 auto; } .napr__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .napr__item-info a { color: var(--btn-bg-9D); font-weight: 500; font-size: 16px; line-height: 140%; letter-spacing: 0%; display: flex; align-items: center; gap: 4px; } @media (max-width: 1000px) { .napr__body { grid-template-columns: repeat(4, 1fr); gap: 16px; } } @media (max-width: 768px) { .napr__body { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 600px) { .napr__body { grid-template-columns: repeat(1, 1fr); } .napr__item { display: flex; flex-direction: row; align-items: center; gap: 12px; } .napr__img { padding: 10px 0px 10px 10px; max-width: 90px; padding: 0; } .napr__item-info { padding: 5px 5px 5px 0px; } .napr__title { font-size: 18px; } .napr__item-info a { font-size: 14px; } .napr { padding: 20px 0px; } } .task, .newb, .spec, .hit, .viewed, .brand-page__posts, .error-404, .materials { overflow: hidden; } .task__item { border-radius: 0px 24px 0px 24px; overflow: hidden; height: 350px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; transition: 0.3s ease; } .task__item::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 360deg, rgba(34, 34, 34, 0.9) 8.89%, rgba(34, 34, 34, 0) 71.14% ); z-index: 1; pointer-events: none; } .task-img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; transition: 0.3s ease; } .task__item:hover .task-img { transform: scale(1.1); } .task__item-info { z-index: 2; position: relative; padding: 20px 16px; display: flex; flex-direction: column; gap: 6px; } .task__item-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: white; } .task__item-info a { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--btn-bg-9D); display: flex; align-items: center; } @media (max-width: 768px) { .task__item { border-radius: 0px 30px 0px 30px; height: 289px; } .task__item-title { font-size: 19px; } .task__item-info a { font-size: 14px; } .materials__controls { justify-content: space-between; gap: 20px; margin-top: 20px; } } .brend { background-color: var(--bg-card-ac-FA); border-radius: 0px 60px 0px 60px; margin-left: 20px; margin-right: 20px; padding: 50px 0px; } .brend__item { border-radius: 0px 24px 0px 24px; background-color: white; border: 1px solid var(--color-border-EB); height: 120px; padding: 20px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transition: 0.3 ease; } .brend__item:hover { opacity: 0.7; } .brend__item-name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); text-align: center; } .brend__item-img { max-width: 100%; max-height: 100%; object-fit: contain; transition: 0.3s ease; } .brend__item:hover .brend__item-img { transform: scale(1.1); } .brend__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media (max-width: 768px) { .brend__body, .newb__body, .materilas__body:has(.team__header) { display: flex; flex-direction: column; gap: 20px; } .brend .team__header, .newb__body .team__header, .materilas__body .team__header { display: contents; } .brend .team__header h2, .newb__body .team__header h2, .materilas__body .team__header h2 { order: 1; margin-bottom: 10px; } .brend__grid, .newb__body .materials__sliders, .materilas__body .materials__sliders { order: 2; } .brend .team__header .btn-border, .newb__body .team__header .btn-border, .materilas__body .team__header .btn-border { order: 3; max-width: 100%; } .brend__grid { grid-template-columns: repeat(2, 1fr); } .brend__item { height: auto; min-height: 90px; padding: 16px 12px; } .brend { border-radius: 0px 30px 0px 30px; margin-left: 0px; margin-right: 0px; padding: 30px 0px; } } .card__main { border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; overflow: hidden; position: relative; background-color: white; height: 100%; display: flex; flex-direction: column; } .card__main:hover .card__img img { transform: scale(1.1); } .card__img { height: 220px; padding: 10px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .card__img img { object-fit: contain; width: 100%; height: 100%; transition: 0.3s ease; } .card__btns { display: flex; flex-direction: column; align-items: center; gap: 10px; position: relative; z-index: 4; margin-top: auto; } .card__info { margin: 0px 0px 16px 0px; } .card__content { padding: 12px 16px 16px 16px; display: flex; flex-direction: column; flex: 1 1 auto; } .card-info-br { font-weight: 500; font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .card__info-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 16px; line-height: 120%; color: var(--title-color-22); margin: 6px 0px 8px 0px; } .card__info-inf { font-weight: 400; font-size: 14px; line-height: 140%; color: var(--color-info-9B); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .card__info-inf span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: currentColor; margin-right: 6px; vertical-align: middle; } .card__info-rev { display: flex; flex-direction: row; align-items: center; gap: 6px; margin: 12px 0px 16px 0px; } .card-rev-star img { width: 16px; height: 16px; } .card-rev-star { display: flex; flex-direction: row; align-items: center; gap: 4px; } .card-rev-count { font-weight: 500; font-size: 12px; line-height: 140%; color: var(--title-color-22); } .card__info-price { display: flex; flex-direction: row; gap: 10px; align-items: center; } .card-price-new { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .card-price-old { font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0%; text-decoration: line-through; color: var(--color-cyrcle-D9); } .card-nal { display: flex; flex-direction: row; align-items: center; position: relative; font-weight: 500; font-size: 12px; line-height: 140%; color: var(--color-gr-23); padding-left: 8px; } .card-nal:after { content: ""; position: absolute; top: 6px; left: 0; background-color: var(--color-gr-23); border-radius: 100%; width: 4px; height: 4px; } .card__btns .btn { height: 42px; font-size: 14px; } .hit { background-color: var(--title-color-22); border-radius: 0px 60px 0px 60px; margin-left: 20px; margin-right: 20px; padding: 50px 0px; } .hit h2 { color: white; } .hit .btn-border { color: white; border: 1px solid white; } .hit .btn-border:hover { border: 1px solid var(--btn-bg-9D); } @media (max-width: 768px) { .hit { border-radius: 0px 30px 0px 30px; margin-left: 0px; margin-right: 0px; padding: 30px 0px; } } .crumbs { margin-bottom: 24px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .crumbs a { color: var(--color-info-9B); transition: 0.3s ease; } .crumbs a:hover { color: var(--btn-bg-9D); } .crumbs .breadcrumb_last { color: var(--btn-bg-9D); } .blog__title { margin-bottom: 16px; } .blog__intro { max-width: 780px; margin-bottom: 32px; } .blog__intro p { color: var(--color-info-9B); } .blog__cats { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .blog__cat { padding: 10px 18px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .blog__cat:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .blog__cat.is-active { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .blog__select { display: none; } .blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .card-art__cat { font-weight: 500; font-size: 12px; line-height: 140%; letter-spacing: 0.04em; text-transform: uppercase; color: var(--btn-bg-9D); } .card-art__text { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .card-art .card-mat__info { gap: 10px; } .blog__more { display: flex; justify-content: center; margin-top: 40px; } .blog__more-btn { max-width: 285px; } .ajax-load-more.is-loading { position: relative; color: transparent; pointer-events: none; } .ajax-load-more.is-loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0px 0px -10px; border: 2px solid var(--color-border-EB); border-top-color: var(--btn-bg-9D); border-radius: 100%; animation: it-spin 0.6s linear infinite; } @keyframes it-spin { to { transform: rotate(360deg); } } .blog__pagination { display: flex; justify-content: center; gap: 10px; margin-top: 30px; } .blog__empty { color: var(--color-info-9B); } .blog__seo { margin-top: 80px; } .article__cats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .article__cat { padding: 6px 14px; border-radius: 130px; background-color: var(--bg-card-ac-FA); font-weight: 500; font-size: 12px; line-height: 140%; letter-spacing: 0.04em; text-transform: uppercase; color: var(--btn-bg-9D); transition: 0.3s ease; } .article__cat:hover { background-color: var(--btn-bg-9D); color: white; } .article__title { margin-bottom: 20px; } .article__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .article__meta-dot { width: 4px; height: 4px; border-radius: 100%; background-color: var(--color-cyrcle-D9); } .article__author-link { display: flex; align-items: center; gap: 8px; color: var(--title-color-22); transition: 0.3s ease; } .article__author-link:hover { color: var(--btn-bg-9D); } .article__author-ava { width: 32px; height: 32px; border-radius: 100%; object-fit: cover; } .article__lead { margin: 30px 0px; } .article__lead img { width: 100%; max-height: 520px; object-fit: cover; border-radius: 0px 40px 0px 40px; } .article__lead figcaption { margin-top: 12px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .article__layout { display: flex; flex-direction: row; align-items: flex-start; gap: 60px; } .article__aside { flex: 0 0 280px; position: sticky; top: 100px; max-height: calc(100vh - 140px); overflow-y: auto; } .article__main { flex: 1 1 auto; min-width: 0; max-width: 800px; } .toc { padding: 24px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; } .toc__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); margin-bottom: 16px; } .toc__list { display: flex; flex-direction: column; gap: 12px; padding-left: 14px; border-left: 1px solid var(--color-border-EB); } .toc__item { position: relative; } .toc__item a { display: block; font-size: 14px; line-height: 140%; color: var(--color-info-9B); transition: 0.3s ease; } .toc__item a:hover { color: var(--btn-bg-9D); } .toc__item a.is-active { color: var(--title-color-22); font-weight: 500; } .toc__item a.is-active::before { content: ""; position: absolute; left: -15px; top: 0; bottom: 0; width: 2px; background-color: var(--btn-bg-9D); } .toc__item--h3 { padding-left: 14px; } .content > * + * { margin-top: 20px; } .content h2, .content h3, .content h4 { font-family: var(--font-famely-Tenor); font-weight: 400; line-height: 120%; color: var(--title-color-22); text-align: left; } .content h2 { font-weight: 400; font-size: 49px; line-height: 120%; margin-top: 40px; } .content h3 { font-size: 32px; margin-top: 32px; } .content h4 { font-size: 20px; margin-top: 28px; } .content h2 + h3, .content h3 + h4 { margin-top: 16px; } .content p, .content li { font-weight: 400; font-size: 16px; line-height: 160%; color: var(--title-color-22); } .content a { color: var(--btn-bg-9D); text-decoration: underline; text-underline-offset: 3px; transition: 0.3s ease; } .content a:hover { text-decoration-color: transparent; } .content strong, .content b { font-weight: 600; } .content ul, .content ol { display: flex; flex-direction: column; gap: 10px; padding-left: 24px; } .content ul li { list-style: none; position: relative; } .content ul li::before { content: ""; position: absolute; left: -18px; top: 10px; width: 6px; height: 6px; border-radius: 100%; background-color: var(--btn-bg-9D); } .content ol { list-style: decimal; } .content ol li::marker { color: var(--btn-bg-9D); font-weight: 600; } .content li > ul, .content li > ol { margin-top: 10px; } .content blockquote { padding: 20px 24px; border-left: 2px solid var(--btn-bg-9D); background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 0px; } .content blockquote p { font-size: 18px; line-height: 150%; } .content img { width: 100%; height: auto; border-radius: 0px 24px 0px 24px; } .content figcaption { margin-top: 10px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .content .table-scroll { overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--color-cyrcle-D9) var(--bg-card-ac-FA); -webkit-overflow-scrolling: touch; } .content .table-scroll::-webkit-scrollbar { height: 6px; } .content .table-scroll::-webkit-scrollbar-track { background-color: var(--bg-card-ac-FA); border-radius: 3px; } .content .table-scroll::-webkit-scrollbar-thumb { background-color: var(--color-cyrcle-D9); border-radius: 3px; } .content table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 140%; } .content th, .content td { padding: 14px 16px; border: 1px solid var(--color-border-EB); text-align: left; vertical-align: top; } .content th { background-color: var(--bg-card-ac-FA); font-weight: 600; color: var(--title-color-22); } .content hr { height: 1px; border: none; background-color: var(--color-border-EB); margin: 30px 0px; } .content > *:first-child { margin-top: 0; } .article__content h2, .article__content h3 { scroll-margin-top: 100px; } .article-products { margin-top: 60px; } .article-products__title { margin-bottom: 24px; } .article-products__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--color-border-EB); } .share__label { font-weight: 500; font-size: 14px; color: var(--color-info-9B); } .share__links { display: flex; flex-wrap: wrap; gap: 10px; } .share__link { padding: 8px 16px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--title-color-22); background: none; cursor: pointer; transition: 0.3s ease; } .share__link:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .share__native { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .share__native:hover { background-color: var(--title-color-22); border-color: var(--title-color-22); color: white; } .share__copy.is-copied { border-color: var(--color-gr-23); color: var(--color-gr-23); } .author { margin-top: 40px; padding: 30px; background-color: var(--bg-card-ac-FA); border-radius: 0px 40px 0px 40px; } .author__head { display: flex; flex-direction: row; gap: 20px; } .author__ava { flex: 0 0 auto; width: 96px; height: 96px; border-radius: 100%; object-fit: cover; } .author__name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .author__role { margin-top: 4px; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); } .author__bio { margin-top: 12px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .author__posts { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--color-border-EB); } .author__posts-title { font-weight: 500; font-size: 14px; color: var(--color-info-9B); margin-bottom: 10px; } .author__posts-list { display: flex; flex-direction: column; gap: 8px; } .author__posts-list a { color: var(--title-color-22); transition: 0.3s ease; } .author__posts-list a:hover { color: var(--btn-bg-9D); } .article-cta { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 30px; margin-top: 60px; padding: 40px; background-color: var(--title-color-22); border-radius: 0px 60px 0px 60px; } .article-cta__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 28px; line-height: 120%; color: white; } .article-cta__text { margin-top: 10px; font-size: 16px; line-height: 140%; color: white; max-width: 520px; } .article-cta__btns { display: flex; flex-direction: row; align-items: center; gap: 16px; flex: 0 0 auto; } .article-cta__btns .btn, .article-cta__btns .kviz__btn { max-width: 240px; width: 240px; height: 56px; } .article-related { margin-top: 80px; } @media (max-width: 991px) { .blog__grid { grid-template-columns: repeat(2, 1fr); } .article__layout { flex-direction: column; gap: 30px; } .article__aside { flex: 0 0 auto; position: static; width: 100%; } .article__main { max-width: 100%; width: 100%; } .article-cta { flex-direction: column; align-items: flex-start; padding: 30px; } .article-cta__btns { width: 100%; } } @media (max-width: 768px) { .article-products__grid { grid-template-columns: 1fr; } .blog__cats { display: none; } .blog__select { display: block; width: 100%; margin-bottom: 30px; padding: 14px 46px 14px 18px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--title-color-22); background: url(//shop.iteira.by/wp-content/themes/iteira-woo/assets/img/arr.svg) no-repeat right 16px center; -webkit-appearance: none; appearance: none; cursor: pointer; } .blog__seo { margin-top: 50px; } .article__lead { margin: 30px 0px; } .article__lead img { border-radius: 0px 30px 0px 30px; } .content h2 { font-size: 26px; margin-top: 30px; } .content h3 { font-size: 20px; margin-top: 24px; } .content h4 { font-size: 18px; } .content table { min-width: 520px; } .author { padding: 24px 20px; border-radius: 0px 30px 0px 30px; } .author__head { flex-direction: column; gap: 16px; } .author__ava { width: 72px; height: 72px; } .article-cta { border-radius: 0px 30px 0px 30px; margin-top: 40px; } .article-cta__title { font-size: 22px; } .article-cta__btns { flex-direction: column; align-items: stretch; gap: 12px; } .article-cta__btns .btn, .article-cta__btns .kviz__btn { max-width: 100%; width: 100%; height: 52px; } .article-related { margin-top: 50px; } .blog__more-btn { max-width: 100%; } } .people__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .person-card { position: relative; display: flex; flex-direction: column; background-color: var(--bg-card-ac-FA); border-radius: 0px 40px 0px 40px; overflow: hidden; transition: 0.3s ease; } .person-card:hover { background-color: white; box-shadow: 0px 10px 40px rgba(34, 34, 34, 0.08); } .person-card__photo { aspect-ratio: 4 / 5; overflow: hidden; } .person-card__photo img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s ease; } .person-card:hover .person-card__photo img { transform: scale(1.05); } .person-card__info { display: flex; flex-direction: column; gap: 8px; padding: 20px; flex: 1 1 auto; } .person-card__name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .person-card__role { font-weight: 500; font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); } .person-card__text { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .person-card__link { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 12px; font-weight: 500; font-size: 14px; color: var(--title-color-22); } .person-card__link svg { width: 14px; height: 14px; transform: rotate(180deg); transition: 0.3s ease; } .person-card:hover .person-card__link svg { transform: rotate(180deg) translateX(-4px); } .pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 40px; } .pagination .page-numbers { min-width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; padding: 0px 14px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .pagination .page-numbers:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .pagination .page-numbers.current { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .pagination .dots { border-color: transparent; } .person__head { display: flex; flex-direction: row; align-items: stretch; gap: 50px; margin-bottom: 80px; } .person__photo { flex: 0 0 380px; aspect-ratio: 4 / 5; border-radius: 0px 40px 0px 40px; overflow: hidden; } .person__photo img { width: 100%; height: 100%; object-fit: cover; } .person__intro { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; } .person__role { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--btn-bg-9D); margin-bottom: 10px; } .person__name { margin-bottom: 16px; } .person__lead { font-size: 18px; line-height: 150%; color: var(--color-info-9B); max-width: 620px; } .person__facts { display: flex; flex-wrap: wrap; gap: 30px; margin: 30px 0px; padding: 24px 0px; border-top: 1px solid var(--color-border-EB); border-bottom: 1px solid var(--color-border-EB); } .person__facts li { display: flex; flex-direction: column; gap: 4px; } .person__fact-value { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 25px; line-height: 120%; color: var(--title-color-22); } .person__fact-label { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .person__actions { margin-top: auto; padding-top: 30px; } .person__actions .btn { max-width: 285px; height: 60px; } .person-info__title { margin-bottom: 24px; } .person-info__lead { max-width: 860px; margin-bottom: 40px; } .person-info__lead p { color: var(--color-info-9B); } .person-info__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .person-info__card { padding: 24px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; background-color: white; } .person-info__card-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); margin-bottom: 16px; } .person-info__card-body ul li, .person-info__card-body p { font-size: 14px; line-height: 150%; } .person-info__card-body ul li::before { top: 8px; width: 5px; height: 5px; } .person__cta { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 30px; margin-top: 60px; padding: 40px; background-color: var(--title-color-22); border-radius: 0px 60px 0px 60px; } .person__cta-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 28px; line-height: 120%; color: white; } .person__cta-text { margin-top: 10px; font-size: 16px; line-height: 140%; color: #ebebeb; max-width: 520px; } .person__cta .btn { flex: 0 0 auto; width: 240px; height: 56px; } .person__posts { margin-top: 80px; } @media (max-width: 991px) { .people__grid { grid-template-columns: repeat(2, 1fr); } .person__head { gap: 30px; margin-bottom: 40px; } .person__photo { flex: 0 0 300px; } .person-info__grid { grid-template-columns: repeat(2, 1fr); } .person__cta { flex-direction: column; align-items: flex-start; padding: 30px; } } @media (max-width: 768px) { .person__head { flex-direction: column; } .person__photo { flex: 0 0 auto; width: 100%; border-radius: 0px 30px 0px 30px; } .person__lead { font-size: 16px; } .person__facts { gap: 20px 30px; margin: 24px 0px; } .person__actions .btn { max-width: 100%; height: 52px; } .person-info__lead { margin-bottom: 24px; } .person__cta { padding: 24px 20px; border-radius: 0px 30px 0px 30px; margin-top: 40px; } .person__cta-title { font-size: 22px; } .person__cta .btn { width: 100%; height: 52px; } .pagination .page-numbers { min-width: 38px; height: 38px; padding: 0px 10px; } } @media (max-width: 576px) { .blog__grid, .people__grid, .person-info__grid { grid-template-columns: 1fr; } } .reviews-page__head { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 40px; } .reviews-page__head .btn { flex: 0 0 auto; width: 240px; height: 56px; } .reviews-page__rating { display: flex; align-items: center; gap: 12px; } .reviews-page__avg { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 32px; line-height: 100%; color: var(--title-color-22); } .reviews-page__count { font-size: 14px; color: var(--color-info-9B); } .reviews-page__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; } .review-form-card { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 40px; margin-top: 80px; padding: 40px; background-color: var(--bg-card-ac-FA); border-radius: 0px 60px 0px 60px; } .review-form-card__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 28px; line-height: 120%; color: var(--title-color-22); margin-bottom: 12px; } .review-form-card__intro p { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .review-form-card__notes { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; } .review-form-card__notes li { position: relative; padding-left: 18px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .review-form-card__notes li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 100%; background-color: var(--btn-bg-9D); } .review-form { display: flex; flex-direction: column; gap: 16px; } .review-form__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .review-form__field { display: flex; flex-direction: column; gap: 8px; } .review-form__field label { font-weight: 500; font-size: 14px; color: var(--color-info-9B); } .review-form input[type="text"], .review-form input[type="tel"], .review-form input[type="email"], .review-form textarea { width: 100%; padding: 14px 18px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 16px; font-family: inherit; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .review-form input:focus, .review-form textarea:focus { outline: none; border-color: var(--btn-bg-9D); } .review-form textarea { resize: vertical; min-height: 120px; } .review-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .review-form__bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } .review-form__bottom .btn { width: 220px; height: 52px; } .review-form__rating { display: flex; align-items: center; gap: 12px; font-weight: 500; font-size: 14px; color: var(--color-info-9B); } .rating { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; } .rating__input { position: absolute; opacity: 0; width: 0; height: 0; } .rating__label { width: 24px; height: 24px; cursor: pointer; background-color: var(--color-pag-E8); -webkit-mask: url(//shop.iteira.by/wp-content/themes/iteira-woo/assets/img/star.svg) no-repeat center / contain; mask: url(//shop.iteira.by/wp-content/themes/iteira-woo/assets/img/star.svg) no-repeat center / contain; transition: 0.2s ease; } .rating__input:checked ~ .rating__label, .rating__label:hover, .rating__label:hover ~ .rating__label { background-color: var(--btn-bg-9D); } .rating__input:focus-visible + .rating__label { outline: 2px solid var(--btn-bg-9D); outline-offset: 2px; } .review-form__consent { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .review-form__consent input { margin-top: 2px; accent-color: var(--btn-bg-9D); } .review-form__consent a { color: var(--btn-bg-9D); text-decoration: underline; } .review-form__messages { grid-column: 1 / -1; } #add_review-error, #add_review-success { display: none; padding: 18px 24px; border-radius: 20px; font-weight: 500; font-size: 15px; line-height: 140%; text-align: center; } #add_review-error.show { display: block; background-color: #fdecec; color: #b3261e; } #add_review-success.show { display: block; background-color: #eaf7ea; color: var(--color-gr-23); } .review-form__bottom .btn:disabled { background-color: var(--color-pag-E8); border-color: var(--color-pag-E8); color: var(--color-info-9B); cursor: not-allowed; } .review-form__bottom .btn:disabled:hover { background-color: var(--color-pag-E8); color: var(--color-info-9B); } @media (max-width: 991px) { .reviews-page__grid { grid-template-columns: repeat(2, 1fr); } .review-form-card { grid-template-columns: 1fr; gap: 24px; padding: 30px; } } @media (max-width: 768px) { .reviews-page__head { flex-direction: column; align-items: flex-start; gap: 20px; } .reviews-page__head .btn { width: 100%; } .review-form-card { border-radius: 0px 30px 0px 30px; padding: 24px 20px; margin-top: 50px; } .review-form__row { grid-template-columns: 1fr; } .review-form__bottom { flex-direction: column; align-items: stretch; } .review-form__bottom .btn { width: 100%; } } @media (max-width: 576px) { .reviews-page__grid { grid-template-columns: 1fr; } } .legal-page__title { margin-bottom: 40px; } .error-404__code { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 120px; line-height: 100%; color: var(--color-border-EB); } .error-404__title { margin: 10px 0px 16px 0px; } .error-404__lead { font-size: 18px; line-height: 150%; color: var(--color-info-9B); } .error-404__search { display: flex; flex-direction: row; gap: 12px; margin: 30px 0px 20px 0px; } .error-404__search input { flex: 1 1 auto; min-width: 0; padding: 14px 20px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 130px; font-family: inherit; font-size: 16px; color: var(--title-color-22); transition: 0.3s ease; } .error-404__search input:focus { outline: none; border-color: var(--btn-bg-9D); } .error-404__search .btn { flex: 0 0 auto; width: 160px; height: 52px; } .error-404__home { display: inline-block; font-weight: 500; font-size: 16px; color: var(--btn-bg-9D); text-decoration: underline; text-underline-offset: 3px; } .error-404__block { margin-top: 60px; } .error-404__block-title { margin-bottom: 24px; } .error-404__links { display: flex; flex-wrap: wrap; gap: 10px; } .error-404__links a { padding: 10px 18px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .error-404__links a:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .maintenance { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; background-color: var(--bg-card-ac-FA); } .maintenance__inner { max-width: 560px; text-align: center; } .maintenance__logo { font-family: var(--font-famely-Tenor); font-size: 24px; letter-spacing: 0.2em; color: var(--btn-bg-9D); margin-bottom: 30px; } .maintenance__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 44px; line-height: 120%; color: var(--title-color-22); margin-bottom: 16px; } .maintenance__text { font-size: 16px; line-height: 150%; color: var(--color-info-9B); } .maintenance__contact { display: inline-block; margin-top: 24px; font-size: 20px; color: var(--title-color-22); } @media (max-width: 768px) { .error-404__code { font-size: 80px; } .error-404__lead { font-size: 16px; } .error-404__search { flex-direction: column; } .error-404__search .btn { width: 100%; } .maintenance__title { font-size: 30px; } } .info-page__title { margin-bottom: 16px; } .info-page__lead { font-size: 18px; line-height: 150%; color: var(--color-info-9B); } .info-block__title { margin-bottom: 24px; } .info-block__lead { max-width: 720px; margin-bottom: 24px; color: var(--color-info-9B); } .info-grid { display: grid; gap: 20px; } .info-grid--2 { grid-template-columns: repeat(2, 1fr); } .info-grid--3 { grid-template-columns: repeat(3, 1fr); } .info-card { padding: 30px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; } .info-card--muted { background-color: var(--bg-card-ac-FA); } .info-card--small { padding: 24px; border-radius: 0px 24px 0px 24px; } .info-card__head { margin-bottom: 20px; } .info-card__label { display: inline-block; margin-bottom: 10px; padding: 6px 14px; border-radius: 130px; background-color: var(--bg-card-ac-FA); font-weight: 500; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--btn-bg-9D); } .info-card__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .info-card p { margin-top: 12px; font-size: 15px; line-height: 150%; } .info-card__params { display: flex; flex-direction: column; gap: 12px; } .info-card__params li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-EB); } .info-card__params li:last-child { padding-bottom: 0; border-bottom: none; } .info-card__params span { font-size: 14px; color: var(--color-info-9B); } .info-card__params b { font-weight: 500; font-size: 15px; color: var(--title-color-22); text-align: right; } .info-card__note { margin-top: 16px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .info-list { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; } .info-list li { position: relative; padding-left: 18px; font-size: 15px; line-height: 150%; color: var(--title-color-22); } .info-list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 100%; background-color: var(--btn-bg-9D); } .info-pickup { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 30px; background-color: var(--bg-card-ac-FA); border-radius: 0px 40px 0px 40px; } .info-pickup__address { margin: 8px 0px 20px 0px; font-size: 18px; color: var(--btn-bg-9D); } .info-pickup__rules-title { font-weight: 500; font-size: 16px; color: var(--title-color-22); margin-bottom: 14px; } .steps { display: flex; flex-direction: column; gap: 20px; counter-reset: step; list-style: none; } .steps li { position: relative; padding-left: 48px; counter-increment: step; } .steps li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--btn-bg-9D); color: white; font-weight: 500; font-size: 14px; } .steps__title { font-weight: 500; font-size: 17px; line-height: 140%; color: var(--title-color-22); margin-bottom: 6px; } .steps p { font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .steps--compact { gap: 12px; margin-top: 16px; } .steps--compact li { padding-left: 36px; font-size: 15px; line-height: 150%; } .steps--compact li::before { width: 24px; height: 24px; font-size: 12px; } .notice { margin-top: 30px; padding: 24px 30px; background-color: var(--bg-card-ac-FA); border-left: 3px solid var(--btn-bg-9D); border-radius: 0px 24px 0px 0px; } .notice--accent { margin-top: 40px; background-color: #fdf7ec; } .notice__title { font-weight: 600; font-size: 16px; color: var(--title-color-22); margin-bottom: 8px; } .notice p { font-size: 15px; line-height: 150%; } .notice a { color: var(--btn-bg-9D); text-decoration: underline; } .faq-page__nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0px 50px 0px; } .faq-page__nav a { padding: 10px 18px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .faq-page__nav a:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .faq-page__group { margin-bottom: 50px; scroll-margin-top: 100px; } .faq-page__group-title { margin-bottom: 20px; } @media (max-width: 991px) { .info-grid--3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .info-page__lead { font-size: 16px; } .info-grid--2, .info-grid--3, .info-pickup { grid-template-columns: 1fr; } .info-card, .info-pickup { padding: 24px 20px; border-radius: 0px 30px 0px 30px; } .notice { padding: 20px; } } .brands-page__alphabet { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0px 50px 0px; padding-bottom: 24px; border-bottom: 1px solid var(--color-border-EB); } .brands-page__alphabet a { min-width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; padding: 0px 10px; border: 1px solid var(--color-border-EB); border-radius: 100%; font-weight: 500; font-size: 15px; color: var(--title-color-22); transition: 0.3s ease; } .brands-page__alphabet a:hover { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .brands-page__group { margin-bottom: 40px; scroll-margin-top: 100px; } .brands-page__letter { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 28px; line-height: 120%; color: var(--btn-bg-9D); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-EB); } @media (max-width: 768px) { .brands-page__alphabet { margin: 24px 0px 30px 0px; } .brands-page__alphabet a { min-width: 38px; height: 38px; font-size: 14px; } .brands-page__letter { font-size: 22px; } } .brand-page__head { display: flex; flex-direction: row; align-items: flex-start; gap: 30px; margin-bottom: 50px; padding-bottom: 40px; border-bottom: 1px solid var(--color-border-EB); } .brand-page__logo { flex: 0 0 180px; height: 180px; display: flex; align-items: center; justify-content: center; padding: 20px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .brand-page__logo img { max-width: 100%; max-height: 100%; object-fit: contain; } .brand-page__logo span { font-family: var(--font-famely-Tenor); font-size: 64px; line-height: 100%; color: var(--btn-bg-9D); } .brand-page__info { flex: 1 1 auto; min-width: 0; } .brand-page__title { margin-bottom: 8px; } .brand-page__count { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .brand-page__desc { margin-top: 20px; max-width: 860px; } .shop__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .brand-page__others { padding-top: 40px; border-top: 1px solid var(--color-border-EB); } @media (max-width: 1200px) { .shop__grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 991px) { .brand-page__head { gap: 24px; margin-bottom: 40px; } .brand-page__logo { flex: 0 0 140px; height: 140px; } .shop__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .brand-page__head { flex-direction: column; padding-bottom: 30px; } .brand-page__logo { flex: 0 0 auto; width: 120px; height: 120px; border-radius: 0px 20px 0px 20px; } .brand-page__logo span { font-size: 44px; } } @media (max-width: 480px) { .shop__grid { grid-template-columns: 1fr; } } .brands-page__search { margin: 30px 0px 40px 0px; } .brands-page__search input { display: block; width: 100%; padding: 18px 28px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 130px; font-family: inherit; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .brands-page__search input::placeholder { color: var(--color-info-9B); } .brands-page__search input:focus { outline: none; border-color: var(--btn-bg-9D); } .brands-page__nothing { margin-top: 16px; font-size: 15px; color: var(--color-info-9B); } .brands-page__featured { margin-bottom: 40px; } .brend__item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; } .brend__item-count { font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .brend__item--featured { border-color: var(--btn-bg-9D); } .brend__item-badge { position: absolute; top: 10px; right: 12px; padding: 4px 10px; border-radius: 130px; background-color: var(--btn-bg-9D); font-weight: 500; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: white; } .brand-page__tagline { margin-bottom: 12px; font-size: 18px; line-height: 150%; color: var(--title-color-22); } .brand-page__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .brand-page__country, .brand-page__count { padding: 6px 14px; border: 1px solid var(--color-border-EB); border-radius: 130px; } .brand-page__official { padding: 6px 14px; border-radius: 130px; background-color: #eaf7ea; font-weight: 500; color: var(--color-gr-23); } .shop__toolbar { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 24px; } .shop__cats { display: flex; flex-wrap: wrap; gap: 10px; } .shop__cat { padding: 10px 18px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .shop__cat:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .shop__cat.is-active { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .shop__sort { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; } .shop__sort label { font-size: 14px; color: var(--color-info-9B); } .shop__sort select { padding: 10px 40px 10px 16px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-family: inherit; font-weight: 500; font-size: 14px; color: var(--title-color-22); background: url(//shop.iteira.by/wp-content/themes/iteira-woo/assets/img/arr.svg) no-repeat right 14px center; -webkit-appearance: none; appearance: none; cursor: pointer; } .brand-page__about-item + .brand-page__about-item { margin-top: 40px; } .brand-page__about-title { margin-bottom: 16px; } .brand-page__about .content, .brand-page__method .content { max-width: 860px; } @media (max-width: 768px) { .shop__toolbar { flex-direction: column; align-items: stretch; } .shop__sort { justify-content: space-between; } } [hidden] { display: none !important; } .it-select { position: relative; min-height: 48px; min-width: 220px; } .it-select__panel { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 5; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 24px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; } .it-select.is-up .it-select__panel { top: auto; bottom: 0px; } .it-select.is-open .it-select__panel { z-index: 20; border-color: var(--color-border-EB); box-shadow: 0px 12px 32px rgba(34, 34, 34, 0.1); } .it-select__btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: 46px; padding: 0px 18px; font-family: inherit; font-weight: 500; font-size: 14px; line-height: 140%; text-align: left; color: var(--title-color-22); transition: color 0.3s ease; } .it-select:hover .it-select__btn { color: var(--btn-bg-9D); } .it-select.is-open .it-select__btn { color: var(--btn-bg-9D); } .it-select__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .it-select__arrow { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: var(--btn-bg-9D); transition: transform 0.3s ease; } .it-select__arrow svg { width: 100%; height: 100%; display: block; } .it-select.is-open .it-select__arrow { transform: rotate(180deg); } .it-select__list { max-height: 320px; overflow-y: auto; padding: 4px 0px 8px 0px; } .it-select__option { padding: 9px 18px; font-weight: 400; font-size: 15px; line-height: 140%; color: var(--title-color-22); cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; } .it-select__option:hover, .it-select__option:focus-visible { outline: none; background-color: var(--bg-card-ac-FA); color: var(--btn-bg-9D); } .it-select__option.is-selected { color: var(--btn-bg-9D); } .it-select__option[aria-disabled="true"] { color: var(--color-info-9B); cursor: default; } .it-select__native { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; border: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; opacity: 0; pointer-events: none; } .shop__sort .it-select { min-width: 240px; } .it-select--blog { display: none; } @media (max-width: 768px) { .it-select--blog { display: block; width: 100%; margin-bottom: 30px; } .shop__sort .it-select { width: 100%; } } .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; } @media (max-width: 576px) { .brands-page__search input { padding: 14px 20px; font-size: 15px; } } .it-select--lines { display: none; } @media (max-width: 768px) { .shop__toolbar .shop__cats { display: none; } .it-select--lines { display: block; width: 100%; } .shop__toolbar { gap: 12px; } .brend__item--featured { padding-top: 30px; } .brend__item-badge { top: 0px; left: 0px; right: 0px; padding: 5px 8px; border-radius: 0px; font-size: 9px; letter-spacing: 0.06em; text-align: center; } .brands-page__featured .brend__item, .brands-page__group .brend__item, .brand-page__others .brend__item { min-height: 104px; } } .contacts-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .contacts-tile { display: flex; flex-direction: column; gap: 18px; padding: 28px 26px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .contacts-tile--accent { background-color: var(--bg-card-ac-FA); border-color: transparent; } .contacts-tile__label { font-weight: 500; font-size: 12px; line-height: 140%; letter-spacing: 0.04em; text-transform: uppercase; color: var(--btn-bg-9D); } .contacts-tile__body { display: flex; flex-direction: column; gap: 16px; } .contacts-tile__value { display: block; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); overflow-wrap: anywhere; transition: 0.3s ease; } a.contacts-tile__value:hover { color: var(--btn-bg-9D); } .contacts-tile__hint { display: block; margin-top: 6px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .contacts-tile .info-card__params li { flex-wrap: wrap; gap: 4px 12px; padding-bottom: 10px; } .contacts-tile__chips { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 10px; } .contacts-chip { padding: 10px 20px; border: 1px solid var(--color-border-EB); border-radius: 130px; font-weight: 500; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .contacts-chip:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .contacts-address { font-size: 16px; line-height: 150%; color: var(--title-color-22); } .contacts-map { display: grid; gap: 30px; align-items: stretch; } .contacts-map__frame { position: relative; min-height: 420px; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; overflow: hidden; } .contacts-map__frame iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: none; } .contacts-map__stub { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background-color: var(--bg-card-ac-FA); text-align: center; padding: 20px; } .contacts-map__stub span { font-family: var(--font-famely-Tenor); font-size: 20px; color: var(--title-color-22); } .contacts-map__stub small { font-size: 13px; color: var(--color-info-9B); } .contacts-map__routes { padding: 34px 36px; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; } .contacts-map__routes-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); margin-bottom: 20px; } .contacts-routes { display: flex; flex-direction: column; gap: 18px; } .contacts-routes li { padding-left: 18px; border-left: 2px solid var(--btn-bg-9D); } .contacts-routes__title { font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); margin-bottom: 6px; } .contacts-routes p { font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .contacts-filter { margin-bottom: 24px; } .contacts-filter .shop__cat { cursor: pointer; } .it-select--city { display: none; } .contacts-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .point-card { display: flex; flex-direction: column; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; overflow: hidden; background-color: white; } .point-card__photo { position: relative; height: 220px; background-color: var(--bg-card-ac-FA); } .point-card__photo img { width: 100%; height: 100%; object-fit: cover; } .point-card__city { position: absolute; top: 16px; left: 16px; padding: 6px 14px; border-radius: 130px; background-color: white; font-weight: 500; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--btn-bg-9D); } .point-card__body { display: flex; flex-direction: column; gap: 16px; padding: 26px 28px 30px 28px; } .point-card__name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .point-card__params { display: flex; flex-direction: column; gap: 10px; } .point-card__params li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--color-border-EB); font-size: 14px; line-height: 140%; } .point-card__params li:last-child { padding-bottom: 0px; border-bottom: none; } .point-card__params span { color: var(--color-info-9B); } .point-card__params b { font-weight: 500; color: var(--title-color-22); } .point-card__params a { color: inherit; transition: 0.3s ease; } .point-card__params a:hover { color: var(--btn-bg-9D); } .point-card__services { display: flex; flex-wrap: wrap; gap: 8px; } .point-card__services span { padding: 6px 14px; border-radius: 130px; background-color: var(--bg-card-ac-FA); font-size: 13px; line-height: 140%; color: var(--title-color-22); } .contacts-empty { margin-top: 20px; font-size: 15px; color: var(--color-info-9B); } .stock-check { display: flex; flex-direction: column; gap: 24px; } .stock-check__form { display: flex; flex-direction: row; gap: 12px; } .stock-check__form input { flex: 1 1 auto; min-width: 0px; padding: 16px 24px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 130px; font-family: inherit; font-size: 16px; color: var(--title-color-22); transition: 0.3s ease; } .stock-check__form input::placeholder { color: var(--color-info-9B); } .stock-check__form input:focus { outline: none; border-color: var(--btn-bg-9D); } .stock-check__form .btn { flex: 0 0 auto; width: 200px; height: 56px; } .stock-check__result { border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; overflow: hidden; } .stock-check__product { padding: 24px 28px; background-color: var(--bg-card-ac-FA); } .stock-check__label { display: block; margin-bottom: 6px; font-weight: 500; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-info-9B); } .stock-check__name { font-family: var(--font-famely-Tenor); font-size: 20px; line-height: 120%; color: var(--title-color-22); } .stock-list__row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 28px; border-top: 1px solid var(--color-border-EB); } .stock-list__place b { display: block; font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .stock-list__place span { font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .stock-list__state { flex: 0 0 auto; padding: 6px 16px; border-radius: 130px; font-weight: 500; font-size: 13px; line-height: 140%; } .stock-list__state--in { background-color: #eaf7ea; color: var(--color-gr-23); } .stock-list__state--low { background-color: #fdf3e3; color: #b8791f; } .stock-list__state--out { background-color: var(--bg-card-ac-FA); color: var(--color-info-9B); } .partners { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .partner-card { display: flex; flex-direction: column; gap: 10px; padding: 28px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; transition: 0.3s ease; } .partner-card:hover { border-color: var(--btn-bg-9D); } .partner-card__head { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 10px; } .partner-card__name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .partner-card__badge { flex: 0 0 auto; padding: 5px 12px; border-radius: 130px; background-color: #eaf7ea; font-weight: 500; font-size: 11px; line-height: 140%; color: var(--color-gr-23); } .partner-card__badge--wait { background-color: var(--bg-card-ac-FA); color: var(--color-info-9B); } .partner-card__city { font-weight: 500; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--btn-bg-9D); } .partner-card__address { font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .partner-card__links { display: flex; flex-direction: column; gap: 6px; margin-top: auto; padding-top: 12px; font-size: 14px; line-height: 140%; } .partner-card__links a { color: var(--title-color-22); transition: 0.3s ease; } .partner-card__links a:hover { color: var(--btn-bg-9D); } .partners__updated { margin-top: 20px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .contacts-form .it-select--topic { width: 100%; min-width: 0px; min-height: 52px; } .contacts-form .it-select--topic .it-select__panel { border-radius: 16px; } .contacts-form .it-select--topic .it-select__btn { height: 50px; padding: 0px 18px; font-weight: 400; font-size: 16px; } .contacts-form .review-form__bottom .btn { width: 220px; height: 52px; } @media (max-width: 1100px) { .contacts-tiles { grid-template-columns: repeat(2, 1fr); } .contacts-map { grid-template-columns: minmax(0, 1fr); } .partners { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .contacts-map__routes { padding: 26px 20px; border-radius: 0px 30px 0px 30px; } .contacts-tiles { grid-template-columns: minmax(0, 1fr); } .contacts-tile { padding: 24px 20px; border-radius: 0px 20px 0px 20px; } .contacts-map__frame { min-height: 300px; border-radius: 0px 30px 0px 30px; } .contacts-map__frame iframe { min-height: 300px; } .contacts-filter .shop__cats { display: none; } .it-select--city { display: block; width: 100%; } .contacts-points, .partners { grid-template-columns: minmax(0, 1fr); } .point-card { border-radius: 0px 30px 0px 30px; } .point-card__photo { height: 180px; } .point-card__body { padding: 22px 20px 26px 20px; } .point-card__params li { grid-template-columns: minmax(0, 1fr); gap: 2px; } .stock-check__form { flex-direction: column; } .stock-check__form .btn { width: 100%; } .stock-check__result { border-radius: 0px 30px 0px 30px; } .stock-list__row { flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 20px; } .stock-check__product { padding: 22px 20px; } .contacts-form .review-form__bottom .btn { width: 100%; } } .review-form .wpcf7-form-control-wrap { display: block; } .review-form__consent .wpcf7-list-item { margin: 0px; } .review-form__consent label { display: flex; align-items: flex-start; gap: 10px; } .review-form__consent input[type="checkbox"] { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; accent-color: var(--btn-bg-9D); } .review-form__consent .wpcf7-list-item-label { font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .review-form__consent a { color: var(--btn-bg-9D); } .wpcf7-not-valid-tip { margin-top: 6px; font-size: 13px; line-height: 140%; color: #c1442e; } .review-form .wpcf7-not-valid { border-color: #c1442e; } .wpcf7 .wpcf7-response-output { margin: 0px; padding: 14px 20px; border: 1px solid var(--color-border-EB); border-radius: 16px; font-size: 14px; line-height: 140%; color: var(--title-color-22); } .wpcf7-form.sent .wpcf7-response-output { border-color: var(--color-gr-23); background-color: #eaf7ea; } .wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.failed .wpcf7-response-output, .wpcf7-form.aborted .wpcf7-response-output, .wpcf7-form.spam .wpcf7-response-output { border-color: #c1442e; background-color: #fdeeeb; } .wpcf7-spinner { margin-left: 12px; } .about-page__content { margin-bottom: 60px; } .docs-slider { margin-bottom: 30px; } .docs-slider .swiper-slide { height: auto; } .doc-card { display: flex; flex-direction: column; gap: 14px; } .doc-card__preview { position: relative; display: block; aspect-ratio: 1 / 1.414; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; background-color: var(--bg-card-ac-FA); overflow: hidden; transition: 0.3s ease; } .doc-card__preview:hover { border-color: var(--btn-bg-9D); } .doc-card__preview img { width: 100%; height: 100%; object-fit: cover; object-position: top center; } .doc-card__stub { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; font-size: 14px; color: var(--color-info-9B); } .doc-card__zoom { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%) translateY(8px); padding: 8px 20px; border-radius: 130px; background-color: var(--btn-bg-9D); font-weight: 500; font-size: 13px; color: white; opacity: 0; transition: 0.3s ease; } .doc-card__preview:hover .doc-card__zoom, .doc-card__preview:focus-visible .doc-card__zoom { opacity: 1; transform: translateX(-50%) translateY(0px); } .doc-card__title { font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .doc-card__org { margin-top: 4px; font-size: 13px; line-height: 140%; color: var(--btn-bg-9D); } .doc-card__date { margin-top: 4px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .about-more { margin-top: 30px; } .about-more .btn-border { width: 260px; } @media (max-width: 768px) { .doc-card__preview { border-radius: 0px 20px 0px 20px; } .about-more .btn-border { width: 100%; } } .concern-intro__text { max-width: 860px; margin-bottom: 30px; } .concern-page .info-card .content p, .concern-page .info-card .content li { font-size: 15px; line-height: 150%; } .concern-page .info-card .content > * + * { margin-top: 12px; } .concern-page .info-card .content { margin-top: 10px; } .concern-honest { margin-top: 24px; padding-left: 16px; border-left: 2px solid var(--btn-bg-9D); font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .concern-filters { display: flex; flex-direction: column; gap: 16px; margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px solid var(--color-border-EB); } .concern-filters__row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; align-items: start; } .concern-filters__label { padding-top: 11px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .concern-filters__row .it-select { display: none; } .concern-filters .shop__sort { justify-content: flex-end; } .routines { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start; } .routine { display: flex; flex-direction: column; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; overflow: hidden; } .routine__head { padding: 28px 30px; background-color: var(--bg-card-ac-FA); } .routine__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 24px; line-height: 120%; color: var(--title-color-22); } .routine__note { margin-top: 8px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .routine__steps { counter-reset: routine; padding: 10px 30px 30px 30px; list-style: none; } .routine__step { position: relative; counter-increment: routine; padding: 20px 0px 20px 44px; border-bottom: 1px solid var(--color-border-EB); } .routine__step:last-child { border-bottom: none; padding-bottom: 0px; } .routine__step::before { content: counter(routine); position: absolute; left: 0px; top: 20px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--btn-bg-9D); font-weight: 500; font-size: 13px; color: white; } .routine__step-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; } .routine__step-title { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--title-color-22); } .routine__step-time { padding: 3px 10px; border-radius: 130px; background-color: var(--bg-card-ac-FA); font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .routine__step-text { margin-top: 6px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .routine__product { display: flex; flex-direction: row; align-items: center; gap: 14px; margin-top: 14px; padding: 10px; border: 1px solid var(--color-border-EB); border-radius: 0px 16px 0px 16px; transition: 0.3s ease; } .routine__product:hover { border-color: var(--btn-bg-9D); } .routine__product img { flex: 0 0 auto; width: 56px; height: 56px; object-fit: contain; } .routine__product-info { display: flex; flex-direction: column; gap: 4px; } .routine__product-name { font-size: 14px; line-height: 140%; color: var(--title-color-22); } .routine__product-price { font-weight: 500; font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); } .routine__product-price del { font-weight: 400; color: var(--color-info-9B); } .routine__product-price ins { text-decoration: none; } .expert { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 30px; align-items: center; padding: 34px 36px; background-color: var(--bg-card-ac-FA); border-radius: 0px 60px 0px 60px; } .expert__photo { aspect-ratio: 1 / 1; border-radius: 0px 40px 0px 40px; overflow: hidden; } .expert__photo img { width: 100%; height: 100%; object-fit: cover; } .expert__quote { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 145%; color: var(--title-color-22); } .expert__person { display: flex; flex-direction: column; gap: 4px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--color-border-EB); } .expert__name { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .expert__name:hover { color: var(--btn-bg-9D); } .expert__role { font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); } .expert__facts { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 6px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .expert__facts b { font-weight: 500; color: var(--title-color-22); } .concern-disclaimer { margin-top: 60px; } @media (max-width: 1100px) { .routines { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 768px) { .concern-filters__row { grid-template-columns: minmax(0, 1fr); gap: 8px; } .concern-filters .shop__cats { display: none; } .concern-filters__row .it-select { display: block; width: 100%; } .concern-filters .shop__sort { justify-content: flex-start; } .routine { border-radius: 0px 30px 0px 30px; } .routine__head { padding: 24px 20px; } .routine__steps { padding: 6px 20px 24px 20px; } .expert { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 26px 20px; border-radius: 0px 30px 0px 30px; } .expert__photo { width: 140px; border-radius: 0px 24px 0px 24px; } .expert__quote { font-size: 18px; } .concern-disclaimer { margin-top: 40px; } } .ingredient-alt { margin-bottom: 12px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .ingredient-top { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; align-items: start; } .ingredient-top__text .content { max-width: 720px; } .ingredient-props { display: flex; flex-direction: column; gap: 10px; margin-top: 24px; } .ingredient-props li { position: relative; padding-left: 22px; font-size: 15px; line-height: 150%; color: var(--title-color-22); } .ingredient-props li::before { content: ""; position: absolute; left: 0px; top: 9px; width: 7px; height: 7px; border-radius: 100%; background-color: var(--btn-bg-9D); } .ingredient-passport { padding: 28px 30px; background-color: var(--bg-card-ac-FA); border-radius: 0px 40px 0px 40px; } .ingredient-passport__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); margin-bottom: 20px; } .evidence { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: stretch; } .evidence__level { padding: 26px 30px; border: 1px solid var(--color-border-EB); border-left: 3px solid var(--color-info-9B); border-radius: 0px 24px 0px 24px; } .evidence__level--strong { border-left-color: var(--color-gr-23); } .evidence__level--moderate { border-left-color: #b8791f; } .evidence__level--weak { border-left-color: #c1442e; } .evidence__label { display: block; font-weight: 500; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-info-9B); } .evidence__value { display: block; margin-top: 8px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 24px; line-height: 120%; color: var(--title-color-22); } .evidence__text { margin-top: 12px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .evidence__review { display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 22px 24px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; } .evidence__review-photo { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 100%; overflow: hidden; } .evidence__review-photo img { width: 100%; height: 100%; object-fit: cover; } .evidence__review-body { display: flex; flex-direction: column; gap: 2px; } .evidence__review-label { font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-info-9B); } .evidence__review-name { font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .evidence__review-name:hover { color: var(--btn-bg-9D); } .evidence__review-role { font-size: 13px; line-height: 140%; color: var(--btn-bg-9D); } .evidence__review-date { margin-top: 4px; font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .mix { display: flex; flex-direction: column; gap: 12px; } .mix__row { display: grid; grid-template-columns: 220px 150px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 18px 24px; border: 1px solid var(--color-border-EB); border-left: 3px solid var(--color-info-9B); border-radius: 0px 20px 0px 20px; } .mix__row--yes { border-left-color: var(--color-gr-23); } .mix__row--care { border-left-color: #b8791f; } .mix__row--no { border-left-color: #c1442e; } .mix__name { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--title-color-22); } .mix__name a { color: inherit; transition: 0.3s ease; } .mix__name a:hover { color: var(--btn-bg-9D); } .mix__verdict { font-weight: 500; font-size: 14px; line-height: 140%; } .mix__row--yes .mix__verdict { color: var(--color-gr-23); } .mix__row--care .mix__verdict { color: #b8791f; } .mix__row--no .mix__verdict { color: #c1442e; } .mix__text { font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .card__info-active { display: inline-block; padding: 4px 12px; border-radius: 130px; background-color: var(--bg-card-ac-FA); font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .card__info-active b { font-weight: 600; color: var(--btn-bg-9D); } @media (max-width: 1100px) { .ingredient-top, .evidence { grid-template-columns: minmax(0, 1fr); } .mix__row { grid-template-columns: 200px 140px minmax(0, 1fr); } } @media (max-width: 768px) { .ingredient-passport { padding: 24px 20px; border-radius: 0px 30px 0px 30px; } .evidence__level, .evidence__review { padding: 22px 20px; border-radius: 0px 20px 0px 20px; } .evidence__value { font-size: 20px; } .mix__row { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 18px 20px; } } .promo-head + .info-block { margin-top: 24px; } .promo-head { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; align-items: center; margin-bottom: 30px; } .promo-head:not(:has(.promo-timer)) { grid-template-columns: minmax(0, 1fr); } .promo-head .info-page__title, .promo-head .info-page__lead { margin-bottom: 0px; } .promo-head__main { display: flex; flex-direction: column; gap: 14px; } .promo-dates { font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); } .promo-head--ended .promo-dates { color: var(--color-info-9B); } .promo-timer { padding: 24px 26px; background-color: var(--bg-card-ac-FA); border-radius: 0px 40px 0px 40px; text-align: center; } .promo-timer__label { font-weight: 500; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-info-9B); margin-bottom: 14px; } .promo-timer__clock { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } .promo-timer__unit { display: flex; flex-direction: column; gap: 4px; padding: 10px 4px; background-color: white; border-radius: 0px 16px 0px 16px; } .promo-timer__value { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 110%; color: var(--title-color-22); font-variant-numeric: tabular-nums; } .promo-timer__name { font-size: 11px; line-height: 140%; color: var(--color-info-9B); } .promo-timer.is-over .promo-timer__label { margin-bottom: 0px; } .promo-ended { margin-bottom: 30px; } .promo-terms { padding: 30px 34px; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; } .promo-terms__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); margin-bottom: 16px; } .promo-terms .content p, .promo-terms .content li { font-size: 15px; line-height: 155%; } @media (max-width: 1100px) { .promo-head { grid-template-columns: minmax(0, 1fr); gap: 24px; } } @media (max-width: 768px) { .promo-timer { padding: 20px; border-radius: 0px 30px 0px 30px; } .promo-timer__value { font-size: 22px; } .promo-terms { padding: 24px 20px; border-radius: 0px 30px 0px 30px; } } .card__badges { position: absolute; top: 14px; left: 14px; z-index: 4; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } .card__badge { padding: 6px 14px; border-radius: 130px; border: 1px solid var(--color-border-EB); background-color: white; font-weight: 500; font-size: 12px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } a.card__badge:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .card__badge--cream { background-color: #f3ece0; border-color: #f3ece0; color: var(--btn-bg-9D); } .card__badge--gold { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .card__badge--dark { background-color: var(--title-color-22); border-color: var(--title-color-22); color: white; } .card__badge--red { background-color: #c1442e; border-color: #c1442e; color: white; } .card__badge--green { background-color: var(--color-gr-23); border-color: var(--color-gr-23); color: white; } a.card__badge--gold:hover, a.card__badge--dark:hover, a.card__badge--red:hover, a.card__badge--green:hover { color: white; opacity: 0.85; } a.card__badge--cream:hover { border-color: var(--btn-bg-9D); } @media (max-width: 768px) { .card__badges { top: 10px; left: 10px; gap: 5px; } .card__badge { padding: 5px 11px; font-size: 11px; } } .catalog__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 44px; line-height: 115%; color: var(--title-color-22); margin-bottom: 20px; } .catalog__intro { margin-bottom: 30px; } .catalog__intro p { font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .catalog__intro p:last-child { margin-bottom: 0px; } .catalog__cats { margin-bottom: 40px; } .catalog__layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; } .catalog__main { min-width: 0; } .catalog__open { display: none; } .catalog__found { display: none; } .catalog__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; } .catalog__count { font-size: 14px; color: var(--color-info-9B); } .catalog__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; } .catalog__chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; font-size: 13px; line-height: 130%; color: var(--title-color-22); background-color: var(--bg-card-ac-FA); border: 1px solid var(--color-border-EB); border-radius: 130px; transition: 0.3s ease; } .catalog__chip span { font-size: 16px; line-height: 1; color: var(--color-info-9B); } .catalog__chip:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .catalog__chip:hover span { color: var(--btn-bg-9D); } .catalog__chip--reset { background: none; border-style: dashed; } .catalog__grid { grid-template-columns: repeat(3, 1fr); } .catalog__empty { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 50px 0px; } .catalog__empty p { font-size: 16px; color: var(--color-info-9B); } @media (max-width: 1100px) { .catalog__layout { grid-template-columns: 220px minmax(0, 1fr); gap: 30px; } .catalog__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 991px) { .catalog__layout { grid-template-columns: minmax(0, 1fr); gap: 0px; } .catalog__bar { gap: 10px; flex-wrap: nowrap; margin-bottom: 14px; } .catalog__count { display: none; } .shop__sort { flex: 1 1 auto; min-width: 0; } .shop__sort .it-select { width: 100%; } .catalog__open { flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0px; color: var(--title-color-22); background-color: white; border: 1px solid var(--color-border-EB); border-radius: 130px; cursor: pointer; } .catalog__open svg { width: 20px; height: 20px; } .catalog__open-count { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0px 5px; font-size: 11px; line-height: 18px; color: white; background-color: var(--btn-bg-9D); border-radius: 130px; box-sizing: border-box; } .catalog__found { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 18px; font-size: 14px; color: var(--color-info-9B); } .catalog__side { position: fixed; inset: 0px; z-index: 100001; width: 100%; height: 100%; padding: 20px 16px 30px 16px; background-color: white; overflow-y: auto; box-sizing: border-box; transform: translateX(100%); transition: transform 0.3s ease; } .catalog__side.is-open { transform: translateX(0); } .catalog__side .filters__close { display: block; } .catalog__side .filters__clear { display: none; } .catalog__side .filters__clear--bottom { display: block; margin: 16px auto 0px auto; text-align: center; } .catalog__side .filters__title { font-size: 22px; } body.filters-open { overflow: hidden; } .filters-overlay { position: fixed; inset: 0; z-index: 100000; background-color: rgba(34, 34, 34, 0.4); } } @media (max-width: 768px) { .catalog__title { font-size: 30px; } .catalog__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .catalog__bar { gap: 12px; } } @media (max-width: 480px) { .catalog__grid { grid-template-columns: minmax(0, 1fr); } } .catalog__more { display: flex; justify-content: center; margin-top: 40px; } .catalog__more .btn-border { min-width: 260px; } .catalog__more .btn-border.is-loading { opacity: 0.6; pointer-events: none; } .pager { display: flex; justify-content: center; margin-top: 20px; } .pager__list { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 130px; } .pager .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0px 4px; border-radius: 50%; font-size: 14px; line-height: 1; color: var(--title-color-22); transition: 0.3s ease; } .pager a.page-numbers:hover { color: var(--btn-bg-9D); } .pager .page-numbers.current { background-color: var(--btn-bg-9D); color: white; } .pager .page-numbers.dots { color: var(--color-info-9B); } .pager .prev, .pager .next { color: var(--color-info-9B); font-size: 22px; } .pager .prev::before { content: "\2039"; } .pager .next::before { content: "\203A"; } @media (max-width: 600px) { .catalog__more .btn-border { min-width: 100%; } .pager__list { gap: 0px; padding: 5px 6px; } .pager .page-numbers { min-width: 30px; height: 30px; font-size: 13px; } } .catalog__side { padding: 24px; background-color: var(--bg-card-ac-FA); border-radius: 16px; } .filters { display: flex; flex-direction: column; } .filters__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 8px; } .filters__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 24px; line-height: 120%; color: var(--title-color-22); } .filters__clear { flex: 0 0 auto; white-space: nowrap; font-size: 13px; line-height: 140%; color: var(--color-info-9B); transition: 0.3s ease; } .filters__clear:hover { color: var(--btn-bg-9D); } .filters__close { display: none; width: 30px; height: 30px; font-size: 26px; line-height: 1; color: var(--color-info-9B); background: none; border: none; cursor: pointer; } .filters__group ~ .filters__group { border-top: 1px solid var(--color-border-EB); } .filters__label { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 16px 0px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 18px; line-height: 130%; text-align: left; color: var(--title-color-22); background: none; border: none; cursor: pointer; transition: 0.3s ease; } .filters__group.is-open .filters__label { color: var(--btn-bg-9D); } .filters__arrow { flex: 0 0 auto; width: 20px; height: 20px; color: var(--color-info-9B); transition: 0.3s ease; } .filters__arrow svg { display: block; width: 100%; height: 100%; } .filters__group.is-open .filters__arrow { transform: rotate(180deg); color: var(--btn-bg-9D); } .filters__list { display: none; flex-direction: column; gap: 14px; padding-bottom: 20px; } .filters__group.is-open .filters__list { display: flex; } .filters__item { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 15px; line-height: 135%; color: var(--title-color-22); } .filters__item input { position: absolute; width: 1px; height: 1px; opacity: 0; } .filters__box { flex: 0 0 auto; position: relative; width: 18px; height: 18px; margin-top: 1px; border: 1px solid var(--color-cyrcle-D9); border-radius: 4px; background-color: white; transition: 0.2s ease; } .filters__box--dot { border-radius: 50%; } .filters__box::after { content: ""; position: absolute; top: 2px; left: 6px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: 0.2s ease; } .filters__box--dot::after { top: 50%; left: 50%; width: 8px; height: 8px; border: none; border-radius: 50%; background-color: var(--title-color-22); transform: translate(-50%, -50%); } .filters__item input:checked + .filters__box { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); } .filters__item input:checked + .filters__box--dot { background-color: white; border-color: var(--title-color-22); } .filters__item input:checked + .filters__box::after { opacity: 1; } .filters__item input:focus-visible + .filters__box { outline: 2px solid var(--btn-bg-9D); outline-offset: 2px; } .filters__name { flex: 1 1 auto; } .filters__count { color: var(--color-info-9B); } .filters__price { display: flex; align-items: flex-end; gap: 12px; } .filters__dash { flex: 0 0 auto; padding-bottom: 8px; color: var(--color-cyrcle-D9); } .filters__field { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; cursor: text; } .filters__field-name { font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .filters__field input { width: 100%; padding: 2px 0px 6px 0px; font-family: inherit; font-size: 17px; color: var(--title-color-22); background: none; border: none; border-bottom: 1px solid var(--color-border-EB); border-radius: 0px; box-sizing: border-box; transition: 0.3s ease; } .filters__field input:focus { outline: none; border-bottom-color: var(--btn-bg-9D); } .filters__field input::placeholder { color: var(--color-cyrcle-D9); } .filters__field input::-webkit-outer-spin-button, .filters__field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .filters__field input[type="number"] { -moz-appearance: textfield; appearance: textfield; } .filters__submit { margin-top: 20px; width: 100%; } .filters__submit.is-loading { opacity: 0.7; } @media (max-width: 991px) { .catalog__side { padding: 24px 20px; border-radius: 0px; } } .catalog__seo { margin-top: 60px; } .catalog__seo .content h2 { margin-bottom: 16px; } .catalog__seo .content h3 { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 130%; color: var(--title-color-22); margin-bottom: 12px; } .catalog__seo .content h2:not(:first-child), .catalog__seo .content h3:not(:first-child) { margin-top: 30px; } .catalog__seo .content a { color: var(--btn-bg-9D); border-bottom: 1px solid transparent; transition: 0.3s ease; } .catalog__seo .content a:hover { border-bottom-color: var(--btn-bg-9D); } @media (max-width: 768px) { .catalog__seo { margin-top: 40px; } } .napr__count { margin-top: auto; padding-top: 8px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .filters__clear--bottom { display: none; } .filters__item.is-empty { display: none; } .catalog__results { transition: opacity 0.15s ease; } .catalog__results.is-loading { opacity: 0.45; pointer-events: none; } a.card-info-br { position: relative; z-index: 4; display: inline-block; transition: 0.3s ease; } a.card-info-br:hover { color: var(--btn-bg-9D); } .card__info-mark { margin-top: 6px; font-weight: 500; font-size: 12px; line-height: 140%; color: var(--btn-bg-9D); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .card-rev-star img.is-empty { filter: grayscale(1); opacity: 0.25; } .card-price-sale { flex: 0 0 auto; margin-left: auto; padding: 3px 8px; border-radius: 130px; background-color: #f3ece0; font-weight: 600; font-size: 12px; line-height: 140%; color: var(--btn-bg-9D); } .card__fav { position: absolute; top: 14px; right: 14px; z-index: 4; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--color-border-EB); border-radius: 100%; background-color: white; color: var(--color-info-9B); cursor: pointer; transition: 0.3s ease; } .card__fav svg { width: 18px; height: 18px; } .card__fav:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .card__fav.is-active { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .card__fav.is-active svg path { fill: currentColor; } .card__img { position: relative; } .card__img .card__img-hover { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); object-fit: contain; opacity: 0; transition: opacity 0.3s ease; } .card__main:hover .card__img-hover { opacity: 1; } .card__info-price { flex-wrap: wrap; } .card__main:hover .card__img.is-swap img:not(.card__img-hover) { opacity: 0; } .card-nal--wait { color: var(--btn-bg-9D); } .card-nal--wait:after { background-color: var(--btn-bg-9D); } .card-nal--out { color: var(--color-info-9B); } .card-nal--out:after { background-color: var(--color-info-9B); } .product-status { margin: 0 0 14px 0; padding-left: 10px; font-size: 14px; } .product-status:after { top: 8px; } .product-status__btn { margin-bottom: 20px; } .card__quick { position: absolute; top: 58px; right: 14px; z-index: 4; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--color-border-EB); border-radius: 100%; background-color: white; color: var(--color-info-9B); cursor: pointer; opacity: 0; transform: translateY(-4px); pointer-events: none; transition: 0.3s ease; } .card__quick svg { width: 18px; height: 18px; } .card__main:hover .card__quick { opacity: 1; transform: none; pointer-events: auto; } .card__quick:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } @media (hover: none) { .card__quick { display: none; } } .it-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000002; display: flex; align-items: center; justify-content: center; padding: 20px; } .it-modal[hidden] { display: none; } .it-modal__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(34, 34, 34, 0.55); } .it-modal__box { position: relative; z-index: 1; width: 100%; max-width: 900px; max-height: 90vh; overflow-y: auto; padding: 30px; background-color: white; border-radius: 0px 24px 0px 24px; } .it-modal__close { position: absolute; top: 16px; right: 16px; z-index: 2; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--color-border-EB); border-radius: 100%; background-color: white; color: var(--title-color-22); cursor: pointer; transition: 0.3s ease; } .it-modal__close svg { width: 18px; height: 18px; } .it-modal__close:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .it-modal__body.is-loading { min-height: 160px; } .it-modal__body.is-loading:after { content: "Загружаем…"; display: block; padding: 60px 0; text-align: center; color: var(--color-info-9B); } @media (max-width: 768px) { .it-modal { padding: 0; align-items: flex-end; } .it-modal__box { max-width: none; max-height: 92vh; padding: 24px 20px 30px 20px; border-radius: 24px 24px 0px 0px; } } .quick { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .quick__photo { height: 320px; padding: 10px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .quick__photo img { width: 100%; height: 100%; object-fit: contain; } .quick__thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; } .quick__thumb { width: 64px; height: 64px; padding: 4px; border: 1px solid var(--color-border-EB); border-radius: 12px; background-color: white; cursor: pointer; transition: 0.3s ease; } .quick__thumb img { width: 100%; height: 100%; object-fit: contain; } .quick__thumb.is-active, .quick__thumb:hover { border-color: var(--btn-bg-9D); } .quick__info { display: flex; flex-direction: column; } .quick__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); margin: 6px 0px 10px 0px; } .quick__text { margin: 16px 0px 20px 0px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .quick__text p { font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .quick .card__btns { flex-direction: row; align-items: center; gap: 16px; margin-top: 20px; } .quick .card__btns .btn { flex: 1 1 auto; } .quick__more { margin-top: 16px; font-weight: 500; font-size: 14px; color: var(--btn-bg-9D); text-decoration: underline; } @media (max-width: 768px) { .quick { grid-template-columns: 1fr; gap: 20px; } .quick__photo { height: 240px; } .quick__title { font-size: 22px; } } .request-form { display: flex; flex-direction: column; gap: 16px; } .request-form__head { padding-right: 40px; } .request-form__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); } .request-form__product { margin-top: 6px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .request-form__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .request-form__field { display: flex; flex-direction: column; gap: 8px; } .request-form__field label { font-weight: 500; font-size: 14px; color: var(--color-info-9B); } .request-form__field label span { font-weight: 400; color: var(--color-cyrcle-D9); } .request-form input[type="text"], .request-form input[type="tel"], .request-form input[type="email"], .request-form textarea { width: 100%; padding: 14px 18px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 16px; font-family: inherit; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .request-form input:focus, .request-form textarea:focus { outline: none; border-color: var(--btn-bg-9D); } .request-form textarea { resize: vertical; min-height: 90px; } .request-form__error { padding: 12px 16px; border-radius: 16px; background-color: #fdecea; font-size: 14px; line-height: 140%; color: #b3261e; } .request-form__done { padding: 30px 0px; text-align: center; } .request-form__done b { display: block; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); margin-bottom: 10px; } .request-form__done p { color: var(--color-info-9B); } @media (max-width: 576px) { .request-form__row { grid-template-columns: 1fr; } } .favorites__head { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; } .favorites__clear { padding: 0; border: none; background: none; font-weight: 500; font-size: 14px; color: var(--color-info-9B); text-decoration: underline; cursor: pointer; transition: 0.3s ease; } .favorites__clear:hover { color: var(--btn-bg-9D); } .favorites__empty { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 40px 0px 20px 0px; } .favorites__empty .btn { width: auto; padding: 8px 32px; } .favorites__empty p { color: var(--color-info-9B); } .favorites .catalog__grid.is-loading { display: block; } .favorites .catalog__grid.is-loading:after { content: "Загружаем…"; display: block; padding: 60px 0; text-align: center; color: var(--color-info-9B); } body.modal-open { overflow: hidden; } .quick .card-nal { flex: 0 0 auto; white-space: nowrap; } .it-toasts { position: fixed; top: 20px; right: 20px; z-index: 100010; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; pointer-events: none; } .admin-bar .it-toasts { top: 52px; } .it-toast { pointer-events: auto; position: relative; width: 360px; max-width: calc(100vw - 40px); display: flex; flex-direction: row; align-items: flex-start; gap: 12px; padding: 16px 16px 16px 18px; background-color: white; border: 1px solid var(--color-border-EB); border-left: 3px solid var(--btn-bg-9D); border-radius: 0px 16px 0px 16px; box-shadow: 0px 12px 30px rgba(34, 34, 34, 0.12); opacity: 0; transform: translateX(20px); transition: opacity 0.3s ease, transform 0.3s ease; } .it-toast.is-in { opacity: 1; transform: none; } .it-toast--off { border-left-color: var(--color-cyrcle-D9); } .it-toast__img { flex: 0 0 auto; width: 48px; height: 48px; padding: 4px; border: 1px solid var(--color-border-EB); border-radius: 12px; background-color: white; } .it-toast__img img { width: 100%; height: 100%; object-fit: contain; } .it-toast__body { flex: 1 1 auto; min-width: 0; } .it-toast__title { font-weight: 600; font-size: 14px; line-height: 140%; color: var(--title-color-22); } .it-toast__text { margin-top: 4px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .it-toast__link { display: inline-block; margin-top: 8px; font-weight: 500; font-size: 13px; color: var(--btn-bg-9D); text-decoration: underline; } .it-toast__close { flex: 0 0 auto; width: 20px; height: 20px; padding: 0; border: none; background: none; color: var(--color-cyrcle-D9); cursor: pointer; transition: 0.3s ease; } .it-toast__close svg { width: 100%; height: 100%; } .it-toast__close:hover { color: var(--title-color-22); } .card__btns .added_to_cart, .woocommerce a.added_to_cart { display: none; } @media (max-width: 576px) { .it-toasts { top: 12px; right: 12px; left: 12px; align-items: stretch; } .it-toast { width: auto; max-width: none; } .admin-bar .it-toasts { top: 12px; } } .favorites__popular { width: 100%; margin-top: 30px; } .card-price-from { font-family: "Manrope", sans-serif; font-weight: 400; font-size: 14px; color: var(--color-info-9B); } .card__info { display: flex; flex-direction: column; flex: 1 1 auto; } .card__info .card__info-rev { margin-top: auto; padding-top: 12px; } .site-footer { background-color: var(--bg-card-ac-FA); } .footer__body { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 30px 0px 50px 0px; border-radius: 40px 40px 0px 0px; } .footer__main { max-width: 285px; width: 100%; } .footer__col { max-width: 183px; width: 100%; } .footer__col.footer__contacts { max-width: 285px; width: 100%; } .footer__brand { display: flex; flex-direction: row; align-items: flex-start; gap: 16px; margin-bottom: 30px; } .footer__logo { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 25px; line-height: 120%; letter-spacing: -6%; color: var(--btn-bg-9D); } .footer__brand .custom-logo-link img { max-width: 150px; height: auto; } .footer__about { font-family: var(--font-famely-Inter); font-weight: 400; font-size: 12px; line-height: 120%; letter-spacing: 0%; color: var(--color-info-9B); } .footer__news-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 16px; line-height: 120%; color: var(--title-color-22); } .footer__news-note { font-weight: 400; font-size: 12px; line-height: 140%; color: var(--color-info-9B); margin: 10px 0px 14px 0px; } .footer__form { display: flex; flex-direction: column; gap: 12px; } .footer__form input[type="email"] { width: 100%; height: 44px; padding: 0px 22px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 130px; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .footer__form input[type="email"]:focus { outline: none; border-color: var(--btn-bg-9D); } .footer__form .btn { width: 100%; height: 44px; font-size: 14px; } .footer__consent { font-weight: 400; font-size: 11px; line-height: 140%; color: var(--color-info-9B); } .footer__consent a { color: var(--title-color-22); text-decoration: underline; } .footer__form-msg { font-size: 13px; line-height: 140%; color: var(--color-gr-23); } .footer__form-msg.is-error { color: #b3261e; } .footer__title { font-family: var(--font-famely-Tenor); color: var(--title-color-22); font-weight: 400; font-size: 22px; line-height: 120%; margin-bottom: 16px; } .footer__menu { display: flex; flex-direction: column; gap: 4px; list-style: none; padding: 0; margin: 0; } .footer__menu a { font-weight: 400; font-size: 14px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .footer__menu a:hover, .footer__menu .current-menu-item > a { color: var(--btn-bg-9D); } .footer__line { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 140%; color: var(--title-color-22); } .footer__icon { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; color: var(--btn-bg-9D); } .footer__phones { display: flex; flex-direction: column; gap: 4px; } .footer__line a { color: var(--title-color-22); transition: 0.3s ease; } .footer__line a:hover { color: var(--btn-bg-9D); } .footer__callback { height: 38px; padding: 0px 10px; font-size: 14px; border-radius: 130px; border: 1px solid var(--color-border-EB); max-width: 149px; width: 100%; font-weight: 500; font-size: 14px; line-height: 140%; text-align: center; color: var(--title-color-22); transition: 0.3s ease; } .footer__callback:hover { background-color: var(--btn-bg-9D); color: white; } .footer__socials { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 24px; } .footer__social { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--btn-bg-9D); border-radius: 100%; color: var(--btn-bg-9D); transition: 0.3s ease; } .footer__social svg { width: 14px; height: 14px; } .footer__social img { width: 14px; height: 14px; object-fit: contain; transition: filter 0.3s ease; } .footer__social:hover { background-color: var(--btn-bg-9D); color: white; } .footer__social:hover img { filter: brightness(0) invert(1); } .footer__down { padding: 10px 0px; background-color: #222222; } .footer__down-copyright { font-weight: 400; font-size: 12px; line-height: 140%; color: white; } .footer__down-info { color: var(--color-info-9B); font-weight: 400; font-size: 12px; line-height: 140%; margin-top: 8px; text-align: center; } .footer__down-flex { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; } .footer__down-info-page { display: flex; flex-direction: row; align-items: center; gap: 30px; } .footer__down-info-page a { font-weight: 400; font-size: 12px; line-height: 140%; color: white; transition: 0.3s ease; } .footer__down-info-page a:hover { color: var(--btn-bg-9D); } @media (max-width: 768px) { .footer__body { row-gap: 30px; padding: 30px 0px 40px 0px; } .footer__main, .footer__col, .footer__col.footer__contacts { max-width: none; width: 100%; } .footer__title { font-size: 20px; margin-bottom: 14px; } .footer__down { padding: 20px 0px; } } @media (max-width: 480px) { .footer__down-flex { flex-direction: column; align-items: flex-start; gap: 10px; } .footer__down-info-page { flex-wrap: wrap; row-gap: 6px; } .footer__down-info { text-align: left; } } .header__info { padding: 7px 20px; background-color: var(--title-color-22); } .header__info-body { width: 100%; display: flex; justify-content: center; align-items: center; } .header__info p { font-weight: 400; font-size: 12px; line-height: 140%; color: white; } .header-info-img { margin-right: 4px; } .header__info-body { position: relative; } .header-info-cross { right: 0; top: 4px; position: absolute; width: 16px; height: 16px; cursor: pointer; padding: 0; border: 0; background: none; display: flex; align-items: center; justify-content: center; } .header-info-cross img { display: block; width: 100%; height: 100%; } .header__mid { padding: 18px 0px 0px 0px; } .header__mid-body { display: flex; flex-direction: row; align-items: center; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--color-border-EB); } .header__brand { display: flex; flex-direction: row; align-items: center; gap: 10px; flex: 0 0 auto; } .header__logo { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 25px; line-height: 120%; letter-spacing: -6%; color: var(--btn-bg-9D); } .header__about { font-family: var(--font-famely-Inter); font-weight: 400; font-size: 12px; line-height: 120%; color: var(--color-info-9B); } .header__mid-line { flex: 0 0 auto; width: 1px; height: 44px; background-color: var(--color-border-EB); } .header__consult { flex: 0 0 auto; height: 38px; padding: 0px 10px; border-radius: 130px; max-width: 126px; width: 100%; border: 1px solid var(--color-border-EB); background: none; cursor: pointer; font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .header__consult:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .header__clinic { display: inline-flex; align-items: center; justify-content: center; width: auto; max-width: none; text-decoration: none; } .header__clinic:focus-visible { outline: 2px solid var(--btn-bg-9D); outline-offset: 3px; } .header__panel .header__clinic { display: inline-flex; } .header__panel-clinic { padding-bottom: 18px; } .header__socials { display: flex; flex-direction: row; align-items: center; gap: 8px; flex: 0 0 auto; } .header__social { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 100%; color: var(--btn-bg-9D); transition: 0.3s ease; } .header__social img { width: 14px; height: 14px; object-fit: contain; transition: filter 0.3s ease; } .header__social:hover { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); } .header__social:hover img { filter: brightness(0) invert(1); } .header__phone { flex: 0 0 auto; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--title-color-22); white-space: nowrap; transition: 0.3s ease; } .header__phone:hover { color: var(--btn-bg-9D); } .header__actions { display: flex; flex-direction: row; align-items: flex-start; gap: 28px; margin-left: auto; flex: 0 0 auto; } .header__action { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--title-color-22); transition: 0.3s ease; } .header__action:hover { color: var(--btn-bg-9D); } .header__action-icon { position: relative; display: block; width: 22px; height: 22px; } .header__action-icon img { width: 100%; height: 100%; display: block; object-fit: contain; transition: filter 0.3s ease; } .header__action:hover .header__action-icon img { filter: brightness(0) saturate(100%) invert(51%) sepia(75%) saturate(245%) hue-rotate(4deg) brightness(89%) contrast(92%); } .header__action-count { position: absolute; top: -7px; right: -9px; min-width: 15px; height: 15px; padding: 0px 4px; border-radius: 130px; background-color: var(--btn-bg-9D); display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 10px; line-height: 1; color: white; } .header__action-count[hidden] { display: none; } .header__action-label { font-weight: 400; font-size: 14px; line-height: 140%; color: inherit; white-space: nowrap; } .header__bot { padding: 12px 0px 18px 0px; } .header__bot-body { display: flex; flex-direction: row; align-items: center; gap: 30px; } .header__catalog { flex: 0 0 auto; height: 38px; padding: 0px 15px; display: flex; flex-direction: row; align-items: center; gap: 6px; border: 0; border-radius: 109px; background-color: var(--btn-bg-9D); cursor: pointer; font-weight: 500; font-size: 16px; line-height: 140%; color: white; transition: 0.3s ease; } .header__catalog svg { width: 18px; height: 18px; } .header__catalog:hover { background-color: var(--color-B5); } .header__menu { display: flex; flex-direction: row; align-items: center; gap: 16px; } .header__menu li { display: flex; flex-direction: row; align-items: center; gap: 6px; } .header__menu a { font-weight: 400; font-size: 14px; line-height: 140%; color: var(--title-color-22); white-space: nowrap; transition: 0.3s ease; } .header__menu a:hover { color: var(--btn-bg-9D); } .header__menu-arrow { width: 14px; height: 14px; color: var(--title-color-22); flex: 0 0 auto; padding: 0; border: 0; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; } .header__menu-arrow svg { width: 14px; height: 14px; } .header__search { margin-left: auto; max-width: 387px; width: 100%; height: 38px; padding: 0px 15px; display: flex; flex-direction: row; align-items: center; gap: 10px; border: 1px solid var(--color-border-EB); border-radius: 130px; transition: 0.3s ease; } .header__search:focus-within { border-color: var(--btn-bg-9D); } .header__search svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--color-info-9B); } .header__search input { width: 100%; border: 0; background: none; outline: none; font-family: inherit; font-weight: 400; font-size: 14px; line-height: 140%; color: var(--title-color-22); } .header__search input::placeholder { color: var(--color-info-9B); } .header__search input::-webkit-search-decoration, .header__search input::-webkit-search-cancel-button { -webkit-appearance: none; } .header__cart { position: relative; } .header__minicart { position: absolute; top: 100%; right: 0; z-index: 20; padding-top: 14px; width: 340px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: 0.25s ease; } .header__actions.is-cart-open .header__minicart, .header__cart:focus-within .header__minicart { opacity: 1; visibility: visible; transform: translateY(0px); } .header__minicart-box { padding: 20px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; box-shadow: 0px 12px 30px rgba(34, 34, 34, 0.08); max-height: 70vh; overflow-y: auto; } .header__mid, .header__mid-body { position: relative; z-index: 5; } .site-header { position: relative; z-index: 50; } .header__sticky { position: relative; z-index: 50; background-color: white; transition: box-shadow 0.3s ease; } .header__sticky.is-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 50; box-shadow: 0px 6px 24px rgba(34, 34, 34, 0.07); } .header__minicart-box { padding: 18px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; box-shadow: 0px 14px 34px rgba(34, 34, 34, 0.1); } .header__minicart-head { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--color-border-EB); } .header__minicart-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 18px; line-height: 120%; color: var(--title-color-22); } .header__minicart-count { font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .header__minicart .header__minicart-box .woocommerce-mini-cart { max-height: 300px; overflow-y: auto; margin: 0px -6px 0px 0px; padding-right: 6px; } .header__minicart .header__minicart-box .woocommerce-mini-cart::-webkit-scrollbar { width: 4px; } .header__minicart .header__minicart-box .woocommerce-mini-cart::-webkit-scrollbar-thumb { background-color: var(--color-pag-E8); border-radius: 130px; } .header__minicart .header__minicart-box .woocommerce-mini-cart-item { position: relative; min-height: 56px; padding: 0px 26px 14px 68px; margin-bottom: 14px; border-bottom: 1px solid var(--color-border-EB); } .header__minicart .header__minicart-box .woocommerce-mini-cart-item:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0; } .header__minicart .header__minicart-box .woocommerce-mini-cart-item img { position: absolute; left: 0; top: 0; width: 56px; height: 56px; object-fit: contain; background-color: var(--bg-card-ac-FA); border-radius: 0px 12px 0px 12px; } .header__minicart .header__minicart-box .woocommerce-mini-cart-item > a:not(.remove) { display: block; font-weight: 400; font-size: 14px; line-height: 130%; color: var(--title-color-22); transition: 0.3s ease; } .header__minicart .header__minicart-box .woocommerce-mini-cart-item > a:not(.remove):hover { color: var(--btn-bg-9D); } .header__minicart .header__minicart-box .quantity { display: block; margin-top: 6px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .header__minicart .header__minicart-box .quantity .woocommerce-Price-amount { font-weight: 500; color: var(--title-color-22); } .header__minicart .header__minicart-box .remove_from_cart_button { position: absolute; right: 0; top: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 15px; line-height: 1; color: var(--color-info-9B) !important; transition: 0.3s ease; } .header__minicart .header__minicart-box .remove_from_cart_button:hover { background-color: var(--bg-card-ac-FA); color: var(--title-color-22) !important; } .header__minicart .header__minicart-box .woocommerce-mini-cart__total { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0px; padding-top: 14px; border-top: 1px solid var(--color-border-EB); font-size: 15px; line-height: 140%; color: var(--color-info-9B); } .header__minicart .header__minicart-box .woocommerce-mini-cart__total strong { font-weight: 400; } .header__minicart .header__minicart-box .woocommerce-mini-cart__total .woocommerce-Price-amount { font-weight: 600; font-size: 18px; color: var(--title-color-22); } .header__minicart .header__minicart-box .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 8px; margin: 14px 0px 0px 0px; } .header__minicart .header__minicart-box .woocommerce-mini-cart__buttons a { height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 130px; border: 1px solid var(--btn-bg-9D); font-weight: 500; font-size: 15px; line-height: 140%; color: var(--btn-bg-9D); transition: 0.3s ease; background-color: transparent; } .header__minicart .header__minicart-box .woocommerce-mini-cart__buttons a:hover { background-color: var(--btn-bg-9D); color: white; } .header__minicart .header__minicart-box .woocommerce-mini-cart__buttons a.checkout { background-color: var(--btn-bg-9D); color: white; } .header__minicart .header__minicart-box .woocommerce-mini-cart__buttons a.checkout:hover { background-color: var(--color-B5); border-color: var(--color-B5); } .header__minicart .header__minicart-box .woocommerce-mini-cart-item.is-removing { opacity: 0.35; pointer-events: none; } .header__minicart .header__minicart-box .blockUI, .header__minicart .header__minicart-box .blockUI.blockOverlay { display: none !important; } .header__minicart .header__minicart-box .woocommerce-mini-cart__empty-message { margin: 0px; padding: 10px 0px; font-size: 14px; line-height: 140%; text-align: center; color: var(--color-info-9B); } .header__search-wrap { position: relative; margin-left: auto; max-width: 420px; width: 100%; } .header__search { margin-left: 0px; max-width: none; } .header__search-clear { flex: 0 0 auto; width: 18px; height: 18px; padding: 0; border: 0; background: none; cursor: pointer; opacity: 0.5; transition: 0.3s ease; } .header__search-clear:hover { opacity: 1; } .header__search-clear[hidden] { display: none; } .header__search-clear img { display: block; width: 100%; height: 100%; } .search-drop { position: absolute; top: calc(100% + 10px); left: 0; right: 0; z-index: 30; max-height: 70vh; overflow-y: auto; padding: 10px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; box-shadow: 0px 14px 34px rgba(34, 34, 34, 0.1); } .search-drop[hidden] { display: none; } .search-drop::-webkit-scrollbar { width: 4px; } .search-drop::-webkit-scrollbar-thumb { background-color: var(--color-pag-E8); border-radius: 130px; } .search-drop__group + .search-drop__group { margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--color-border-EB); } .search-drop__title { padding: 0px 10px 6px 10px; font-weight: 500; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-info-9B); } .search-drop__item { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 0px 14px 0px 14px; transition: 0.2s ease; } .search-drop__item:hover, .search-drop__item.is-active { background-color: var(--bg-card-ac-FA); } .search-drop__item img, .search-drop__noimg { flex: 0 0 auto; width: 44px; height: 44px; object-fit: contain; background-color: var(--bg-card-ac-FA); border-radius: 0px 10px 0px 10px; } .search-drop__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .search-drop__name { font-size: 14px; line-height: 130%; color: var(--title-color-22); } .search-drop__price { font-size: 13px; line-height: 140%; color: var(--btn-bg-9D); } .search-drop__item--line { justify-content: space-between; } .search-drop__note { flex: 0 0 auto; font-size: 12px; color: var(--color-info-9B); } .search-drop__all { display: block; margin-top: 8px; padding: 12px 10px 4px 10px; border-top: 1px solid var(--color-border-EB); font-weight: 500; font-size: 14px; text-align: center; color: var(--btn-bg-9D); transition: 0.2s ease; } .search-drop__all:hover, .search-drop__all.is-active { color: var(--title-color-22); } .search-drop__empty { margin: 0px; padding: 14px 10px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .search-page__form { display: flex; flex-direction: row; gap: 10px; margin: 24px 0px 10px 0px; } .search-page__form input { width: 100%; height: 52px; padding: 0px 20px; border: 1px solid var(--color-border-EB); border-radius: 130px; outline: none; font-family: inherit; font-size: 15px; color: var(--title-color-22); transition: 0.3s ease; } .search-page__form input:focus { border-color: var(--btn-bg-9D); } .search-page__form .btn { flex: 0 0 auto; max-width: 150px; cursor: pointer; } .search-page__count { margin-left: 8px; font-family: var(--font-famely-Inter); font-size: 16px; color: var(--color-info-9B); vertical-align: middle; } .search-page__empty p { margin: 0px; color: var(--color-info-9B); } .search-page__cats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 20px; } .search-page__cat { height: 40px; padding: 0px 18px; display: flex; align-items: center; border: 1px solid var(--color-border-EB); border-radius: 130px; font-size: 14px; color: var(--title-color-22); transition: 0.3s ease; } .search-page__cat:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .header__catalog-close { display: none; } .header__catalog.is-open { background-color: white; border: 1px solid var(--btn-bg-9D); color: var(--btn-bg-9D); } .header__catalog.is-open .header__catalog-open { display: none; } .header__catalog.is-open .header__catalog-close { display: block; } .catalog-menu { position: absolute; top: 100%; left: 0; right: 0; border-top: 1px solid var(--color-border-EB); background-color: white; box-shadow: 0px 20px 40px rgba(34, 34, 34, 0.08); } .catalog-menu[hidden] { display: none; } .catalog-menu__body { display: grid; grid-template-columns: 260px 1fr; gap: 0px 40px; min-height: 320px; padding: 24px 0px 30px 0px; } .catalog-menu__side { display: flex; flex-direction: column; border-right: 1px solid var(--color-border-EB); padding-right: 30px; } .catalog-menu__link { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 0px; border: 0; border-bottom: 1px solid var(--color-border-EB); background: none; cursor: pointer; text-align: left; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); transition: 0.2s ease; } .catalog-menu__link:last-child { border-bottom: 0; } .catalog-menu__link svg { flex: 0 0 auto; width: 16px; height: 16px; color: var(--color-info-9B); transition: 0.2s ease; } .catalog-menu__link:hover, .catalog-menu__link.is-active { color: var(--btn-bg-9D); } .catalog-menu__link:hover svg, .catalog-menu__link.is-active svg { color: var(--btn-bg-9D); } .catalog-menu__panel { grid-column: 2; grid-row: 1; display: none; flex-direction: column; align-items: flex-start; } .catalog-menu__panel.is-active { display: flex; } .catalog-menu__head { align-self: stretch; display: flex; flex-direction: row; align-items: center; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--color-border-EB); } .catalog-menu__back { display: none; } .catalog-menu__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .catalog-menu__list { width: 100%; columns: 4; column-gap: 30px; } .catalog-menu__cols { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px 30px; } .catalog-menu__col { display: flex; flex-direction: column; } .catalog-menu__group { margin-bottom: 10px; font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .catalog-menu__group:hover { color: var(--btn-bg-9D); } .catalog-menu__item { display: block; padding: 5px 0px; font-size: 16px; line-height: 140%; color: var(--color-info-9B); transition: 0.2s ease; break-inside: avoid; } .catalog-menu__item:hover { color: var(--btn-bg-9D); } .catalog-menu__empty { margin: 0px; font-size: 14px; color: var(--color-info-9B); } .catalog-menu__all { display: flex; flex-direction: row; align-items: center; gap: 6px; margin-top: auto; padding-top: 24px; font-weight: 500; font-size: 15px; line-height: 140%; color: var(--btn-bg-9D); transition: 0.2s ease; } .catalog-menu__all svg { width: 16px; height: 16px; } .catalog-menu__all:hover { color: var(--title-color-22); } .catalog-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; background-color: #222222; opacity: 0.7; } .catalog-overlay[hidden] { display: none; } body.is-catalog-open { overflow: hidden; padding-right: var(--it-scrollbar, 0px); } .header__menu > li { position: relative; } .header__menu .header__menu-arrow { transition: 0.2s ease; } .header__menu > li:hover > a, .header__menu > li:hover > .header__menu-arrow { color: var(--btn-bg-9D); } .header__menu > li:hover > .header__menu-arrow { transform: rotate(180deg); } .header__menu .sub-menu { position: absolute; top: 100%; left: -18px; z-index: 30; min-width: 230px; padding-top: 14px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: 0.25s ease; } .header__menu > li:hover > .sub-menu, .header__menu > li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0px); } .header__menu .sub-menu li { display: block; } .header__menu .sub-menu > li:first-child > a { border-radius: 0px 18px 0px 0px; } .header__menu .sub-menu > li:last-child > a { border-radius: 0px 0px 0px 18px; } .header__menu .sub-menu a { display: block; padding: 10px 18px; background-color: white; border-left: 1px solid var(--color-border-EB); border-right: 1px solid var(--color-border-EB); font-size: 15px; line-height: 140%; color: var(--title-color-22); white-space: nowrap; } .header__menu .sub-menu > li:first-child > a { border-top: 1px solid var(--color-border-EB); } .header__menu .sub-menu > li:last-child > a { border-bottom: 1px solid var(--color-border-EB); box-shadow: 0px 14px 30px rgba(34, 34, 34, 0.08); } .header__menu .sub-menu a:hover { background-color: var(--bg-card-ac-FA); color: var(--btn-bg-9D); } .catalog__cats.is-cut .napr__item.is-extra { display: none; } .catalog__cats-more { height: 48px; margin-top: 20px; padding: 0px 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 130px; background: none; cursor: pointer; font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .catalog__cats-more:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .it-form-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000001; display: flex; align-items: center; justify-content: center; padding: 20px; } .it-form-modal[hidden] { display: none; } .it-form-modal__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #222222; opacity: 0.7; } .it-form-modal__box { position: relative; z-index: 1; width: 100%; max-width: 640px; max-height: 90vh; overflow-y: auto; padding: 40px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; box-shadow: 0px 30px 70px rgba(34, 34, 34, 0.18); } .it-form-modal__close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 100%; background: none; cursor: pointer; color: var(--color-info-9B); transition: 0.3s ease; } .it-form-modal__close:hover { color: var(--title-color-22); } .it-form-modal__close svg { width: 18px; height: 18px; } .it-form-modal__head { margin-bottom: 24px; padding-right: 40px; } .it-form-modal__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 28px; line-height: 120%; color: var(--title-color-22); } .it-form-modal__note { margin: 10px 0px 0px 0px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .it-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; } .it-form p { margin: 0px 0px 14px 0px; } .it-form__row p { margin: 0px; } .it-form input[type="text"], .it-form input[type="tel"], .it-form input[type="email"], .it-form textarea { width: 100%; padding: 18px 24px; border: 1px solid var(--color-border-EB); border-radius: 48px; background-color: var(--bg-card-ac-FA); outline: none; font-family: inherit; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .it-form textarea { border-radius: 30px; resize: none; } .it-form input::placeholder, .it-form textarea::placeholder { color: var(--color-info-9B); } .it-form input:focus, .it-form textarea:focus { border-color: var(--btn-bg-9D); } .it-form__submit { margin-top: 20px !important; } .it-form input[type="submit"] { width: 100%; height: 60px; border: 0; border-radius: 130px; background-color: var(--color-pag-E8); cursor: pointer; font-family: inherit; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--color-info-9B); transition: 0.3s ease; } .it-form form.is-ready input[type="submit"] { background-color: var(--btn-bg-9D); color: white; } .it-form form.is-ready input[type="submit"]:hover { background-color: var(--color-B5); } .it-form__consent { margin-top: 18px !important; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .it-form .wpcf7-list-item { margin: 0px; } .it-form .wpcf7-list-item label { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; cursor: pointer; } .it-form input[type="checkbox"] { position: relative; flex: 0 0 auto; width: 22px; height: 22px; margin: 0px; appearance: none; -webkit-appearance: none; border: 1px solid var(--color-cyrcle-D9); border-radius: 6px; background-color: white; cursor: pointer; transition: 0.2s ease; } .it-form input[type="checkbox"]:hover { border-color: var(--btn-bg-9D); } .it-form input[type="checkbox"]:focus-visible { outline: 2px solid var(--btn-bg-9D); outline-offset: 2px; } .it-form input[type="checkbox"]:checked { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); } .it-form input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: solid white; border-width: 0px 2px 2px 0px; transform: rotate(45deg); } .it-form .wpcf7-list-item-label { padding-top: 2px; } .it-form__consent a { color: var(--title-color-22); text-decoration: underline; transition: 0.2s ease; } .it-form__consent a:hover { color: var(--btn-bg-9D); } .it-form .wpcf7-not-valid-tip { margin-top: 6px; padding-left: 24px; font-size: 13px; color: #c0564a; } .it-form .wpcf7-response-output { margin: 16px 0px 0px 0px !important; padding: 14px 18px !important; border: 1px solid var(--color-border-EB) !important; border-radius: 0px 20px 0px 20px !important; font-size: 14px; line-height: 150%; color: var(--title-color-22); } .it-form form.sent .wpcf7-response-output { border-color: var(--color-gr-23) !important; } .it-form .wpcf7-spinner { margin: 0px auto; display: block; } .call__body .it-form__consent { color: #b9b9b9; } .call__body .it-form__consent a { color: white; } .call__body .it-form input[type="checkbox"] { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .call__body .it-form form:not(.is-ready) input[type="submit"] { background-color: #3a3a3a; color: #8f8f8f; } .call__body .it-form .wpcf7-not-valid-tip { color: #ff9a8a; } .call__body .it-form .wpcf7-response-output { border-color: rgba(255, 255, 255, 0.25) !important; color: white; } body.modal-open { overflow: hidden; } .header__burger, .header__account { display: none; } .header__panel[hidden] { display: none; } @media (max-width: 1100px) { .header__mid { padding-top: 10px; } .header__mid-body { gap: 12px; padding-bottom: 12px; } .header__mid-line, .header__consult, .header__bot, .header__user, .header__minicart { display: none; } .header__panel .header__user--in { display: block; } .header__panel .header__usermenu { display: none; } .header__logo { font-size: 22px; } .header__about { font-size: 10px; } .header__burger, .header__account { flex: 0 0 auto; width: 44px; height: 44px; padding: 0px; border: 0; border-radius: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s ease; } .header__burger { margin-left: auto; background-color: var(--bg-card-ac-FA); } .header__burger img { display: block; width: 18px; height: 18px; } .header__burger .header__burger-open { filter: brightness(0); opacity: 0.75; } .header__burger .header__burger-close { display: none; } .header__burger.is-open .header__burger-open { display: none; } .header__burger.is-open .header__burger-close { display: block; } .header__account { background-color: var(--title-color-22); } .header__account img { display: block; width: 18px; height: 18px; filter: brightness(0) invert(1); } .header__account:hover { background-color: var(--btn-bg-9D); } .header__panel { position: fixed; top: var(--it-header-h, 64px); left: 0; right: 0; bottom: 0; z-index: 45; background-color: white; overflow-y: auto; overscroll-behavior: contain; } .header__panel-body { display: flex; flex-direction: column; } .header__panel-slot:empty { display: none; } .header__panel-slot[data-menu-slot="search"] { padding: 16px 0px; } .header__panel-slot[data-menu-slot="nav"] { padding: 18px 0px; } .header__panel-slot[data-menu-slot="actions"] { margin: 0px -15px; padding: 18px 15px; background-color: var(--bg-card-ac-FA); border-top: 1px solid var(--color-border-EB); border-bottom: 1px solid var(--color-border-EB); } body.is-menu-open { overflow: hidden; } body.is-menu-open .site-header { z-index: 1000000; } html { scroll-padding-top: 80px; } .header__panel .header__search-wrap { width: 100%; max-width: none; } .header__panel .header__search { max-width: none; height: 44px; margin-left: 0; } .catalog-menu.is-mobile { position: static; border: 0; box-shadow: none; } .catalog-menu.is-mobile > ._container { max-width: none; padding: 0px; } .catalog-menu.is-mobile .catalog-menu__body { display: block; min-height: 0; padding: 0px; } .catalog-menu.is-mobile .catalog-menu__side { padding-right: 0px; border-right: 0; } .catalog-menu.is-mobile .catalog-menu__link { font-family: var(--font-famely-Inter); font-size: 16px; padding: 15px 0px; } .catalog-menu.is-mobile .catalog-menu__link.is-active { color: var(--title-color-22); } .catalog-menu.is-mobile .catalog-menu__link.is-active svg { color: var(--color-info-9B); } .catalog-menu.is-mobile .catalog-menu__panel { display: none; } .catalog-menu.is-mobile.is-sub .catalog-menu__side { display: none; } .catalog-menu.is-mobile.is-sub .catalog-menu__panel.is-active { display: flex; } .catalog-menu.is-mobile .catalog-menu__head { position: relative; justify-content: center; padding: 6px 40px 14px 40px; margin-bottom: 14px; } .catalog-menu.is-mobile .catalog-menu__back { position: absolute; left: -8px; top: 0px; width: 32px; height: 32px; padding: 0px; border: 0; background: none; cursor: pointer; color: var(--title-color-22); display: flex; align-items: center; justify-content: center; } .catalog-menu.is-mobile .catalog-menu__back svg { width: 20px; height: 20px; } .catalog-menu.is-mobile .catalog-menu__title { font-family: var(--font-famely-Inter); font-weight: 500; font-size: 17px; text-align: center; } .catalog-menu.is-mobile .catalog-menu__list { columns: 2; column-gap: 20px; } .catalog-menu.is-mobile .catalog-menu__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .catalog-menu.is-mobile .catalog-menu__item { font-size: 15px; padding: 7px 0px; color: var(--title-color-22); } .catalog-menu.is-mobile .catalog-menu__group { color: var(--btn-bg-9D); } .catalog-menu.is-mobile .catalog-menu__all { margin-top: 6px; padding: 18px 0px 6px 0px; } .header__panel .header__actions { width: 100%; margin-left: 0; gap: 10px; justify-content: space-around; } .header__panel .header__action-label { font-size: 13px; } .header__panel .header__nav { width: 100%; } .header__panel .header__menu { display: grid; grid-auto-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; } .header__panel .header__menu > li { flex-wrap: wrap; } .header__panel .header__menu a { font-size: 15px; white-space: normal; } .header__panel .header__menu-arrow { width: 34px; height: 34px; margin: -10px -20px -10px 0px; justify-content: flex-start; } .header__panel .header__menu > li:hover > a { color: var(--title-color-22); } .header__panel .header__menu > li:hover > .header__menu-arrow { color: var(--title-color-22); transform: none; } .header__panel .header__menu > li.is-open > a, .header__panel .header__menu > li.is-open > .header__menu-arrow { color: var(--btn-bg-9D); } .header__panel .header__menu .sub-menu { position: static; display: none; width: 100%; min-width: 0; padding: 4px 0px 0px 12px; opacity: 1; visibility: visible; transform: none; } .header__panel .header__menu > li.is-open > .sub-menu { display: block; } .header__panel .header__menu > li.is-open > .header__menu-arrow { transform: rotate(180deg); color: var(--btn-bg-9D); } .header__panel .header__menu .sub-menu > li > a, .header__panel .header__menu .sub-menu > li:first-child > a, .header__panel .header__menu .sub-menu > li:last-child > a { padding: 6px 0px; border: 0; border-radius: 0px; background: none; box-shadow: none; font-size: 14px; color: var(--color-info-9B); } .header__panel .header__menu .sub-menu a:hover { background: none; color: var(--btn-bg-9D); } .header__panel-foot { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 0px -15px; padding: 16px 15px; background-color: var(--bg-card-ac-FA); border-top: 1px solid var(--color-border-EB); } .header__panel-foot[hidden] { display: none; } .header__panel-foot .header__social { background-color: white; } .header__panel .header__phone { font-size: 15px; } } @media (max-width: 576px) { .header__info p { font-size: 11px; padding-right: 22px; } .header__about { font-size: 9px; max-width: 165px; } .header__burger, .header__account { width: 38px; height: 38px; } .header__panel .header__action-label { font-size: 12px; } .catalog-menu.is-mobile .catalog-menu__cols { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 400px) { .header__mid-body { gap: 8px; } .header__about { max-width: 140px; } } @media (max-width: 360px) { .header__about { display: none; } } .header__user { position: relative; } .header__action--btn { padding: 0px; border: 0; background: none; cursor: pointer; font-family: inherit; } .header__action-label--name { display: block; max-width: 96px; overflow: hidden; text-overflow: ellipsis; } .header__usermenu { position: absolute; top: 100%; right: 0; z-index: 20; width: 250px; padding-top: 14px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: 0.25s ease; } .header__user--in:hover .header__usermenu, .header__user--in:focus-within .header__usermenu { opacity: 1; visibility: visible; transform: translateY(0px); } .header__usermenu-box { padding: 16px 18px 14px 18px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; box-shadow: 0px 14px 34px rgba(34, 34, 34, 0.1); } .header__usermenu-head { display: flex; flex-direction: row; align-items: center; gap: 10px; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--color-border-EB); } .header__usermenu-avatar { flex: 0 0 auto; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--btn-bg-9D); font-weight: 500; font-size: 17px; line-height: 1; color: white; } .header__usermenu-who { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .header__usermenu-name, .header__usermenu-mail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header__usermenu-name { font-weight: 500; font-size: 15px; line-height: 130%; color: var(--title-color-22); } .header__usermenu-mail { font-size: 13px; line-height: 130%; color: var(--color-info-9B); } .header__usermenu-link { display: block; padding: 8px 0px; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .header__usermenu-link:hover { color: var(--btn-bg-9D); } .header__usermenu-link--out { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--color-border-EB); color: var(--color-info-9B); } .header__account-letter { font-family: var(--font-famely-Inter); font-weight: 500; font-size: 16px; line-height: 1; color: white; } .it-auth { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000003; display: flex; align-items: center; justify-content: center; padding: 20px; } .it-auth[hidden] { display: none; } .it-auth__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #222222; opacity: 0.7; } .it-auth__box { position: relative; z-index: 1; width: 100%; max-width: 460px; max-height: 90vh; overflow-y: auto; padding: 36px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; box-shadow: 0px 30px 70px rgba(34, 34, 34, 0.18); } .it-auth__close { position: absolute; top: 18px; right: 18px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; padding: 0px; border: 0; border-radius: 100%; background: none; cursor: pointer; color: var(--color-info-9B); transition: 0.3s ease; } .it-auth__close:hover { color: var(--title-color-22); } .it-auth__close svg { width: 18px; height: 18px; } .it-auth__head { margin-bottom: 22px; padding-right: 40px; } .it-auth__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); } .it-auth__note { margin: 8px 0px 0px 0px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .it-auth__tabs { display: flex; flex-direction: row; gap: 26px; margin-bottom: 22px; border-bottom: 1px solid var(--color-border-EB); } .it-auth__tab { position: relative; padding: 0px 0px 12px 0px; border: 0; background: none; cursor: pointer; font-family: inherit; font-weight: 400; font-size: 16px; line-height: 140%; color: var(--color-info-9B); transition: 0.2s ease; } .it-auth__tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background-color: var(--btn-bg-9D); opacity: 0; transition: 0.2s ease; } .it-auth__tab:hover { color: var(--title-color-22); } .it-auth__tab.is-active { color: var(--title-color-22); } .it-auth__tab.is-active::after { opacity: 1; } .it-auth__form { display: none; flex-direction: column; gap: 14px; } .it-auth__form.is-active { display: flex; } .it-auth__field { display: block; } .it-auth__label { display: block; margin-bottom: 6px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .it-auth__field input { width: 100%; padding: 15px 20px; border: 1px solid var(--color-border-EB); border-radius: 130px; background-color: var(--bg-card-ac-FA); outline: none; font-family: inherit; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.3s ease; } .it-auth__field input::placeholder { color: var(--color-info-9B); } .it-auth__field input:focus { border-color: var(--btn-bg-9D); } .it-auth__pass { position: relative; display: block; } .it-auth__pass input { padding-right: 52px; } .it-auth__eye { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0px; border: 0; background: none; cursor: pointer; color: var(--color-info-9B); transition: 0.2s ease; } .it-auth__eye:hover, .it-auth__eye.is-on { color: var(--btn-bg-9D); } .it-auth__eye svg { width: 20px; height: 20px; } .it-auth__line { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .it-auth__check { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .it-auth__check--wide { margin-top: 2px; } .it-auth__check input { position: relative; flex: 0 0 auto; width: 22px; height: 22px; margin: 0px; appearance: none; -webkit-appearance: none; border: 1px solid var(--color-cyrcle-D9); border-radius: 6px; background-color: white; cursor: pointer; transition: 0.2s ease; } .it-auth__check input:hover { border-color: var(--btn-bg-9D); } .it-auth__check input:focus-visible { outline: 2px solid var(--btn-bg-9D); outline-offset: 2px; } .it-auth__check input:checked { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); } .it-auth__check input:checked::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: solid white; border-width: 0px 2px 2px 0px; transform: rotate(45deg); } .it-auth__lost { font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); transition: 0.2s ease; } .it-auth__lost:hover { color: var(--title-color-22); } .it-auth__check a { color: var(--title-color-22); text-decoration: underline; transition: 0.2s ease; } .it-auth__check a:hover { color: var(--btn-bg-9D); } .it-auth__submit { height: 54px; margin-top: 6px; border: 0; border-radius: 130px; background-color: var(--btn-bg-9D); cursor: pointer; font-family: inherit; font-weight: 500; font-size: 16px; line-height: 140%; color: white; transition: 0.3s ease; } .it-auth__submit:hover { background-color: var(--color-B5); } .it-auth__form[data-auth-panel="register"] .it-auth__submit { background-color: var(--color-pag-E8); color: var(--color-info-9B); } .it-auth__form[data-auth-panel="register"] .it-auth__submit:hover { background-color: var(--color-cyrcle-D9); } .it-auth__form.is-ready .it-auth__submit { background-color: var(--btn-bg-9D); color: white; } .it-auth__form.is-ready .it-auth__submit:hover { background-color: var(--color-B5); } .it-auth__submit[disabled] { opacity: 0.6; cursor: default; } .it-auth__msg { margin: 0px; padding: 12px 16px; border: 1px solid var(--color-border-EB); border-radius: 16px; background-color: var(--bg-card-ac-FA); font-size: 14px; line-height: 140%; color: #c0564a; } .it-auth__msg.is-ok { color: #3f8f4a; } .it-auth__msg[hidden] { display: none; } .it-auth__trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; } @media (max-width: 576px) { .it-auth { padding: 12px; } .it-auth__box { padding: 28px 20px; border-radius: 0px 28px 0px 28px; } .it-auth__title { font-size: 22px; } } .page-bare__content { padding-bottom: 40px; } .page-bare__title { margin-bottom: 20px; } .account { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 30px; align-items: start; margin-top: 30px; } .account-page .account .account__content { width: 100%; float: none; } .account__nav { padding: 20px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; position: sticky; top: 20px; } .account__user { display: flex; flex-direction: row; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 12px; border-bottom: 1px solid var(--color-border-EB); } .account__avatar { flex: 0 0 auto; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--btn-bg-9D); font-weight: 500; font-size: 19px; line-height: 1; color: white; } .account__who { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .account__name, .account__mail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .account__name { font-weight: 500; font-size: 16px; line-height: 130%; color: var(--title-color-22); } .account__mail { font-size: 13px; line-height: 130%; color: var(--color-info-9B); } .account__menu { display: flex; flex-direction: column; } .account__menu-link { display: block; padding: 10px 14px; border-radius: 100px; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .account__menu-link:hover { color: var(--btn-bg-9D); } .account__menu-item.is-active .account__menu-link { background-color: var(--bg-card-ac-FA); color: var(--btn-bg-9D); font-weight: 500; } .account__menu-item--out { margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--color-border-EB); } .account__menu-item--out .account__menu-link { color: var(--color-info-9B); } .account__hello-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 28px; line-height: 120%; color: var(--title-color-22); } .account__hello-note { margin: 8px 0px 24px 0px; font-size: 16px; line-height: 150%; color: var(--color-info-9B); } .account__tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .account__tile { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 22px 46px 22px 24px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; transition: 0.2s ease; } .account__tile:hover { border-color: var(--btn-bg-9D); } .account__tile-title { font-weight: 500; font-size: 17px; line-height: 140%; color: var(--title-color-22); } .account__tile-note { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .account__tile-arrow { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 18px; height: 18px; color: var(--color-info-9B); transition: 0.2s ease; } .account__tile:hover .account__tile-arrow { color: var(--btn-bg-9D); } .account__orders { display: flex; flex-direction: column; gap: 16px; } .order-card { padding: 22px 24px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .order-card__head { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; } .order-card__num { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); transition: 0.2s ease; } .order-card__num:hover { color: var(--btn-bg-9D); } .order-card__status { padding: 5px 14px; border-radius: 100px; background-color: var(--bg-card-ac-FA); color: var(--color-info-9B); font-size: 13px; line-height: 140%; white-space: nowrap; } .order-card__status--completed { background-color: rgba(35, 193, 40, 0.12); color: #2a8f2e; } .order-card__status--processing, .order-card__status--on-hold { background-color: rgba(157, 133, 78, 0.14); color: var(--btn-bg-9D); } .order-card__status--cancelled, .order-card__status--failed, .order-card__status--refunded { background-color: rgba(192, 86, 74, 0.12); color: #c0564a; } .order-card__facts { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 34px; margin-top: 16px; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .order-card__fact { display: flex; flex-direction: column; gap: 2px; } .order-card__fact-name { font-size: 13px; color: var(--color-info-9B); } .order-card__thumbs { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-top: 16px; } .order-card__thumb { width: 52px; height: 52px; display: block; overflow: hidden; border: 1px solid var(--color-border-EB); border-radius: 12px; background-color: var(--bg-card-ac-FA); } .order-card__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; } .order-card__more { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 12px; font-size: 14px; color: var(--color-info-9B); } .order-card__actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .order-card__btn { height: 42px; padding: 0px 20px; display: flex; align-items: center; border: 1px solid var(--color-border-EB); border-radius: 100px; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .order-card__btn:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .order-card__btn--order-again, .order-card__btn--pay { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .order-card__btn--order-again:hover, .order-card__btn--pay:hover { background-color: var(--color-B5); border-color: var(--color-B5); color: white; } .account__pages { display: flex; flex-direction: row; gap: 10px; margin-top: 20px; } .account__page { height: 44px; padding: 0px 22px; display: flex; align-items: center; border: 1px solid var(--color-border-EB); border-radius: 100px; font-size: 15px; color: var(--title-color-22); transition: 0.2s ease; } .account__page:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .account__empty { padding: 40px 30px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; text-align: center; } .account__empty-title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 24px; line-height: 120%; color: var(--title-color-22); } .account__empty p { margin: 10px 0px 22px 0px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .account__lead { margin: 0px 0px 20px 0px; font-size: 16px; line-height: 150%; color: var(--color-info-9B); } .account__addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .address-card { display: flex; flex-direction: column; padding: 24px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .address-card__title { margin-bottom: 12px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .address-card__body { font-style: normal; font-size: 15px; line-height: 160%; color: var(--title-color-22); } .address-card--empty .address-card__body { color: var(--color-info-9B); } .address-card__edit { align-self: flex-start; height: 42px; margin-top: auto; padding: 0px 22px; display: flex; align-items: center; border: 1px solid var(--color-border-EB); border-radius: 100px; font-size: 15px; color: var(--title-color-22); transition: 0.2s ease; } .address-card__body + .address-card__edit { margin-top: 18px; } .address-card__edit:hover { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .account-form__block { padding: 24px; margin-bottom: 16px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; } .account-form__title { margin-bottom: 18px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .account-form__note { margin: -10px 0px 18px 0px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .account-form__grid, .account-form__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0px 16px; } .account-form__fields .form-row-wide, .account-form__fields .form-row-full { grid-column: 1 / -1; } .account-page .account .account-form__row, .account-page .account .account-form .form-row { margin: 0px 0px 16px 0px; display: block; width: 100%; float: none; } .account-page .account .account-form label { display: block; margin-bottom: 6px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .account-page .account .account-form .required { color: var(--btn-bg-9D); text-decoration: none; } .account-page .account .account-form input[type="text"], .account-page .account .account-form input[type="email"], .account-page .account .account-form input[type="tel"], .account-page .account .account-form input[type="password"], .account-page .account .account-form select, .account-page .account .account-form .select2-selection--single { width: 100%; height: 52px; padding: 0px 20px; border: 1px solid var(--color-border-EB); border-radius: 100px; background-color: var(--bg-card-ac-FA); outline: none; box-shadow: none; font-family: inherit; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .account-page .account .account-form .select2-selection--single .select2-selection__rendered { line-height: 50px; padding: 0px; } .account-page .account .account-form .select2-selection--single .select2-selection__arrow { height: 50px; } .account-page .account .account-form input:focus, .account-page .account .account-form select:focus { border-color: var(--btn-bg-9D); } .account-form__hint { display: block; margin-top: 6px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .account-form__submit { margin: 0px; display: flex; flex-direction: row; align-items: center; gap: 14px; flex-wrap: wrap; } .account-form__block .account-form__submit { margin-top: 4px; } .account-form__back { display: inline-block; margin-top: 16px; font-size: 15px; color: var(--color-info-9B); transition: 0.2s ease; } .account-form__back:hover { color: var(--btn-bg-9D); } .account__content h2 { margin: 0px 0px 16px 0px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 24px; line-height: 120%; color: var(--title-color-22); text-align: left; } .account-page .account .account__content table { width: 100%; border-collapse: collapse; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; overflow: hidden; } .account-page .account .account__content table th, .account-page .account .account__content table td { padding: 14px 18px; border-bottom: 1px solid var(--color-border-EB); text-align: left; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .account-page .account .account__content table th { font-weight: 500; color: var(--color-info-9B); } .account-page .account .account__content table tr:last-child td, .account-page .account .account__content table tr:last-child th { border-bottom: 0; } .woocommerce-message, .woocommerce-error, .woocommerce-info { margin: 0px 0px 20px 0px; padding: 16px 20px; list-style: none; border: 1px solid var(--color-border-EB); border-left: 3px solid var(--btn-bg-9D); border-radius: 0px 16px 0px 16px; background-color: white; font-size: 15px; line-height: 150%; color: var(--title-color-22); } .woocommerce-error { border-left-color: #c0564a; } .woocommerce-error a, .woocommerce-message a, .woocommerce-info a { color: inherit; text-decoration: underline; text-underline-offset: 2px; transition: 0.2s ease; } .woocommerce-error a:hover, .woocommerce-message a:hover, .woocommerce-info a:hover { color: var(--btn-bg-9D); } .woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::after, .woocommerce-error::after, .woocommerce-info::after { content: none; } .woocommerce-message > li, .woocommerce-error > li, .woocommerce-info > li { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { float: none; height: 44px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 100px; background-color: white; font-family: inherit; font-weight: 400; font-size: 15px; line-height: 140%; color: var(--title-color-22); text-shadow: none; transition: 0.2s ease; } .woocommerce .woocommerce-message .button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover { border-color: var(--btn-bg-9D); background-color: white; color: var(--btn-bg-9D); } .account-page .account .account__content .button, .account-page .account .account__content .woocommerce-Button { height: 44px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 100px; background-color: white; cursor: pointer; font-family: inherit; font-weight: 400; font-size: 15px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .account-page .account .account__content .button:hover, .account-page .account .account__content .woocommerce-Button:hover { border-color: var(--btn-bg-9D); background-color: white; color: var(--btn-bg-9D); } .account__content .woocommerce-customer-details { margin-top: 24px; } .account__content .woocommerce-customer-details address { padding: 18px 22px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 20px 0px 20px; font-style: normal; font-size: 15px; line-height: 160%; } @media (max-width: 991px) { .account { grid-template-columns: minmax(0, 1fr); gap: 20px; } .account__nav { position: static; } .account__menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 10px; } .account__menu-item--out { grid-column: 1 / -1; } } @media (max-width: 768px) { .account__tiles, .account__addresses, .account-form__grid, .account-form__fields { grid-template-columns: minmax(0, 1fr); } .account__hello-title { font-size: 24px; } .order-card, .address-card, .account-form__block, .account__nav { padding: 18px; } .order-card__facts { gap: 10px 22px; } } @media (max-width: 576px) { .order-card__btn { flex: 1 1 auto; justify-content: center; } } .cart-page { display: grid; grid-template-columns: minmax(0, 1fr) 387px; gap: 30px; align-items: start; margin-top: 20px; } .cart-goal { margin-bottom: 26px; } .cart-goal__text { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); margin-bottom: 16px; } .cart-goal__text b { font-weight: 500; color: var(--btn-bg-9D); font-family: "Manrope", sans-serif; } .cart-goal__bar { height: 2px; border-radius: 40px; background-color: var(--color-border-EB); overflow: hidden; } .cart-goal__bar span { display: block; height: 100%; border-radius: 3px; background-color: var(--btn-bg-9D); transition: width 0.4s ease; } .cart-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; grid-template-areas: "img info buy" "img tools tools"; gap: 12px 20px; padding: 20px 0px; border-bottom: 1px solid var(--color-border-EB); transition: opacity 0.25s ease; } .cart-item.is-going { opacity: 0.35; pointer-events: none; } .cart-item__img { grid-area: img; width: 96px; height: 110px; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--color-border-EB); border-radius: 0px 16px 0px 16px; background-color: var(--bg-card-ac-FA); } .cart-item__img img { width: 100%; height: 100%; object-fit: contain; display: block; } .cart-item__info { grid-area: info; min-width: 0; } .cart-item__status { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; margin-bottom: 6px; font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .cart-item__status::before { content: ""; width: 5px; height: 5px; border-radius: 100%; background-color: currentColor; } .cart-item__status--in { color: var(--color-gr-23); } .cart-item__status--wait { color: var(--btn-bg-9D); } .cart-item__status--out { color: #c0564a; } .cart-item__title { font-size: 16px; line-height: 140%; color: var(--title-color-22); } .cart-item__title a { color: inherit; transition: 0.2s ease; } .cart-item__title a:hover { color: var(--btn-bg-9D); } .cart-item__specs { margin-top: 4px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .cart-item__buy { grid-area: buy; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; } .cart-item__qty { display: flex; flex-direction: row; align-items: center; height: 40px; border: 1px solid var(--color-border-EB); border-radius: 100px; } .cart-item__step { width: 38px; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0px; border: 0; background: none; cursor: pointer; font-size: 18px; line-height: 1; color: var(--title-color-22); transition: 0.2s ease; } .cart-item__step:hover { color: var(--btn-bg-9D); } .cart-item__count { width: 34px; border: 0; background: none; outline: none; text-align: center; font-family: inherit; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .cart-item__price { font-weight: 500; font-size: 16px; line-height: 140%; color: var(--title-color-22); white-space: nowrap; } .cart-item__price del { margin-right: 6px; font-weight: 400; color: var(--color-info-9B); } .cart-item__tools { grid-area: tools; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .cart-item__tool { display: inline-flex; flex-direction: row; align-items: center; gap: 8px; padding: 0px; border: 0; background: none; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 140%; color: var(--color-info-9B); transition: 0.2s ease; } .cart-item__tool svg { width: 16px; height: 16px; } .cart-item__tool:hover { color: var(--btn-bg-9D); } .cart-item__tool--out:hover { color: #c0564a; } .cart-gift { margin-top: 26px; padding: 22px 24px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; } .cart-gift__head { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; } .cart-gift__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .cart-gift__note { font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .cart-gift__list { display: flex; flex-direction: column; gap: 10px; } .cart-gift__item { display: flex; flex-direction: row; align-items: center; gap: 10px; cursor: pointer; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .cart-gift__item input { position: relative; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px; appearance: none; -webkit-appearance: none; border: 1px solid var(--color-cyrcle-D9); border-radius: 100%; background-color: white; cursor: pointer; transition: 0.2s ease; } .cart-gift__item input:hover { border-color: var(--btn-bg-9D); } .cart-gift__item input:checked { border-color: var(--btn-bg-9D); } .cart-gift__item input:checked::after { content: ""; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 100%; background-color: var(--btn-bg-9D); } .cart-page__side { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 16px; } .order-box { padding: 24px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; } .order-box__title { margin-bottom: 18px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); } .order-box__row { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 10px; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .order-box__row > span:first-child { color: var(--color-info-9B); } .order-box__off { color: var(--color-gr-23); } .order-box__soon { font-size: 13px; color: var(--color-info-9B); text-align: right; } .order-box__row--coupon { font-size: 14px; } .order-box__drop { color: var(--color-info-9B); text-decoration: underline; transition: 0.2s ease; } .order-box__drop:hover { color: #c0564a; } .order-box__total { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 14px; padding-top: 14px; margin-top: 16px; border-top: 1px solid var(--color-border-EB); font-weight: 500; font-size: 17px; line-height: 140%; color: var(--title-color-22); } .order-box__sum, .order-box__sum .amount { font-weight: 500; font-size: 20px; color: var(--btn-bg-9D); } .woocommerce .cart-page .order-box .checkout-button, .cart-page .order-box .checkout-button, .cart-page .order-box .btn { width: 100%; height: 52px; margin-top: 18px; display: flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid var(--btn-bg-9D); border-radius: 130px; background-color: var(--btn-bg-9D); font-family: inherit; font-weight: 500; font-size: 16px; line-height: 140%; color: white; transition: 0.3s ease; } .woocommerce .cart-page .order-box .checkout-button:hover, .cart-page .order-box .checkout-button:hover { background-color: var(--color-B5); border-color: var(--color-B5); color: white; } .cart-page .order-box .order-box__more { max-width: none; margin-top: 10px; background-color: transparent; color: var(--btn-bg-9D); } .cart-page .order-box .order-box__more:hover { background-color: var(--btn-bg-9D); color: white; } .promo-box { margin-top: 30px; } .promo-box__title { margin-bottom: 14px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .promo-box__form { position: relative; } .promo-box__input { width: 100%; height: 56px; padding: 0px 134px 0px 22px; border: 1px solid var(--color-border-EB); border-radius: 130px; background-color: white; outline: none; font-family: inherit; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .promo-box__input::placeholder { color: var(--color-info-9B); } .promo-box__input:focus { border-color: var(--btn-bg-9D); } .promo-box__btn { position: absolute; top: 8px; right: 8px; height: 40px; padding: 0px 22px; border: 0; border-radius: 130px; background-color: var(--btn-bg-9D); cursor: pointer; font-family: inherit; font-weight: 500; font-size: 14px; line-height: 140%; color: white; transition: 0.3s ease; } .promo-box__btn:hover { background-color: var(--color-B5); } .cart-more { margin-top: 60px; } .cart-empty { padding: 50px 30px; margin-top: 20px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; text-align: center; } .cart-empty__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); } .cart-empty p { margin: 10px 0px 24px 0px; font-size: 16px; line-height: 150%; color: var(--color-info-9B); } .cart-empty__btn { width: auto; display: inline-flex; padding: 8px 36px; } @media (max-width: 1100px) { .cart-page { grid-template-columns: minmax(0, 1fr); } .cart-page__side { position: static; } .cart-more { margin-top: 40px; } } @media (max-width: 768px) { .cart-item { grid-template-columns: 80px minmax(0, 1fr); grid-template-areas: "img info" "img buy" "tools tools"; gap: 10px 16px; } .cart-item__img { width: 80px; height: 92px; } .cart-item__buy { flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; } .cart-gift, .order-box { padding: 18px; } .cart-gift__head { flex-direction: column; gap: 6px; } } .checkout-page { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 30px; align-items: start; margin-top: 20px; } .checkout-page__side { position: sticky; top: 20px; } .checkout-hidden, .it-field--hidden { display: none !important; } .checkout-page > .woocommerce-NoticeGroup, .checkout-page > .woocommerce-error, .checkout-page > .woocommerce-message, .checkout-page > .woocommerce-info { grid-column: 1 / -1; } .checkout-page .checkout-inline-error-message { margin: 6px 0px 0px 0px; padding: 0px 22px; font-size: 12px; line-height: 140%; color: #c0564a; } .checkout-step { margin-bottom: 36px; } .checkout-step__title { margin: 0px 0px 18px 0px; } .checkout-step__title span { color: var(--btn-bg-9D); } .checkout-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .checkout-page .it-field { position: relative; margin: 0px; padding: 0px; width: 100%; float: none; } .checkout-page .it-field input[type="text"], .checkout-page .it-field input[type="tel"], .checkout-page .it-field input[type="email"], .checkout-page .it-field input[type="number"] { width: 100%; height: 56px; padding: 0px 22px; border: 1px solid var(--color-border-EB); border-radius: 130px; background-color: white; outline: none; box-shadow: none; font-family: inherit; font-size: 16px; line-height: 140%; color: var(--title-color-22); transition: 0.2s ease; } .checkout-page .it-field input::placeholder { color: var(--color-info-9B); } .checkout-page .it-field input:focus { border-color: var(--btn-bg-9D); } .checkout-page .it-field__label { position: absolute; top: 9px; left: 23px; z-index: 1; margin: 0px; padding: 0px; font-size: 11px; line-height: 1; color: var(--color-info-9B); opacity: 0; pointer-events: none; transition: 0.2s ease; } .checkout-page .it-field__label .required { display: none; } .checkout-page .it-field.is-filled .it-field__label { opacity: 1; } .checkout-page .it-field.is-filled input { padding-top: 16px; } .checkout-page .it-field.woocommerce-invalid input, .checkout-page .it-field.woocommerce-invalid input:focus { border-color: #c0564a; } .woocommerce .checkout-page .it-field.woocommerce-validated input.input-text { border-color: var(--color-border-EB); } .woocommerce .checkout-page .it-field.woocommerce-validated input.input-text:focus { border-color: var(--btn-bg-9D); } .delivery-list__items { display: flex; flex-direction: column; gap: 12px; margin: 0px; padding: 0px; list-style: none; } .delivery-item { border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; transition: 0.2s ease; } .delivery-item:hover { border-color: var(--color-cyrcle-D9); } .delivery-item.is-chosen { border-color: var(--color-border-EB); } .checkout-page #shipping_method .delivery-item__head, .delivery-item__head { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 18px 22px; cursor: pointer; margin: 0px; text-indent: 0px; } .checkout-page #shipping_method .delivery-item, .checkout-page #shipping_method li { margin: 0px; padding: 0px; text-indent: 0px; } .checkout-page #shipping_method .amount { font-weight: 400 !important; font-family: var(--font-famely-Tenor); font-size: 18px; line-height: 120%; } .delivery-item__head input, .pay-item__head input { position: relative; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px; appearance: none; -webkit-appearance: none; border: 1px solid var(--color-cyrcle-D9); border-radius: 100%; background-color: white; cursor: pointer; transition: 0.2s ease; } .delivery-item__head input:checked, .pay-item__head input:checked { border-color: var(--btn-bg-9D); } .delivery-item__head input:checked::after, .pay-item__head input:checked::after { content: ""; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 100%; background-color: var(--btn-bg-9D); } .delivery-item__name, .pay-item__name { font-size: 18px; line-height: 140%; color: var(--title-color-22); font-family: var(--font-famely-Tenor); } .delivery-item__cost { display: flex; flex-direction: row; align-items: center; gap: 12px; font-size: 15px; line-height: 140%; color: var(--btn-bg-9D); white-space: nowrap; } .delivery-item__cost::before { content: ""; width: 1px; height: 16px; background-color: var(--color-border-EB); } .delivery-list__note { margin: 0px; padding: 16px 20px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .checkout-address { padding: 0px 22px 22px 22px; } .checkout-address[hidden] { display: none; } .woocommerce .checkout-page #payment, .woocommerce .checkout-page #payment ul.payment_methods, .woocommerce .checkout-page #payment ul.wc_payment_methods { background: none; border-radius: 0px; padding: 0px; margin: 0px; border: 0; } .woocommerce .checkout-page #payment div.payment_box { background: none; border-radius: 0px; margin: 0px; color: var(--color-info-9B); } .woocommerce .checkout-page #payment div.payment_box::before, .woocommerce .checkout-page #payment div.payment_box::after { display: none; content: none; } .pay-list__items { display: flex; flex-direction: column; gap: 12px; margin: 0px; padding: 0px; list-style: none; } .pay-item { border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; transition: 0.2s ease; } .pay-item:hover { border-color: var(--color-cyrcle-D9); } .pay-item.is-chosen { border-color: var(--btn-bg-9D); } .pay-item__head { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 18px 22px; cursor: pointer; margin: 0px; } .pay-item__icon { display: flex; align-items: center; } .pay-item__icon img { max-height: 20px; width: auto; } .pay-item__body { padding: 0px 22px 18px 52px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .pay-item__body p { margin: 0px; } .pay-list__empty { padding: 16px 20px; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .checkout-page .order-box__row--item .order-box__name { color: var(--color-info-9B); } .checkout-submit { margin-top: 16px; } .checkout-page .checkout-submit__btn { width: 100%; height: 52px; border: 0; cursor: pointer; font-family: inherit; } .checkout-page .checkout-submit__btn:hover { background-color: var(--color-B5); } .checkout-consent { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; } .checkout-consent__item { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 12px; line-height: 140%; color: var(--color-info-9B); } .checkout-consent__item i { font-style: normal; } .checkout-consent__item input { position: relative; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px; appearance: none; -webkit-appearance: none; border: 1px solid var(--color-cyrcle-D9); border-radius: 5px; background-color: white; cursor: pointer; transition: 0.2s ease; } .checkout-consent__item input:hover { border-color: var(--btn-bg-9D); } .checkout-consent__item input:checked { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); } .checkout-consent__item input:checked::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid white; border-width: 0px 2px 2px 0px; transform: rotate(45deg); } .checkout-consent__item a { color: inherit; text-decoration: underline; transition: 0.2s ease; } .checkout-consent__item a:hover { color: var(--btn-bg-9D); } .checkout-page .blockUI.blockOverlay { background-color: white !important; opacity: 0.6 !important; } @media (max-width: 1100px) { .checkout-page { grid-template-columns: minmax(0, 1fr); } .checkout-page__side { position: static; } } @media (max-width: 768px) { .checkout-grid { grid-template-columns: minmax(0, 1fr); } .delivery-item__head, .pay-item__head { flex-wrap: wrap; padding: 16px 18px; } .delivery-item__cost { width: 100%; padding-left: 30px; } .delivery-item__cost::before { display: none; } .checkout-address { padding: 0px 18px 18px 18px; } } .thanks__head { padding: 32px; margin-top: 10px; background-color: var(--bg-card-ac-FA); border-radius: 0px 32px 0px 32px; text-align: center; } .thanks__mark { width: 56px; height: 56px; margin: 0px auto 16px auto; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--btn-bg-9D); color: white; } .thanks__mark svg { width: 26px; height: 26px; } .thanks__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 30px; line-height: 120%; color: var(--title-color-22); } .thanks__note { max-width: 460px; margin: 10px auto 0px auto; font-size: 16px; line-height: 150%; color: var(--color-info-9B); } .thanks__head--fail .thanks__mark { background-color: #c0564a; } .thanks__note--fail { max-width: 520px; color: var(--title-color-22); } .thanks__head--fail .thanks__title { color: #c0564a; } .thanks__actions--center { justify-content: center; } .woocommerce-order-pay .page-bare__content, .woocommerce-order-pay .legal-page__content { max-width: 760px; } .woocommerce-order-pay #order_review .shop_table { width: 100%; margin-bottom: 26px; border-collapse: collapse; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; overflow: hidden; } .woocommerce-order-pay #order_review .shop_table th, .woocommerce-order-pay #order_review .shop_table td { padding: 12px 18px; border-bottom: 1px solid var(--color-border-EB); text-align: left; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .woocommerce-order-pay #order_review .shop_table th { font-weight: 500; color: var(--color-info-9B); } .woocommerce-order-pay #order_review .shop_table tr:last-child td, .woocommerce-order-pay #order_review .shop_table tr:last-child th { border-bottom: 0; } .woocommerce-order-pay #payment, .woocommerce-order-pay #payment ul.payment_methods { background: none; border: 0; border-radius: 0px; padding: 0px; margin: 0px; } .woocommerce-order-pay #payment div.payment_box { background: none; border-radius: 0px; margin: 0px; color: var(--color-info-9B); } .woocommerce-order-pay #payment div.payment_box::before, .woocommerce-order-pay #payment div.payment_box::after { display: none; content: none; } .woocommerce-order-pay #payment .button, .woocommerce-order-pay #payment #place_order, .woocommerce-order-pay #order_review #place_order { width: 100%; max-width: 320px; height: 52px; margin-top: 20px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 130px; background-color: var(--btn-bg-9D); cursor: pointer; font-family: inherit; font-weight: 500; font-size: 16px; line-height: 140%; color: white; text-shadow: none; transition: 0.3s ease; } .woocommerce-order-pay #payment .button:hover, .woocommerce-order-pay #payment #place_order:hover, .woocommerce-order-pay #order_review #place_order:hover { background-color: var(--color-B5); color: white; } .woocommerce ul.order_details.thanks__facts, .thanks__facts { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; margin: 20px 0px 0px 0px; padding: 0px; list-style: none; } .woocommerce ul.order_details.thanks__facts::before, .woocommerce ul.order_details.thanks__facts::after { content: none; } .woocommerce ul.order_details.thanks__facts li.thanks__fact, .woocommerce ul.order_details.thanks__facts li.thanks__fact:last-of-type, .thanks__fact { flex: 0 1 calc(33.333% - 8px); float: none; display: flex; flex-direction: column; gap: 4px; margin: 0px; padding: 14px 18px; border: 1px solid var(--color-border-EB); border-radius: 0px 20px 0px 20px; font-size: 16px; line-height: 140%; text-transform: none; } .woocommerce ul.order_details.thanks__facts .thanks__fact-name, .thanks__fact-name { font-size: 13px; line-height: 140%; text-transform: none; color: var(--color-info-9B); } .woocommerce ul.order_details.thanks__facts li.thanks__fact strong, .thanks__fact strong { display: block; font-weight: 500; font-size: 16px; line-height: 140%; text-transform: none; color: var(--title-color-22); } .thanks__pay p { margin: 20px 0px 0px 0px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .thanks__actions { display: flex; flex-direction: row; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 24px; } .thanks__btn { width: auto; display: inline-flex; padding: 8px 32px; } .thanks__link { font-size: 15px; color: var(--color-info-9B); transition: 0.2s ease; } .thanks__link:hover { color: var(--btn-bg-9D); } .order-details { margin-top: 36px; } .order-details__title { margin-bottom: 16px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 22px; line-height: 120%; color: var(--title-color-22); text-align: left; } .order-details__list { border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; overflow: hidden; } .order-line { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 20px; padding: 14px 20px; border-bottom: 1px solid var(--color-border-EB); } .order-line:last-child { border-bottom: 0; } .order-line__name { font-size: 15px; line-height: 140%; color: var(--title-color-22); } .order-line__name a { color: inherit; transition: 0.2s ease; } .order-line__name a:hover { color: var(--btn-bg-9D); } .order-line__qty { color: var(--color-info-9B); } .order-line__sum { font-weight: 500; font-size: 15px; line-height: 140%; color: var(--title-color-22); white-space: nowrap; } .order-line__note { margin: 0px; padding: 12px 20px; border-bottom: 1px solid var(--color-border-EB); background-color: var(--bg-card-ac-FA); font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .order-details__totals { margin-top: 18px; } .order-details__row { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 20px; padding: 8px 20px; font-size: 15px; line-height: 140%; color: var(--title-color-22); } .order-details__row > span:first-child { color: var(--color-info-9B); } .order-details__row--total { padding-top: 14px; margin-top: 6px; border-top: 1px solid var(--color-border-EB); font-weight: 500; font-size: 17px; } .order-details__row--total .amount { font-weight: 500; font-size: 19px; color: var(--btn-bg-9D); } .order-details__actions { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; margin-top: 20px; } .order-person { margin-top: 30px; padding: 22px 24px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; } .order-person__title { margin-bottom: 16px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .order-person__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; } .order-person__row { display: flex; flex-direction: column; gap: 3px; font-size: 15px; line-height: 145%; color: var(--title-color-22); } .order-person__row--wide { grid-column: 1 / -1; } .order-person__name { font-size: 13px; color: var(--color-info-9B); } .order-person__row a { color: inherit; transition: 0.2s ease; } .order-person__row a:hover { color: var(--btn-bg-9D); } .order-view__head { display: flex; flex-direction: row; align-items: center; gap: 14px; flex-wrap: wrap; } .order-view__num { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); } .order-view__date { font-size: 15px; color: var(--color-info-9B); } .order-view__notes { margin-top: 26px; } .order-view__notes-title { margin-bottom: 12px; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; color: var(--title-color-22); } .order-view__list { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 12px; } .order-view__note { padding: 14px 18px; border: 1px solid var(--color-border-EB); border-radius: 0px 20px 0px 20px; } .order-view__note-date { margin-bottom: 4px; font-size: 13px; color: var(--color-info-9B); } .order-view__note-text p { margin: 0px; font-size: 15px; line-height: 150%; } @media (max-width: 768px) { .thanks__head { padding: 24px 18px; } .thanks__title { font-size: 24px; } .thanks__facts { grid-template-columns: minmax(0, 1fr); gap: 10px; } .order-person__grid { grid-template-columns: minmax(0, 1fr); } .order-person, .order-line, .order-details__row { padding-left: 18px; padding-right: 18px; } } .reviews-block__title { margin-bottom: 40px; text-align: left; } .reviews-block__layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: start; } .reviews-block__list { display: flex; flex-direction: column; gap: 16px; } .reviews-block__empty { color: var(--color-info-9B); } .review-card { padding: 24px 28px; background-color: var(--bg-card-ac-FA); border-radius: 20px; } .review-card__head { display: flex; flex-direction: row; align-items: center; gap: 14px; } .review-card__avatar { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; object-fit: cover; } .review-card__name { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--title-color-22); } .review-card__verified { margin-top: 12px; font-size: 14px; line-height: 140%; color: var(--btn-bg-9D); } .review-card__text { margin-top: 10px; } .review-card__text p { margin: 0px; font-size: 16px; line-height: 150%; } .review-card__text p + p { margin-top: 8px; } .review-card__text p:first-of-type::before { content: "«"; } .review-card__text p:last-of-type::after { content: "»"; } .review-card__date { margin-top: 14px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .reviews-block__more { display: flex; justify-content: center; margin-top: 14px; } .reviews-sum { display: flex; flex-direction: column; gap: 22px; } .reviews-sum__top { display: flex; flex-direction: row; align-items: flex-start; gap: 16px; } .reviews-sum__avg { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 48px; line-height: 100%; color: var(--title-color-22); } .reviews-sum__right { display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1 1 auto; } .reviews-sum .card-rev-star img { width: 20px; height: 20px; } .reviews-sum__counts { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .reviews-sum__bars { display: flex; flex-direction: column; gap: 11px; } .reviews-sum__bar { display: flex; flex-direction: row; align-items: center; gap: 12px; } .reviews-sum__bar-name { flex: 0 0 auto; width: 26px; font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .reviews-sum__track { flex: 1 1 auto; height: 3px; border-radius: 3px; background-color: var(--color-pag-E8); overflow: hidden; } .reviews-sum__fill { display: block; height: 100%; border-radius: 3px; background-color: var(--btn-bg-9D); } .reviews-sum__note { font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .reviews-form { margin-top: 36px; padding: 30px; background-color: var(--bg-card-ac-FA); border-radius: 0px 24px 0px 24px; } .reviews-form .review-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .reviews-form .review-form > p { margin: 0px; } .reviews-form .review-form__note, .reviews-form .review-form__rating, .reviews-form .review-form__field--wide, .reviews-form .comment-form-cookies-consent, .reviews-form .form-submit { grid-column: 1 / -1; } .reviews-form .review-form__note { margin: 0px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .reviews-form .review-form__note a { color: var(--btn-bg-9D); text-decoration: underline; } .reviews-form .comment-form-cookies-consent { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .reviews-form .comment-form-cookies-consent input { margin-top: 2px; accent-color: var(--btn-bg-9D); } .reviews-form .form-submit { margin: 0px; } .review-form__submit { width: 220px; } .reviews-form .required { color: var(--btn-bg-9D); } @media (max-width: 992px) { .reviews-block__layout { grid-template-columns: minmax(0, 1fr); gap: 30px; } .reviews-sum { order: -1; } } @media (max-width: 768px) { .reviews-block__title { margin-bottom: 24px; } .review-card { padding: 20px; } .reviews-form { padding: 20px; } .reviews-form .review-form { grid-template-columns: minmax(0, 1fr); } .review-form__submit { width: 100%; } } .care__title { margin-bottom: 36px; } .care-step { height: 100%; display: flex; flex-direction: column; } .care-step__head { position: relative; display: flex; flex-direction: row; align-items: center; min-height: 34px; margin-bottom: 16px; justify-content: space-between; } .care-step__name { font-size: 15px; line-height: 140%; color: white; } .care-step__num { color: var(--btn-bg-9D); } .mySwiper-care .swiper-slide + .swiper-slide .care-step__name { padding-left: 12px; } .care-step__plus { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: white; color: var(--btn-bg-9D); } .care-step__plus svg { width: 18px; height: 18px; } .care-card { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; padding-bottom: 20px; background-color: white; border-radius: 0px 24px 0px 24px; overflow: hidden; } .care-card__img { height: 210px; padding: 10px; border-bottom: 1px solid var(--color-border-EB); display: flex; align-items: center; justify-content: center; } .care-card__img img { width: 100%; height: 100%; object-fit: contain; } .care-card__info { display: flex; flex-direction: column; gap: 6px; padding: 16px 20px 18px 20px; } .care-card__brand { font-size: 13px; line-height: 140%; color: var(--color-info-9B); } .care-card__title { font-size: 16px; line-height: 140%; color: var(--title-color-22); } .care-card .card-price-sale { display: none; } .care .care-card__swap { position: relative; z-index: 4; width: auto; max-width: none; height: 44px; margin: auto 16px 0px 16px; color: var(--btn-bg-9D); border: 1px solid var(--btn-bg-9D); } .care .care-card__swap:hover { background-color: var(--btn-bg-9D); color: white; } .care__foot { display: flex; justify-content: center; margin-top: 36px; } .care__add { width: 260px; } .care-picker__title { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 26px; line-height: 120%; color: var(--title-color-22); } .care-picker__note { margin: 6px 0px 20px 0px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .care-picker__list { display: flex; flex-direction: column; gap: 10px; max-height: 60vh; overflow-y: auto; } .care-picker__item { display: flex; flex-direction: row; align-items: center; gap: 14px; width: 100%; padding: 10px 14px; background-color: var(--bg-card-ac-FA); border: 1px solid transparent; border-radius: 0px 16px 0px 16px; text-align: left; cursor: pointer; transition: 0.2s ease; } .care-picker__item:hover { border-color: var(--btn-bg-9D); } .care-picker__img { flex: 0 0 auto; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background-color: white; border-radius: 12px; overflow: hidden; } .care-picker__img img { max-width: 100%; max-height: 100%; object-fit: contain; } .care-picker__info { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .care-picker__name { font-size: 15px; line-height: 140%; color: var(--title-color-22); } .care-picker__price { font-weight: 500; font-size: 15px; line-height: 140%; color: var(--btn-bg-9D); } .care-picker__price del { font-weight: 400; color: var(--color-info-9B); } @media (max-width: 768px) { .care__title { margin-bottom: 24px; } .care-step__plus { right: -27px; } .care-card__img { height: 180px; } .care__foot { margin-top: 28px; } .care__add { width: 100%; } } .product-top::after { content: ""; display: table; clear: both; } .pinfo__title { margin-bottom: 24px; text-align: left; } .pinfo__tabs { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; } .pinfo__tab { padding: 11px 22px; border: 1px solid var(--color-border-EB); border-radius: 130px; background: none; font-family: inherit; font-size: 15px; line-height: 140%; color: var(--title-color-22); cursor: pointer; transition: 0.3s ease; } .pinfo__tab:hover { border-color: var(--btn-bg-9D); } .pinfo__tab.is-active { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .pinfo__panel { max-width: 900px; } .pinfo__actives { display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px; list-style: none; } .pinfo__actives li { font-size: 16px; line-height: 140%; color: var(--title-color-22); } .pinfo__actives a { color: inherit; text-decoration: underline; transition: 0.2s ease; } .pinfo__actives a:hover { color: var(--btn-bg-9D); } .pinfo__actives b { font-weight: 500; color: var(--btn-bg-9D); } .pinfo__inci { margin-top: 24px; } .pinfo__inci-title { margin-bottom: 8px; font-weight: 500; font-size: 16px; color: var(--title-color-22); } .pinfo__inci p { font-size: 14px; line-height: 160%; color: var(--color-info-9B); } .pinfo__specs { max-width: none; } .pinfo__spec { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: 20px; padding: 16px 0px; border-bottom: 1px solid var(--color-border-EB); } .pinfo__spec-name { font-size: 16px; line-height: 140%; color: var(--color-info-9B); } .pinfo__spec-value { font-size: 16px; line-height: 140%; color: var(--title-color-22); } @media (max-width: 768px) { .pinfo__title { margin-bottom: 18px; } .pinfo__tabs { gap: 8px; margin-bottom: 20px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .pinfo__tabs::-webkit-scrollbar { display: none; } .pinfo__tab { flex: 0 0 auto; padding: 9px 16px; font-size: 14px; } .pinfo__spec { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 12px 0px; } } .phero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-items: start; } .phero__photo { position: relative; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; overflow: hidden; } .phero__photo .swiper-slide { aspect-ratio: 10 / 9; display: flex; align-items: center; justify-content: center; padding: 20px; } .phero__zoom { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; cursor: zoom-in; } .phero__zoom:focus-visible { outline: 2px solid var(--btn-bg-9D); outline-offset: -2px; } .phero__photo img { width: 100%; height: 100%; object-fit: contain; } .phero__nav { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 100%; background-color: white; color: var(--color-info-9B); cursor: pointer; transition: 0.3s ease; } .phero__nav svg { width: 16px; height: 16px; } .phero__nav--prev { left: 14px; } .phero__nav--next { right: 14px; } .phero__nav--next svg { transform: rotate(180deg); } .phero__nav:hover { background-color: var(--btn-bg-9D); border-color: var(--btn-bg-9D); color: white; } .phero__nav.swiper-button-disabled { opacity: 0.4; pointer-events: none; } .phero__thumbs { margin-top: 14px; } .phero__thumb { height: auto; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; padding: 10px; border: 1px solid var(--color-border-EB); border-radius: 0px 16px 0px 16px; cursor: pointer; transition: 0.3s ease; } .phero__thumb img { width: 100%; height: 100%; object-fit: contain; } .phero__thumb.swiper-slide-thumb-active { border-color: var(--btn-bg-9D); } .phero__info { display: flex; flex-direction: column; } .phero__top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .phero__marks { display: flex; flex-direction: row; align-items: center; gap: 10px; flex-wrap: wrap; } .phero__tools { display: flex; flex-direction: row; align-items: center; gap: 18px; } .phero__tool { display: flex; flex-direction: row; align-items: center; gap: 8px; padding: 0px; background: none; border: 0; font: inherit; font-size: 14px; line-height: 140%; color: var(--color-info-9B); cursor: pointer; transition: 0.3s ease; } .phero__tool svg { width: 20px; height: 20px; } .phero__tool:hover { color: var(--btn-bg-9D); } .phero__tool--icon[aria-pressed="true"] svg path { fill: var(--btn-bg-9D); stroke: var(--btn-bg-9D); } .phero__meta { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; font-size: 14px; line-height: 140%; color: var(--color-info-9B); } .phero__brand { color: inherit; transition: 0.3s ease; } .phero__brand:hover { color: var(--btn-bg-9D); } .phero__title { margin-top: 6px; font-size: 38px; line-height: 120%; } .phero__rating { display: flex; flex-direction: row; align-items: center; gap: 10px; margin-top: 14px; } .phero__rating .card-rev-star img { width: 18px; height: 18px; } .phero__rating-count { font-weight: 500; font-size: 15px; line-height: 140%; color: var(--btn-bg-9D); } .phero__short { margin-top: 16px; } .phero__short p { margin: 0px; font-size: 16px; line-height: 150%; color: var(--color-info-9B); } .phero__price { margin-top: 22px; } .phero__price .card__info-price { display: flex; flex-direction: row; align-items: baseline; gap: 12px; } .phero__price .card-price-new { font-size: 30px; } .phero__price .card-price-old { font-size: 17px; } .phero__price .card-price-sale { display: none; } .phero__price .price, .phero .woocommerce-variation-price .price { display: flex; flex-direction: row; align-items: baseline; gap: 12px; } .phero__price ins, .phero .woocommerce-variation-price ins { order: -1; font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 30px; line-height: 120%; color: var(--title-color-22); text-decoration: none; } .phero__price del, .phero .woocommerce-variation-price del { font-size: 17px; line-height: 140%; color: var(--color-cyrcle-D9); } .phero__price .price > .amount, .phero .woocommerce-variation-price .price > .amount { font-family: var(--font-famely-Tenor); font-weight: 400; font-size: 30px; line-height: 120%; color: var(--title-color-22); } .phero form.cart .quantity, .phero .woocommerce-variation-add-to-cart .quantity { display: none !important; } .phero .woocommerce-variation-availability, .phero .stock, .phero .reset_variations { display: none !important; } .phero .woocommerce-variation-price { display: block; margin: 22px 0px; } .woocommerce div.product.phero form.cart { margin-top: 20px; margin-bottom: 30px; } .phero form.cart, .phero .woocommerce-variation-add-to-cart { display: flex; flex-direction: row; align-items: center; gap: 16px; flex-wrap: wrap; } .phero form.variations_form { display: block; } .phero button.single_add_to_cart_button.button, .phero__click, .phero__cart { flex: 1 1 200px; width: auto; max-width: none; height: 56px; display: flex; align-items: center; justify-content: center; padding: 8px 20px; border-radius: 130px; font-weight: 500; font-size: 16px; line-height: 140%; cursor: pointer; transition: 0.3s ease; } .phero button.single_add_to_cart_button.button.alt, .phero button.single_add_to_cart_button.button { color: white; border: 1px solid var(--btn-bg-9D); background-color: var(--btn-bg-9D); } .phero button.single_add_to_cart_button.button.alt:hover, .phero button.single_add_to_cart_button.button:hover { background-color: var(--color-B5); border-color: var(--color-B5); } .phero__click { background: none; color: var(--btn-bg-9D); border: 1px solid var(--btn-bg-9D); } .phero__click:hover { background-color: var(--btn-bg-9D); color: white; } .phero__buy { display: flex; flex-direction: row; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 22px; } .phero .variations { width: 100%; margin: 0px 0px 0px 0px; border: 0; } .phero .variations tr, .phero .variations td, .phero .variations th { display: block; padding: 0px; border: 0; background: none; text-align: left; } .phero .variations tr + tr { margin-top: 16px; } .phero .variations label { font-size: 16px; line-height: 140%; color: var(--title-color-22); } .phero .variations label::after { content: ":"; } .phero .variations select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .pvar { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .pvar__item { min-width: 66px; padding: 10px 18px; border: 1px solid var(--color-border-EB); border-radius: 130px; background: none; font: inherit; font-size: 15px; line-height: 140%; color: var(--title-color-22); cursor: pointer; transition: 0.3s ease; } .pvar__item:hover { border-color: var(--btn-bg-9D); } .pvar__item.is-active { border-color: var(--btn-bg-9D); color: var(--btn-bg-9D); } .pvar__item:disabled { opacity: 0.4; cursor: not-allowed; text-decoration: line-through; } .phero__receive { margin-top: 0px; } .phero__receive-name { font-size: 16px; line-height: 140%; color: var(--title-color-22); } .phero__receive p { margin: 6px 0px 0px 0px; font-size: 15px; line-height: 150%; color: var(--color-info-9B); } .phero__links { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px 26px; margin-top: 22px; } .phero__link { display: flex; flex-direction: row; align-items: center; gap: 8px; padding: 0px; background: none; border: 0; font: inherit; font-size: 15px; line-height: 140%; color: var(--btn-bg-9D); cursor: pointer; transition: 0.3s ease; } .phero__link svg { width: 20px; height: 20px; } .phero__link:hover { color: var(--color-B5); } @media (max-width: 992px) { .phero { grid-template-columns: minmax(0, 1fr); gap: 20px; } .phero__gallery { order: 2; } .phero__info { display: contents; } .phero__top, .phero__meta, .phero__title, .phero__rating { order: 1; } .phero__short, .phero__price, .phero form.cart, .phero__buy, .phero__receive, .phero__links { order: 3; } .phero__title { font-size: 28px; } .phero__top { margin-top: 0px; } .phero__meta, .phero__title, .phero__rating, .phero__short, .phero__price, .phero form.cart, .phero__buy, .phero__receive, .phero__links { margin-top: 0px; } .phero button.single_add_to_cart_button.button, .phero__click, .phero__cart { flex: 1 1 100%; height: 52px; } } .phero__tool img { width: 18px; height: 18px; } .phero__tool--icon { width: 36px; height: 36px; justify-content: center; border: 1px solid var(--color-border-EB); border-radius: 100%; background-color: white; } .phero__tool--icon:hover { border-color: var(--btn-bg-9D); } .phero__tool--icon.is-active { border-color: var(--btn-bg-9D); background-color: var(--btn-bg-9D); } .phero__tool--icon.is-active img { filter: invert(1); } .to-top { position: fixed; right: 30px; bottom: 30px; z-index: 1000000; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; padding: 0px; border: 1px solid var(--btn-bg-9D); border-radius: 100%; background-color: white; color: var(--btn-bg-9D); cursor: pointer; transition: 0.3s ease; } .to-top[hidden], body.is-menu-open .to-top { display: none; } .to-top svg { width: 18px; height: 18px; transform: rotate(90deg); } .to-top:hover { background-color: var(--btn-bg-9D); color: white; } @media (max-width: 768px) { .to-top { right: 16px; bottom: 16px; width: 42px; height: 42px; } } .auth-page { display: flex; justify-content: center; padding: 10px 0px 40px 0px; } .auth-page__box { width: 100%; max-width: 460px; padding: 36px; background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 40px 0px 40px; } .auth-page__box .it-auth__head { padding-right: 0px; } .auth-page__hint { margin: 0px; font-size: 14px; line-height: 150%; color: var(--color-info-9B); } .auth-page__back { align-self: center; font-size: 14px; line-height: 140%; color: var(--color-info-9B); transition: 0.3s ease; } .auth-page__back:hover { color: var(--btn-bg-9D); } .auth-page__box--done { text-align: center; } .auth-page__mark { width: 56px; height: 56px; margin: 0px auto 18px auto; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--btn-bg-9D); color: white; } .auth-page__mark svg { width: 26px; height: 26px; } .auth-page__btn { width: auto; display: inline-flex; margin-top: 22px; padding: 8px 32px; } .auth-page .woocommerce-privacy-policy-text p { margin: 0px; font-size: 13px; line-height: 150%; color: var(--color-info-9B); } .auth-page .woocommerce-privacy-policy-text a { color: var(--btn-bg-9D); text-decoration: underline; } @media (max-width: 576px) { .auth-page__box { padding: 26px 20px; border-radius: 0px 30px 0px 30px; } } body .lwpcngNotice.lwpcngNoticeBox { max-width: 400px; padding: 24px; font-family: "Manrope", sans-serif; font-weight: 400; font-size: 15px; line-height: 150%; color: var(--title-color-22); background-color: white; border: 1px solid var(--color-border-EB); border-radius: 0px 24px 0px 24px; box-shadow: 0px 10px 40px rgba(34, 34, 34, 0.12); } .lwpcngNotice.lwpcngHide { display: none; } .lwpcngNotice .lwpcngNotice_message { display: block; margin: 0px; } .lwpcngNotice .lwpcngNotice_buttons { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 18px; } .lwpcngNotice .lwpcngNotice_accept, .lwpcngNotice .lwpcngNotice_reject { flex: 1 1 auto; margin: 0px; padding: 11px 16px; border-radius: 130px; white-space: normal; text-align: center; font-weight: 500; font-size: 13px; line-height: 140%; transition: 0.3s ease; } .lwpcngNotice-light .lwpcngNotice_accept { border-color: var(--btn-bg-9D); background-color: var(--btn-bg-9D); color: white; } .lwpcngNotice-light .lwpcngNotice_accept:hover { border-color: var(--color-B5); background-color: var(--color-B5); } .lwpcngNotice-light .lwpcngNotice_reject { border-color: var(--color-border-EB); background-color: white; color: var(--color-info-9B); } .lwpcngNotice-light .lwpcngNotice_reject:hover { border-color: var(--btn-bg-9D); background-color: white; color: var(--btn-bg-9D); } .lwpcngNotice .lwpcngNotice_more { flex: 1 1 100%; margin: 4px 0px 0px 0px; font-size: 14px; line-height: 140%; } .lwpcngNotice-light .lwpcngNotice_more a, .lwpcngNotice-light .lwpcngNotice_more a:visited { color: var(--color-info-9B); text-decoration: underline; transition: 0.3s ease; } .lwpcngNotice-light .lwpcngNotice_more a:hover { color: var(--btn-bg-9D); } @media screen and (max-width: 600px) { body .lwpcngNotice.lwpcngNoticeBox { left: 16px !important; right: 16px !important; bottom: 16px !important; max-width: none; padding: 20px; border-width: 1px !important; border-radius: 0px 24px 0px 24px !important; } .lwpcngNotice .lwpcngNotice_accept, .lwpcngNotice .lwpcngNotice_reject { flex: 1 1 100%; text-align: center; } } /* Visible feedback while term filters wait for the server. */ .term-results-frame { position: relative; } .term-results.is-loading { opacity: 0.35; pointer-events: none; } .term-results-status:empty { display: none; } .term-results-status { position: absolute; top: 24px; left: 50%; transform: translateX(-50%); z-index: 5; display: flex; align-items: center; gap: 10px; width: max-content; max-width: calc(100% - 24px); padding: 14px 18px; border: 1px solid #e5e0d2; border-radius: 14px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); color: #333; font-size: 15px; line-height: 1.4; pointer-events: none; } .term-results-status::before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; border: 2px solid #e5e0d2; border-top-color: var(--btn-bg-9D, #9d8953); border-radius: 50%; animation: it-term-loading-spin 0.8s linear infinite; } @keyframes it-term-loading-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .term-results-status::before { animation: none; } } .it-test-notice { position: fixed; right: 24px; bottom: 24px; z-index: 1000; box-sizing: border-box; width: min(420px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 28px; border: 1px solid #e7dfd0; border-radius: 0 30px 0 30px; background: #fff; color: var(--title-color-22); box-shadow: 0 16px 60px rgba(34, 34, 34, 0.16); animation: it-notice-enter 0.24s ease-out; } .it-test-notice[hidden] { display: none; } body.modal-open .it-test-notice, body.is-menu-open .it-test-notice, html.with-fancybox .it-test-notice { visibility: hidden; pointer-events: none; } .it-test-notice__close { position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--bg-card-ac-FA); color: var(--title-color-22); cursor: pointer; } .it-test-notice__close svg { width: 18px; height: 18px; } .it-test-notice__brand { padding-right: 30px; color: var(--btn-bg-9D); font-family: var(--font-famely-Tenor), serif; font-size: 21px; line-height: 1.3; } .it-test-notice__brand span { margin-left: 6px; color: #8d8474; font-family: inherit; font-size: 11px; letter-spacing: 0.16em; } .it-test-notice__badge { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: #7b6537; font-size: 12px; line-height: 1.4; } .it-test-notice__badge span { width: 6px; height: 6px; border-radius: 50%; background: var(--btn-bg-9D); } .it-test-notice__title { margin: 10px 0 12px; font-family: var(--font-famely-Tenor), serif; font-weight: 400; font-size: 28px; line-height: 1.2; text-align: left; } .it-test-notice__text { margin: 0; font-size: 14px; line-height: 1.65; color: #666057; } .it-test-notice__text strong { color: var(--title-color-22); font-weight: 600; } .it-test-notice__continue { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 44px; margin-top: 20px; padding: 10px 18px; border: 1px solid var(--btn-bg-9D); border-radius: 100px; background: var(--btn-bg-9D); color: #fff; font: inherit; font-weight: 500; font-size: 14px; line-height: 1.4; cursor: pointer; transition: background-color 0.2s ease; } .it-test-notice__continue:hover { background: var(--color-B5); border-color: var(--color-B5); } .it-test-notice button:focus-visible { outline: 2px solid var(--title-color-22); outline-offset: 3px; } @keyframes it-notice-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 600px) { .it-test-notice { right: 16px; bottom: 16px; padding: 20px; border-radius: 0 24px 0 24px; } .it-test-notice__title { font-size: 24px; } .it-test-notice__badge { margin-top: 10px; } .it-test-notice__continue { margin-top: 16px; } } @media (prefers-reduced-motion: reduce) { .it-test-notice { animation: none; } .it-test-notice__continue { transition: none; } }