/* Start:/local/templates/luisawang/css/swiper-bundle.min.css?174291188618450*/ /** * Swiper 11.1.11 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 28, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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 .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/luisawang/css/jquery.formstyler.css?17429118868207*/ .jq-checkbox, .jq-radio { position: relative; display:flex; align-items:center; justify-content:center; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink:0; } .jq-checkbox { box-sizing: border-box; width: 24px; height: 24px; background: #FFFFFF; border: 1px solid #B3CBC8; border-radius: 6px; } .jq-checkbox:hover { border-color:#B3CBC8; } .jq-checkbox:hover .jq-checkbox__div { opacity:1; } .jq-checkbox__div { background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1875 5.0625L7.3125 12.9371L3.375 9' stroke='%23B3CBC8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; width:18px; height:18px; opacity:0; } .jq-checkbox.checked .jq-checkbox__div { opacity:1; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1875 5.0625L7.3125 12.9371L3.375 9' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; } .jq-checkbox.checked { background:var(--link-color); border-color:var(--link-color); } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-radio { border-radius:50%; box-shadow:inset 0 0 0 2px #D5D5D5; width:22px; height:22px; } .jq-radio.checked { box-shadow:inset 0 0 0 7px var(--title-color); } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox li { padding:7px 0; font-size: 16px; line-height: 140%; color: var(--title-color); cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:8px; } .jq-selectbox li:after { content:''; display:block; background:url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='20' height='20' fill='white'/%3E%3Cpath d='M15.5 6.5L8.5 13.4997L5 10' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width:20px; height:22px; opacity:0; } .jq-selectbox li:hover { color:var(--hover); } .jq-selectbox li.selected { } .jq-selectbox li.selected:after, .jq-selectbox li:hover:after { opacity:1; } .jq-selectbox li:not(:last-child) { border-bottom:1px solid var(--green); } .jq-selectbox { z-index: 10; } .jq-selectbox.jqselect { width:100%; } .jq-selectbox__select { position: relative; display:flex; align-items:center; justify-content:space-between; cursor:pointer; gap:5px; padding:13px 14px; color: var(--title-color); background:var(--white); border:1px solid var(--title-color); width:100%; box-sizing:border-box; } .opened .jq-selectbox__select { } .jq-selectbox__trigger-arrow { display:block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink:0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width:19px; height:18px; background-color:var(--font-color); mask-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L9.5 13L15.5 7' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L9.5 13L15.5 7' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .opened .jq-selectbox__select .jq-selectbox__trigger-arrow { transform:rotate(180deg); } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; right:0; left:0; margin-top:8px; padding:9px 0 9px 16px; background: var(--white); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; overflow-y:auto; list-style: none; max-height:190px; padding-right:16px; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display:flex; align-items:normal; gap:6px; border:1px solid #D5D5D5; padding:6px 8px; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } .jq-number input { border:0!important; border-radius:0!important; padding:0!important; text-align:center; width:100%; max-width:30px; pointer-events: none; height:100%; } .jq-number__spin { display:flex; align-items:center; justify-content:center; width:20px; height:20px; cursor:pointer; } .jq-number__spin:hover { } .jq-number__spin.minus { order:-1; } .jq-number__spin.minus:after { content:''; display:block; width:20px; height:20px; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background:var(--title-color); mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 10H15.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 10H15.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } /* .jq-number__spin.plus:after { content:''; display:block; width:20px; height:20px; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background:var(--title-color); mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 10H15.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.5V15.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 10H15.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.5V15.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } */ .jq-number__spin.disabled { /* background:var(--grey); */ pointer-events:none; } .jq-number__spin.disabled.plus { background:var(--grey); } .jq-number__spin.disabled:after { background:var(--grey); } @media screen and (max-width:736px) { .jq-selectbox__select { padding:9px 16px; } .jq-selectbox li { font-size:14px; } } /* End */ /* Start:/local/templates/luisawang/css/fancybox.css?174291188625343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/luisawang/css/map.css?174540933916844*/ html, body { margin: 0; box-sizing: border-box; background: var(--white); } body * { box-sizing: border-box; } .ymaps-2-1-79-balloon__tail { display: none !important; } .map-search input[type=search] { padding: 15px 0; width: calc(100% - 40px); color: rgb(116, 116, 116); font-family: var(--font-default); font-size: var(--font-small); font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; border: none; outline: none; /* background-image: url('data:image/svg+xml,Created with Pixso.'); */ border-bottom: 1px solid rgb(116, 116, 116); background-repeat: no-repeat; background-position: 100%; } .map-search input::-webkit-search-decoration { -webkit-appearance: none; } .map-search input[type="search"]::-webkit-search-decoration, .map-search input[type="search"]::-webkit-search-cancel-button, .map-search input[type="search"]::-webkit-search-results-button, .map-search input[type="search"]::-webkit-search-results-decoration { display: none; } .search-dropdown-input { display: none; position: absolute; background-color: white; padding: 16px; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); max-width: 380px; width: 100%; } .count-shop { color: rgb(116, 116, 116); font-family: var(--font-default); font-size: 14px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; margin: 16px 0 20px 0; } .suggestion { font-family: var(--font-default); font-size: 14px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: left; cursor: pointer; color: #747474; } .suggestion:hover { background-color: #f0f0f0; /* Подсветка при наведении */ } .highlight { color: #1A1B1C; } .ymaps-2-1-79-balloon__content { margin: 0 !important; padding: 16px !important; box-sizing: border-box !important; } .modal-title, .modal-address { margin: 0; } .modal-title { color: var(--font-color-new); font-family: var(--font-default); font-size: var(--font-small); font-weight: 600; font-weight: var(--font-line); letter-spacing: 0; text-transform: uppercase; margin-bottom: 4px; } .modal-address { color: rgb(116, 116, 116); font-family: var(--font-default); font-size: 14px; font-weight: var(--font-weight); font-weight: var(--font-line); letter-spacing: 0; text-align: left; } .ymaps-2-1-79-balloon { border-radius: 8px; translate: 77px 100%; } .hint-content { border-radius: 8px; margin: 0 !important; padding: 16px !important; box-sizing: border-box !important; } .ymaps-2-1-79-balloon__close-button { width: 12px !important; height: 12px !important; opacity: 1 !important; margin: 8px 8px 0 0; background: url('data:image/svg+xml,Created with Pixso.') !important; } .ymaps-2-1-79-zoom__scale { display: none; } .ymaps-2-1-79-controls__control { left: calc(100% - 57px) !important; top: 24px !important; } .ymaps-2-1-79-zoom { height: auto !important; } .ymaps-2-1-79-zoom__plus .ymaps-2-1-79-zoom__icon { background-image: url('data:image/svg+xml,Created with Pixso.') !important; } .ymaps-2-1-79-zoom__minus .ymaps-2-1-79-zoom__icon { background-image: url('data:image/svg+xml,Created with Pixso.') !important; } .ymaps-2-1-79-float-button { box-shadow: unset !important; border: none !important; padding-left: 32px !important; border-radius: 0 !important; height: 32px !important; } .ymaps-2-1-79-zoom__plus { border-bottom: 1px solid !important; } .ymaps-2-1-79-float-button-icon { width: 22px !important; height: 22px !important; } .ymaps-2-1-79-zoom { padding: 32px 0 !important; width: 32px !important; } .ymaps-2-1-79-copyrights-pane { display: none !important; } .map-wpapper { display: flex; padding: 0 40px; margin: 0 0 160px 0; } .map-title { color: var(--font-color-new); font-family: var(--font-title); font-size: 28px; font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; width: 100%; margin: 204px 0 40px 0; } .map-searchAndDropdown { max-width: 420px; width: 100%; height: 730px; position: relative; } #mapShop { height: 730px; width: 1420px; margin: 0; overflow: hidden; } .search-dropdown, .map-searchAndDropdown { display: flex; flex-flow: column; } .search-dropdown { gap: 18px; overflow-y: scroll; padding: 0 40px 0 0; } .search-dropdown::-webkit-scrollbar { width: 4px; /* ширина scrollbar */ } .search-dropdown::-webkit-scrollbar-track { background: transparent; /* цвет дорожки */ } .search-dropdown::-webkit-scrollbar-thumb { background-color: transparent; /* цвет плашки */ border-radius: 4px; /* закругления плашки */ border: 3px solid #D5D5D5; /* padding вокруг плашки */ } .dropdown-item { border-bottom: 1px solid rgb(213, 213, 213); padding-bottom: 18px; cursor: pointer; } .dropdown-item__title { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 8px; } .dropdown-item__title h2 { color: var(--font-color-new); font-family: var(--font-default); font-size: var(--font-small); font-weight: 400; line-height: var(--font-line); letter-spacing: 0; text-align: left; text-transform: uppercase; margin: 0; } .dropdown-item p { color: rgb(116, 116, 116); font-size: 14px; letter-spacing: 0; text-align: left; margin: 0; margin-bottom: 2px; font-family: var(--font-default); font-weight: var(--font-weight); line-height: var(--font-line); } span.dropdown-item__city { margin-left: 4px; } p.dropdown-item__address { gap: 0; } .dropdown-item p:last-child { margin-bottom: 0 } .dropdown-item__hide-content { transform: translateX(-120%); top: 0; padding-top: 40px; position: absolute; transition: all ease-out 0.3s; height: 100vh; width: calc(100% - 40px); max-width: 380px; } .dropdown-item__hide-content.active { display: flex; flex-flow: column; background-color: white; transform: translateX(0%); gap: 20.5px; } .back-to-shop { display: none; cursor: pointer; position: absolute; z-index: 1; top: 0; /* Desktop/Regular_14(AG) */ color: rgb(116, 116, 116); font-family: var(--font-default); font-size: 14px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: center; text-transform: uppercase; align-items: center; gap: 5px; } .back-to-shop:hover { color: rgb(105, 108, 111); } .back-to-shop.active { display: flex; } .dropdown-item__address { margin-bottom: 4px; } .dropdown-item__work-time { margin-bottom: 12px; } .dropdown-item__address, .dropdown-item__work-time, .dropdown-item__telephone { display: flex; align-items: center; gap: 4px; font-size: 16px; } .dropdown-item__hide-content-top { padding-bottom: 19.5px; border-bottom: 1px solid rgb(213, 213, 213); ; } .dropdown-item__how-title, .dropdown-item__hide-content-title { color: var(--font-color-new); font-family: var(--font-default); font-size: var(--font-small); font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: left; margin: 0; text-transform: none; } .dropdown-item__how-title { margin-bottom: 6px; } .dropdown-item__hide-content-title { text-transform: uppercase; margin-bottom: 12px; } .dropdown-item__how-items { display: flex; flex-flow: column; gap: 12px; } .map-tab { display: none; } .dropdownItem-hide-content-mobile { display: none; } @media screen and (max-width:1079px) { .ymaps-2-1-79-balloon { translate: 0 100%; } } .map-search-mobile{ display: none; } @media screen and (max-width:1000px) { .map-wpapper { padding: 0 16px; } .map-search-mobile{ display: block; } .map-search-desk{ display: none; } .map-tab { display: flex; gap: 14px; width: 100%; padding: 0 16px; margin-bottom: 22px; } .map-tab__item { color: var(--font-color-new); font-family: var(--font-default); font-size: 14px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: center; text-transform: uppercase; width: 50%; } .map-tab__item.active { border-bottom: 1px solid rgb(26, 27, 28); padding: 0 0 5px 0; } .count-shop { margin: 12px 0 6px 0; } .map-content__item { display: none; } .map-content__item.active { display: flex; max-width: unset; } .map-search { position: sticky; top: 0px; left: 0; transition: opacity 0.3s ease; background-color: white; width: calc(100%); } .hidden { opacity: 0; pointer-events: none; } .search-dropdown{ padding: 0; } .search-dropdown::-webkit-scrollbar { width: 0; /* ширина scrollbar */ } .map-search input[type=search] { width: 100%; padding: 12px 0 10px 0; } #mapShop { height: 515px; width: 100%; } .ymaps-2-1-79-balloon { top: -278px !important; height: 265px; width: calc(100vw - 32px); left: -450px !important; display: none; } .ymaps-2-1-79-balloon__layout { height: 100%; } .map-wpapper { display: block; } .dropdownItem-hide-content-mobile { display: block; position: relative; } .hide-content-mobile__item { display: none; } .hide-content-mobile__item.active { display: flex; flex-flow: column; position: fixed; bottom: 0; background-color: white; width: 100%; padding: 23px 16px 20px 16px; z-index: 11; } .hide-content__title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } .hide-content__title>h2 { color: var(--font-color-new); font-family: var(--font-title); font-size: 18px; font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-align: left; text-transform: uppercase; margin: 0; } .hide-content__address, .hide-content__work-time, .hide-content__telephone, .hide-content__address p, .hide-content__work-time p, .hide-content__telephone p, .hide-content__address span.dropdown-item__city { margin: 0; } .hide-content__address, .hide-content__work-time { margin-bottom: 8px; } .hide-content__telephone { margin-bottom: 20px; } .hide-content__work-time, .hide-content__telephone { display: flex; flex-flow: column; gap: 4px; font-weight: 700; } .hide-content__work-time span, .hide-content__telephone span { font-weight: var(--font-weight); } .hide-content__button-more button { color: var(--font-color-new); font-family: var(--font-default); font-size: 12px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: center; text-transform: uppercase; width: 100%; border: 1px solid rgb(26, 27, 28); padding: 15px 0 16px 0; background-color: transparent; } .map-searchAndDropdown { position: static; } .dropdown-item__hide-content { top: 8px; max-width: calc(100% - 32px); width: 100%; height: 1000px; } .back-to-shop.active { top: 5px; } .search-dropdown-input { max-width: unset; width: calc(100% - 32px); } .map-title { margin: 84px 0 32px; } } @media screen and (max-width: 576px){ .dropdown-item__title h2{ font-size: 14px; } .ymaps-2-1-79-zoom{ display: none; } } /* End */ /* Start:/local/templates/luisawang/style.css?1746607402202106*/ @font-face { font-family: 'Proxima Nova'; src: url('/local/templates/luisawang/fonts/ProximaNova-Regular.eot'); src: url('/local/templates/luisawang/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/luisawang/fonts/ProximaNova-Regular.woff2') format('woff2'), url('/local/templates/luisawang/fonts/ProximaNova-Regular.woff') format('woff'), url('/local/templates/luisawang/fonts/ProximaNova-Regular.ttf') format('truetype'), url('/local/templates/luisawang/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Cond'; src: url('/local/templates/luisawang/fonts/ProximaNovaCond-Regular.eot'); src: url('/local/templates/luisawang/fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/luisawang/fonts/ProximaNovaCond-Regular.woff2') format('woff2'), url('/local/templates/luisawang/fonts/ProximaNovaCond-Regular.woff') format('woff'), url('/local/templates/luisawang/fonts/ProximaNovaCond-Regular.ttf') format('truetype'), url('/local/templates/luisawang/fonts/ProximaNovaCond-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal; font-style: normal; } :root { --font-default: 'Proxima Nova Cond', sans-serif;/*Proxima Nova*/ --font-title: 'Proxima Nova Cond', sans-serif; --font-size: 14px; --font-small: 12px; --font-very-small: 12px; --font-line: 140%; --font-weight: 400; --font-color: #434343; --font-color-new: rgb(26, 27, 28); --title-color: #1A1B1C; --link-color: #1A1B1C; --white: #fff; --grey: #747474; --link-color-hover: #BABABA; --hover: #696C6F; --animation: all ease-out 0.3s; --error: #F16A6A; --red: #FF0000; --light-grey: #D5D5D5; } html { overflow-x: hidden; position: relative; height: 100%; } html::-webkit-scrollbar, body::-webkit-scrollbar, .fancybox-slide::-webkit-scrollbar, textarea::-webkit-scrollbar, .link-popup__list::-webkit-scrollbar, .popup::-webkit-scrollbar, .filter-item__list::-webkit-scrollbar, .pickup-popup__list::-webkit-scrollbar, .main-slider .swiper-slide::-webkit-scrollbar, .popup-scroll::-webkit-scrollbar, .pickup-popup__box::-webkit-scrollbar, .order-pickup__list-box .order-pickup__list::-webkit-scrollbar, .jq-selectbox__dropdown ul::-webkit-scrollbar, main .ts-dropdown-content::-webkit-scrollbar, .login-box__right::-webkit-scrollbar, .select-item .ts-dropdown-content::-webkit-scrollbar, .login-box__right::-webkit-scrollbar { width: 4px; scrollbar-color: transparent; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .fancybox-slide::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track, .link-popup__list::-webkit-scrollbar-track, .popup::-webkit-scrollbar-track, .filter-item__list::-webkit-scrollbar-track, .pickup-popup__list::-webkit-scrollbar-track, .main-slider .swiper-slide::-webkit-scrollbar-track, .popup-scroll::-webkit-scrollbar-track, .pickup-popup__box::-webkit-scrollbar-track, .order-pickup__list-box .order-pickup__list::-webkit-scrollbar-track, .jq-selectbox__dropdown ul::-webkit-scrollbar-track, main .ts-dropdown-content::-webkit-scrollbar-track, .login-box__right::-webkit-scrollbar-track, .select-item .ts-dropdown-content::-webkit-scrollbar-track, .login-box__right::-webkit-scrollbar-track { background: var(--white); scrollbar-color: transparent; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .fancybox-slide::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, .link-popup__list::-webkit-scrollbar-thumb, .popup::-webkit-scrollbar-thumb, .filter-item__list::-webkit-scrollbar-thumb, .pickup-popup__list::-webkit-scrollbar-thumb, .main-slider .swiper-slide::-webkit-scrollbar-thumb, .popup-scroll::-webkit-scrollbar-thumb, .pickup-popup__box::-webkit-scrollbar-thumb, .order-pickup__list-box .order-pickup__list::-webkit-scrollbar-thumb, .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb, main .ts-dropdown-content::-webkit-scrollbar-thumb, .login-box__right::-webkit-scrollbar-thumb, .select-item .ts-dropdown-content::-webkit-scrollbar-thumb, .login-box__right::-webkit-scrollbar-thumb { background-color: var(--grey); border-radius: 4px; border: 0; } @-moz-document url-prefix() { *, .fancybox-slide, .filter-item__list, .popup, .pickup-popup__list, .order-pickup__list { scrollbar-color: var(--grey) white; scrollbar-width: thin; } } body { background: var(--link-color); font-family: var(--font-default); font-weight: var(--font-weight); font-size: var(--font-size); line-height: var(--font-line); color: var(--font-color); padding: 0; margin: 0; overflow-x: clip; height: 100%; position: relative; } html:has(body.fixed) { overflow: hidden; overflow-y: hidden; } html:not(:has(.main-slider)):has(body.fixed) { padding-right: 4px; } html:not(:has(.main-slider)):has(body.fixed) header .header-block { margin-right: 4px; } a { color: var(--link-color); outline: none; -webkit-appearance: none; text-decoration: none; } a:hover { color: var(--hover); } H1 { margin: 0 0 40px; padding: 0; font-family: var(--font-title); font-weight: var(--font-weight); color: var(--title-color); font-size: 42px; line-height: 130%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } H2 { margin: 0 0 30px; padding: 0; font-family: var(--font-title); font-weight: var(--font-weight); font-size: 28px; letter-spacing: 0.04em; text-transform: uppercase; line-height: var(--font-line); color: var(--title-color); } H3 { padding: 0; margin: 0 0 6px; line-height: 130%; letter-spacing: 0.04em; font-family: var(--font-title); font-weight: var(--font-weight); font-size: 24px; text-transform: uppercase; line-height: 130%; color: var(--title-color); } H4 { padding: 0; margin: 0 0 20px; font-family: var(--font-default); font-weight: var(--font-weight); font-size: var(--font-small); line-height: 140%; color: var(--title-color); } img { border: none; outline: none; max-width: 100%; height: auto; } ul, ol { padding: 0; margin: 0; } ul li, ol li { list-style: none; } input[type=text], input[type=email], input[type=password], input[type=number], input[type=phone], input[type=date], button, textarea, .order-page__delivary-box { outline: none; -webkit-appearance: none; border-radius: 0; } button { cursor: pointer; } main input[type=text], main input[type=email], main input[type=password], main input[type=number], main input[type=phone], main input[type=date], footer input[type=text], footer input[type=email], footer input[type=password], footer input[type=number], footer input[type=phone], footer input[type=date] { border: 0; background: none; padding: 10px 0; border-bottom: 1px solid var(--hover); font-size: var(--font-small); font-family: var(--font-default); font-weight: var(--font-weight); line-height: var(--font-line); color: var(--title-color); width: 100%; box-sizing: border-box; outline: none; -webkit-appearance: none; } main textarea, footer textarea { padding: 14px 16px; background: var(--white); border: 1px solid var(--line); border-radius: 24px; font-family: var(--font-default); font-weight: var(--font-weight); font-size: var(--font-size); line-height: var(--font-line); color: var(--title-color); width: 100%; box-sizing: border-box; outline: none; resize: none; height: 120px; -webkit-appearance: none; } main input[type=text]:focus, main input[type=email]:focus, main input[type=password]:focus, main input[type=number]:focus, main input[type=phone]:focus, main textarea:focus, main input[type=date]:focus, .popup input[type=text]:focus, .popup input[type=email]:focus, .popup input[type=password]:focus, .popup input[type=number]:focus, .popup input[type=phone]:focus, .popup textarea:focus, .popup input[type=date]:focus, .login-cat__ref-link input[type=text]:focus { border-color: var(--grey); } main input[type=text]:hover, main input[type=email]:hover, main input[type=password]:hover, main input[type=number]:hover, main input[type=phone]:hover, main textarea:hover, main input[type=date]:hover, .popup input[type=text]:hover, .popup input[type=email]:hover, .popup input[type=password]:hover, .popup input[type=number]:hover, .popup input[type=phone]:hover, .popup textarea:hover, .popup input[type=date]:hover, .login-cat__ref-link input[type=text]:hover { border-color: var(--grey); } .error input, .error .jq-checkbox, .error .jq-radio, .popup .error input, main .error input { border-color: var(--error); } .error-txt { font-size: 14px; line-height: var(--font-line); color: var(--error); margin: 4px 0 0; } main input[type=text]::placeholder, main input[type=email]::placeholder, main input[type=password]::placeholder, main input[type=number]::placeholder, main input[type=phone]::placeholder, main textarea::placeholder, main input[type=date]::placeholder, .popup input[type=text]::placeholder, .popup input[type=email]::placeholder, .popup input[type=password]::placeholder, .popup input[type=number]::placeholder, .popup input[type=phone]::placeholder, .popup textarea::placeholder, .popup input[type=date]::placeholder, .login-cat__ref-link input[type=text]::placeholder { color: var(--grey); } main label, .popup label { font-weight: var(--font-weight); font-size: 14px; line-height: var(--font-line); color: var(--title-color); display: block; margin: 0 0 4px; padding: 0; } main input[type=submit], main button, .btn, footer input[type=submit], footer button, .filters-header button { outline: none; font-family: var(--font-default); font-weight: var(--font-weight); font-size: var(--font-small); line-height: var(--font-size); text-align: center; color: var(--white); -webkit-appearance: none; cursor: pointer; text-decoration: none; border: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-transform: uppercase; gap: 2px; width: max-content; padding: 15px 50px; border-radius: 0; background: var(--link-color); font-feature-settings: 'pnum' on, 'lnum' on; } main input[type=submit]:hover, main button:hover, .btn:hover, .filters-header button:hover { border: 0; color: var(--white); background: #2E2F30; border: 0; } main input[type=submit]:active, main button:active, .btn:active, .filters-header button:active { border: 0; color: var(--white); background: #2E2F30; border: 0; } .btn.border { background: none; color: var(--link-color); box-shadow: inset 0 0 0 1px var(--link-color); } .btn.border:hover { background: none; color: var(--hover); box-shadow: inset 0 0 0 1px var(--hover); } .wrapper { margin: 0 auto; max-width: 1400px; padding: 0 15px; box-sizing: border-box; } .flex { display: flex; justify-content: space-between; align-items: center; gap: 20px; } .column { column-count: 3; column-gap: 20px; } .grid { display: grid; grid-gap: 20px; } .col-2 { grid-template-columns: repeat(2, 1fr); } .col-3 { grid-template-columns: repeat(3, 1fr); } .col-4 { grid-template-columns: repeat(4, 1fr); } .col-5 { grid-template-columns: repeat(5, 1fr); } .col-6 { grid-template-columns: repeat(6, 1fr); } .icon { display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } svg path, svg rect, a, .icon, input[type=submit], button, .btn, input[type=text], input[type=email], input[type=password], input[type=number], input[type=phone], textarea, .jq-selectbox__dropdown, label, img, .swiper-pagination-bullet, .swiper-button-prev, .swiper-button-next, .swiper-button-prev:after, .swiper-button-next:after, .link-slider:after, .link-slider, input::placeholder, .txt-slider .btn.border:after, .popup-tab:after, .popup-tab, .ts-control:after, .select-sort__value:after, .ts-control, .menu-block li.parent:after, .fav-phone__link span, .basket-phone__link span, .footer-menu__block .footer-menu__link h4:after, .footer-menu__block .footer-menu__link h4, .search, header, .jq-radio, .jq-selectbox__trigger-arrow, .jq-selectbox li:after, .add-to__cart, body .is-horizontal .f-carousel__nav .f-button.is-next:before, body .is-horizontal .fancybox__nav .f-button.is-next:before, body .is-horizontal .f-carousel__nav .f-button.is-prev:before, body .is-horizontal .fancybox__nav .f-button.is-prev:before, body>.ts-dropdown .ts-dropdown-content, .catalog-item__txt-box { -moz-transition: var(--animation); -webkit-transition: var(--animation); transition: var(--animation); } main table, .popup table { padding: 0; margin: 0; border: 0; width: 100%; line-height: var(--font-line); border-spacing: 0; color: var(--title-color); } main table:not(:first-child), .popup table:not(:first-child) { margin: 24px 0 0; } main table td, .popup table td { padding: 12px 5px; border-bottom: 1px solid var(--light-grey); text-align: center; font-size: var(--font-very-small); text-transform: uppercase; } main table th, .popup table th { color: var(--title-color); text-align: center; font-size: var(--font-very-small); line-height: var(--font-line); text-transform: uppercase; font-weight: var(--font-weight); padding: 20px 5px; border-bottom: 1px solid var(--grey); border-top: 1px solid var(--grey); } main table img, .popup table img { display: block; margin: 0 auto; } .ph { display: none; } /*Icons*/ .menu-icon { width: 40px; height: 40px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 20H31' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M9 12H31' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M9 28H31' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 20H31' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M9 12H31' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M9 28H31' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .arrow-next { width: 32px; height: 32px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4971 21.642L19.1391 21.991L19.8372 22.7071L20.1952 22.358L19.4971 21.642ZM26 16L26.3491 16.358L26.7162 16L26.3491 15.642L26 16ZM20.1952 9.642L19.8372 9.29295L19.1391 10.009L19.4971 10.358L20.1952 9.642ZM20.1952 22.358L26.3491 16.358L25.6509 15.642L19.4971 21.642L20.1952 22.358ZM26.3491 15.642L20.1952 9.642L19.4971 10.358L25.6509 16.358L26.3491 15.642ZM26 15.5H6V16.5H26V15.5Z' fill='white'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4971 21.642L19.1391 21.991L19.8372 22.7071L20.1952 22.358L19.4971 21.642ZM26 16L26.3491 16.358L26.7162 16L26.3491 15.642L26 16ZM20.1952 9.642L19.8372 9.29295L19.1391 10.009L19.4971 10.358L20.1952 9.642ZM20.1952 22.358L26.3491 16.358L25.6509 15.642L19.4971 21.642L20.1952 22.358ZM26.3491 15.642L20.1952 9.642L19.4971 10.358L25.6509 16.358L26.3491 15.642ZM26 15.5H6V16.5H26V15.5Z' fill='white'/%3E%3C/svg%3E%0A"); } .delete-icon { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1998 4.80078L4.7998 19.2008' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M19.1998 19.2008L4.7998 4.80078' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1998 4.80078L4.7998 19.2008' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M19.1998 19.2008L4.7998 4.80078' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .delete { width: 20px; height: 20px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 4.375L3.125 4.375' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.125 8.125V13.125' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.875 8.125V13.125' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.875 1.875H13.125' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.625 4.375V16.25C15.625 16.4158 15.5592 16.5747 15.4419 16.6919C15.3247 16.8092 15.1658 16.875 15 16.875H5C4.83424 16.875 4.67527 16.8092 4.55806 16.6919C4.44085 16.5747 4.375 16.4158 4.375 16.25V4.375' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 4.375L3.125 4.375' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.125 8.125V13.125' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.875 8.125V13.125' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.875 1.875H13.125' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.625 4.375V16.25C15.625 16.4158 15.5592 16.5747 15.4419 16.6919C15.3247 16.8092 15.1658 16.875 15 16.875H5C4.83424 16.875 4.67527 16.8092 4.55806 16.6919C4.44085 16.5747 4.375 16.4158 4.375 16.25V4.375' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .add-icon { width: 32px; height: 32px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.875 9.75H9.125C8.77982 9.75 8.5 10.0298 8.5 10.375V21.625C8.5 21.9702 8.77982 22.25 9.125 22.25H22.875C23.2202 22.25 23.5 21.9702 23.5 21.625V10.375C23.5 10.0298 23.2202 9.75 22.875 9.75Z' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.125 12.875C19.125 13.7038 18.7958 14.4987 18.2097 15.0847C17.6237 15.6708 16.8288 16 16 16C15.1712 16 14.3763 15.6708 13.7903 15.0847C13.2042 14.4987 12.875 13.7038 12.875 12.875' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.875 9.75H9.125C8.77982 9.75 8.5 10.0298 8.5 10.375V21.625C8.5 21.9702 8.77982 22.25 9.125 22.25H22.875C23.2202 22.25 23.5 21.9702 23.5 21.625V10.375C23.5 10.0298 23.2202 9.75 22.875 9.75Z' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.125 12.875C19.125 13.7038 18.7958 14.4987 18.2097 15.0847C17.6237 15.6708 16.8288 16 16 16C15.1712 16 14.3763 15.6708 13.7903 15.0847C13.2042 14.4987 12.875 13.7038 12.875 12.875' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .subscribe-icon { width: 16px; height: 16px; background-color: var(--grey); mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.5H14V12C14 12.1326 13.9473 12.2598 13.8536 12.3536C13.7598 12.4473 13.6326 12.5 13.5 12.5H2.5C2.36739 12.5 2.24021 12.4473 2.14645 12.3536C2.05268 12.2598 2 12.1326 2 12V3.5Z' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5L8 9L2 3.5' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.5H14V12C14 12.1326 13.9473 12.2598 13.8536 12.3536C13.7598 12.4473 13.6326 12.5 13.5 12.5H2.5C2.36739 12.5 2.24021 12.4473 2.14645 12.3536C2.05268 12.2598 2 12.1326 2 12V3.5Z' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5L8 9L2 3.5' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .question { width: 16px; height: 16px; background-color: var(--grey); mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5H8V11H8.5' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 6C8.41421 6 8.75 5.66421 8.75 5.25C8.75 4.83579 8.41421 4.5 8 4.5C7.58579 4.5 7.25 4.83579 7.25 5.25C7.25 5.66421 7.58579 6 8 6Z' fill='%23747474'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5H8V11H8.5' stroke='%23747474' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 6C8.41421 6 8.75 5.66421 8.75 5.25C8.75 4.83579 8.41421 4.5 8 4.5C7.58579 4.5 7.25 4.83579 7.25 5.25C7.25 5.66421 7.58579 6 8 6Z' fill='%23747474'/%3E%3C/svg%3E%0A"); } .search-icon { width: 24px; height: 24px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4434 16.4434L20.9997 20.9997' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4434 16.4434L20.9997 20.9997' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .fav-icon { width: 24px; height: 24px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 21L11.9993 17.25L5.25 21V3.75C5.25 3.55109 5.32902 3.36032 5.46967 3.21967C5.61032 3.07902 5.80109 3 6 3H18C18.1989 3 18.3897 3.07902 18.5303 3.21967C18.671 3.36032 18.75 3.55109 18.75 3.75V21Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 21L11.9993 17.25L5.25 21V3.75C5.25 3.55109 5.32902 3.36032 5.46967 3.21967C5.61032 3.07902 5.80109 3 6 3H18C18.1989 3 18.3897 3.07902 18.5303 3.21967C18.671 3.36032 18.75 3.55109 18.75 3.75V21Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .basket-icon { width: 24px; height: 24px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V18.75C3 19.1642 3.33579 19.5 3.75 19.5H20.25C20.6642 19.5 21 19.1642 21 18.75V5.25C21 4.83579 20.6642 4.5 20.25 4.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 8.25C15.75 9.24456 15.3549 10.1984 14.6517 10.9017C13.9484 11.6049 12.9946 12 12 12C11.0054 12 10.0516 11.6049 9.34835 10.9017C8.64509 10.1984 8.25 9.24456 8.25 8.25' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V18.75C3 19.1642 3.33579 19.5 3.75 19.5H20.25C20.6642 19.5 21 19.1642 21 18.75V5.25C21 4.83579 20.6642 4.5 20.25 4.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 8.25C15.75 9.24456 15.3549 10.1984 14.6517 10.9017C13.9484 11.6049 12.9946 12 12 12C11.0054 12 10.0516 11.6049 9.34835 10.9017C8.64509 10.1984 8.25 9.24456 8.25 8.25' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .prev-arrow { width: 32px; height: 32px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5029 21.642L12.8609 21.991L12.1628 22.7071L11.8048 22.358L12.5029 21.642ZM6 16L5.65095 16.358L5.28377 16L5.65095 15.642L6 16ZM11.8048 9.642L12.1628 9.29295L12.8609 10.009L12.5029 10.358L11.8048 9.642ZM11.8048 22.358L5.65095 16.358L6.34905 15.642L12.5029 21.642L11.8048 22.358ZM5.65095 15.642L11.8048 9.642L12.5029 10.358L6.34905 16.358L5.65095 15.642ZM6 15.5H26V16.5H6V15.5Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5029 21.642L12.8609 21.991L12.1628 22.7071L11.8048 22.358L12.5029 21.642ZM6 16L5.65095 16.358L5.28377 16L5.65095 15.642L6 16ZM11.8048 9.642L12.1628 9.29295L12.8609 10.009L12.5029 10.358L11.8048 9.642ZM11.8048 22.358L5.65095 16.358L6.34905 15.642L12.5029 21.642L11.8048 22.358ZM5.65095 15.642L11.8048 9.642L12.5029 10.358L6.34905 16.358L5.65095 15.642ZM6 15.5H26V16.5H6V15.5Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); } .next-icon { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7206 16.6492L14.3698 17.0055L15.0824 17.7071L15.4332 17.3508L14.7206 16.6492ZM20 12L20.3563 12.3508L20.7017 12L20.3563 11.6492L20 12ZM15.4332 6.6492L15.0824 6.29291L14.3698 6.99452L14.7206 7.3508L15.4332 6.6492ZM15.4332 17.3508L20.3563 12.3508L19.6437 11.6492L14.7206 16.6492L15.4332 17.3508ZM20.3563 11.6492L15.4332 6.6492L14.7206 7.3508L19.6437 12.3508L20.3563 11.6492ZM20 11.5H4V12.5H20V11.5Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7206 16.6492L14.3698 17.0055L15.0824 17.7071L15.4332 17.3508L14.7206 16.6492ZM20 12L20.3563 12.3508L20.7017 12L20.3563 11.6492L20 12ZM15.4332 6.6492L15.0824 6.29291L14.3698 6.99452L14.7206 7.3508L15.4332 6.6492ZM15.4332 17.3508L20.3563 12.3508L19.6437 11.6492L14.7206 16.6492L15.4332 17.3508ZM20.3563 11.6492L15.4332 6.6492L14.7206 7.3508L19.6437 12.3508L20.3563 11.6492ZM20 11.5H4V12.5H20V11.5Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); } .arrow-down { width: 16px; height: 16px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6L8 11L13 6' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6L8 11L13 6' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .edit-icon { width: 18px; height: 19px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9827 5.65887L12.8412 2.51661C12.7367 2.41211 12.6127 2.32922 12.4762 2.27267C12.3397 2.21612 12.1933 2.18701 12.0456 2.18701C11.8978 2.18701 11.7515 2.21612 11.615 2.27267C11.4785 2.32922 11.3545 2.41211 11.25 2.51661L2.57977 11.1875C2.47485 11.2916 2.39167 11.4155 2.33506 11.5521C2.27844 11.6886 2.24953 11.835 2.25001 11.9828V15.125C2.25001 15.4234 2.36853 15.7096 2.57951 15.9205C2.79049 16.1315 3.07664 16.25 3.37501 16.25H6.51727C6.66506 16.2505 6.81147 16.2216 6.94799 16.165C7.08451 16.1084 7.20842 16.0252 7.31251 15.9203L15.9827 7.25004C16.0872 7.14558 16.1701 7.02154 16.2267 6.88504C16.2832 6.74853 16.3123 6.60222 16.3123 6.45446C16.3123 6.3067 16.2832 6.16039 16.2267 6.02388C16.1701 5.88737 16.0872 5.76334 15.9827 5.65887ZM6.51727 15.125H3.37501V11.9828L9.56251 5.79528L12.7048 8.93754L6.51727 15.125ZM13.5 8.14161L10.3577 5.00004L12.0452 3.31254L15.1875 6.45411L13.5 8.14161Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9827 5.65887L12.8412 2.51661C12.7367 2.41211 12.6127 2.32922 12.4762 2.27267C12.3397 2.21612 12.1933 2.18701 12.0456 2.18701C11.8978 2.18701 11.7515 2.21612 11.615 2.27267C11.4785 2.32922 11.3545 2.41211 11.25 2.51661L2.57977 11.1875C2.47485 11.2916 2.39167 11.4155 2.33506 11.5521C2.27844 11.6886 2.24953 11.835 2.25001 11.9828V15.125C2.25001 15.4234 2.36853 15.7096 2.57951 15.9205C2.79049 16.1315 3.07664 16.25 3.37501 16.25H6.51727C6.66506 16.2505 6.81147 16.2216 6.94799 16.165C7.08451 16.1084 7.20842 16.0252 7.31251 15.9203L15.9827 7.25004C16.0872 7.14558 16.1701 7.02154 16.2267 6.88504C16.2832 6.74853 16.3123 6.60222 16.3123 6.45446C16.3123 6.3067 16.2832 6.16039 16.2267 6.02388C16.1701 5.88737 16.0872 5.76334 15.9827 5.65887ZM6.51727 15.125H3.37501V11.9828L9.56251 5.79528L12.7048 8.93754L6.51727 15.125ZM13.5 8.14161L10.3577 5.00004L12.0452 3.31254L15.1875 6.45411L13.5 8.14161Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); } .place-icon { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3488_25135)'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3V7' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V18' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H7' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H18' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12V12.01' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3488_25135'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3488_25135)'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3V7' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V18' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H7' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H18' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12V12.01' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3488_25135'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .plus { width: 11px; height: 11px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.625 10H17.375' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M10.5 3.125V16.875' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.625 10H17.375' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M10.5 3.125V16.875' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .delivery-icon { width: 15px; height: 22px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.49805L7.5 0.5L14.5 3.49805M0.5 3.49805L7.5 6.49609M0.5 3.49805V3.5M14.5 3.49805L7.5 6.49609M14.5 3.49805V11.5L7.5 14.5M14.5 3.49805L7.5 6.5V14.5M7.5 6.49609V14.5M7.5 6.49609L0.5 3.5M7.5 14.5L0.5 11.5V3.5' stroke='%231A1B1C' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.49805L7.5 0.5L14.5 3.49805M0.5 3.49805L7.5 6.49609M0.5 3.49805V3.5M14.5 3.49805L7.5 6.49609M14.5 3.49805V11.5L7.5 14.5M14.5 3.49805L7.5 6.5V14.5M7.5 6.49609V14.5M7.5 6.49609L0.5 3.5M7.5 14.5L0.5 11.5V3.5' stroke='%231A1B1C' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .arrow-right { width: 18px; height: 18px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%231A1B1C' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%231A1B1C' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .care1 { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_1316_34492)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_1316_34492' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_1316_34492' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_1316_34492' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABCRJREFUeF7tnEFWo0AQhv+CZNZZasD34gkmOcHoCcYj6AnUEzieQD2B3kDnBHqDyZxA5hmiu8l6Qqh5nYBpEggkEGi0WWXRDd0ff1V1VzUh6GslAdJ8VhPQgFIUogGpAqjT6bQ8z+uWZdKNRqPvOM4o7/NKUZBt2wc+4x5AK++A1+g/8ieN3tub46zRZ6lpKYDatv0DjIs8A92kr0E4HAwGT5v0DftoQCr4IFlBDDy9uoPDPG91Vd9dy34k4EC0qaWCagsojDJFeX/5LddFQXEM3n1Q27KeAeoA6A/dQa9IE6gLoLZl/wLQBdgZuu6+YCABsjmEMnQHhTrvGgFaYqABSabStpZFogFpQNkXilpBKZGnEkCWZXUZ9Bjuw1ReB5UOaBHO9AUSLoeDwY8ilxHyvfKspEsFFAsHfDd03ZNtwRH3rQWgquDUAlCVcJQHVDUcpQGpAEdZQKrAURLQzk6nY5ie2AVL+ebtR6ukSKhcFJunCMIhVwdHOQW123tHIBbViuCqFo5ygCxr74rBZzM68yRTnPyFKZrmuOW6bv/TLBRleyfQteu+nMdN3rL2jhl8++m2Gm3bvgfjKFBQ7DYiAkfoTOGqRuF7sV3LOiPQVagaAvdkE1qEMzXEjwBImEuzaV6m1baDEP8smdUIhBsDeGKm73P/JLlxBQGJasZ4PLmQxxvm5WNTrsF0RgA/EHCT5FjFjf953u3czNLdb5kKItCJ677cJY1qtsDFKUDCTUTODWQBFLmvmBgRxGmJ38z4RrMbZjmtIfqIAwTTtmUCCl80A/1w7AC+MqMVVl+T4K0NKF0bs1APkADXmv3Gkz9pXhoN7zg8vFABoGxDX2i1EpA/aeyb5uSU4R8FxcTVDyE8ENPPJDlXVRfLRoYdgvEwmZg3hum9+9OVgOTCobBTwOgysai6Ri7hjLOUqrMAmvqz8fiKYIySAsQsKIwvQPQnKW0rr80YfG7AGMWNnZgcwO/L/rXwMJ/tDQFZAEXOECXkreV1l5j8q+teL45Buc1qFkhFAZInn5T814CCsz8aUExpSCsoPMeY4IM0IA0oeSWdJYppBWkFaQXFLov0OihltRg9ac/Ol2azt5hrKsIHzbYr3t9wOOuek65sqxEUFkXtLLxGIgUhcyWIvd70lO00K8AQe6XoRbOUSZC3WW6zmMIQm+51vtWoDJCYZiQCZdmf5GyzqoiQdOtKAW2SfdyU0SZwxLMqBRROdpqyMCZdGJwlG7keI5/6vm/21zEr+QFKAFpvxuW21oDSom1VB8nL1cHmT9MK0graXD3KRLF8U9hub21i2sTyKUwrSCtIKygfgaIUtNVR1OTmWzrdUZPZZxhmHKDgk+gMvT9+k/dP4yOff4t/afn4c0+fofyHKIV+H5/+6Pq10IBS3pkGpAHlM+v/5EnhhSUYDboAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_1316_34492)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_1316_34492' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_1316_34492' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_1316_34492' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABCRJREFUeF7tnEFWo0AQhv+CZNZZasD34gkmOcHoCcYj6AnUEzieQD2B3kDnBHqDyZxA5hmiu8l6Qqh5nYBpEggkEGi0WWXRDd0ff1V1VzUh6GslAdJ8VhPQgFIUogGpAqjT6bQ8z+uWZdKNRqPvOM4o7/NKUZBt2wc+4x5AK++A1+g/8ieN3tub46zRZ6lpKYDatv0DjIs8A92kr0E4HAwGT5v0DftoQCr4IFlBDDy9uoPDPG91Vd9dy34k4EC0qaWCagsojDJFeX/5LddFQXEM3n1Q27KeAeoA6A/dQa9IE6gLoLZl/wLQBdgZuu6+YCABsjmEMnQHhTrvGgFaYqABSabStpZFogFpQNkXilpBKZGnEkCWZXUZ9Bjuw1ReB5UOaBHO9AUSLoeDwY8ilxHyvfKspEsFFAsHfDd03ZNtwRH3rQWgquDUAlCVcJQHVDUcpQGpAEdZQKrAURLQzk6nY5ie2AVL+ebtR6ukSKhcFJunCMIhVwdHOQW123tHIBbViuCqFo5ygCxr74rBZzM68yRTnPyFKZrmuOW6bv/TLBRleyfQteu+nMdN3rL2jhl8++m2Gm3bvgfjKFBQ7DYiAkfoTOGqRuF7sV3LOiPQVagaAvdkE1qEMzXEjwBImEuzaV6m1baDEP8smdUIhBsDeGKm73P/JLlxBQGJasZ4PLmQxxvm5WNTrsF0RgA/EHCT5FjFjf953u3czNLdb5kKItCJ677cJY1qtsDFKUDCTUTODWQBFLmvmBgRxGmJ38z4RrMbZjmtIfqIAwTTtmUCCl80A/1w7AC+MqMVVl+T4K0NKF0bs1APkADXmv3Gkz9pXhoN7zg8vFABoGxDX2i1EpA/aeyb5uSU4R8FxcTVDyE8ENPPJDlXVRfLRoYdgvEwmZg3hum9+9OVgOTCobBTwOgysai6Ri7hjLOUqrMAmvqz8fiKYIySAsQsKIwvQPQnKW0rr80YfG7AGMWNnZgcwO/L/rXwMJ/tDQFZAEXOECXkreV1l5j8q+teL45Buc1qFkhFAZInn5T814CCsz8aUExpSCsoPMeY4IM0IA0oeSWdJYppBWkFaQXFLov0OihltRg9ac/Ol2azt5hrKsIHzbYr3t9wOOuek65sqxEUFkXtLLxGIgUhcyWIvd70lO00K8AQe6XoRbOUSZC3WW6zmMIQm+51vtWoDJCYZiQCZdmf5GyzqoiQdOtKAW2SfdyU0SZwxLMqBRROdpqyMCZdGJwlG7keI5/6vm/21zEr+QFKAFpvxuW21oDSom1VB8nL1cHmT9MK0graXD3KRLF8U9hub21i2sTyKUwrSCtIKygfgaIUtNVR1OTmWzrdUZPZZxhmHKDgk+gMvT9+k/dP4yOff4t/afn4c0+fofyHKIV+H5/+6Pq10IBS3pkGpAHlM+v/5EnhhSUYDboAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); } .care2 { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_785)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_785' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_785' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_785' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABdBJREFUeF7tW9lx2zwQXujwc/KWiPSM3IHdgdOBXUGiDpIKklSQdOCkgriDuIOog2jGpJK3X8+/DmTASyAIAgtgqWOGerFHIoHdD4s9vgUY9B8jAqzHx4xAD5DFQnqAeoDCnEhvQedkQZM4/iTkXSZJ9vcUPidjQa9eTaeD4eaXAGW3Hd38/btY9ABJCEyi6AGAvcu/4t+WaTrrASoQiOP4dsfhpwzIgMGbJEmejg3SSWyx11H8kwHcymBwgKc/afLmZAASPoAN13dDxuaHXLkounzHgT/ogGDAZmn6/O1QIAlL3nJ+zbfjx9IHVhY0ieL/AOCFEIYB+5qmzx+6Fmw6nb74f735Xc4LwAvHzKbF3KuL8ehqsVisupYlii6/cODvy3mXafIyx6L4TKKYK0LMGfBZmqbzroTLwjqHj9X4nN1n/zP+o/qOwecuw34URdccmLDga1nPZZpk2OwBiuMfwOFOBYMD//AnTb9Sg1SEdWE9edySfI7qk3bb0VUXYf91FL1nwL40dGPwuEySbLFqTrrtBSE8345mlEJOlAVhwG9Kay1WNcuJcovaC0yxULm/3TyogSFfqLpBNKJYm8kBwAo4my2Xz4+hQjbDejPvqedFAFRhfzK5vAOWBYXM30ofrUtpDfOK09qPw+DxYjSahTjOSRQL6yj3vNYRNx04zJdpcuO7ONl4m82Dzo2YgpIxD8pXWqBdRZXSYywGjM180gF1G5t8nMuzJuBC9LAmir7I6wTWhfVlml6ZlJtE0W9pgZzDfuhOsAJUCu+6d3VKq8Ji/Irqr7A5GpUvRQMkFHbx/ipAprBu8yuuYZ8yGjsBVCriI4CrkjJoWHBDFrBtkbwAEoO5mLDvNpGFtm1PChegA8kboHIwjBMMdbRirjYHTxlEOgFIDGoKowDwtCfCskLYu0JvVv5cVPq3lGmIClKwBZUDmlZSzlZDkj0xjpJkNhedIJGVByUDCJEOBFmPtKXb+COyUqhTgMp0YDDcCMqiRiGI30LYgdbqG2C+247uKYvpEiRyC9qnAk0atfzNlR0whe8c9O7o2U4A0tCoghFUq2fUljCE79qYIc7flKiSA5SH4/WvfWThi4vx+Ga93n6UKM29TC1O1Ra+x+PhZ908ISxDZ2FeHlilUeWVxVbV2OcaltoBPUtqQVJ3NNtOOt9gs4zCkZfkudXSlBJmRd2VJQXIhQU0+BbV0o2+CsNOmnyM7TcygHwExUQnDBfusjA2QDrLpDE0qjo5FUDU9Cx5oujjLKm2WJXBKz02qrAfvMVcaVRqJ12LoIH0bCdhXtcdbWsNYcM39jlVocIqSbuyQRaEZfqEIhjeSFbYZmltZwdCmEtyCzJ1R/fVt773jW1EujKF1F1ZbwvC0Kg+3LVuFV25Zhs96xLqvQEy0aiuCmEFxgLuGjjIi1VTx9N1S2DBcd2yVF1ZZws6FnmuAolx+hTNAmeAdPtbCE/dw8dYli0dyOXaHw7FdmW9M2ldWB8Am7vwPBjFXZ6xpQM74NfyOSDXw1hOFqQ5jerNFLqAgHkWyzy60rNogBpZqkZqV64Zo7jLM7bitxqLs3vsQTA8QPU6pyF3SLfCBQTMs4buR/E6X9iO3ZTzoABq1Ft1KTs/DYsBpRnlWjP4/FEkPWsFSMO1VLL4RAUfZUPeaU0HAFCHsQ5+BC9EWd93bemA6SjhUQ5x+ioa8p4tHWhjB45yDDhE0dB3XUsh1EFyF6cWqsAh3jcFndaD5Cq3Uxc0745Sdy0PAYZujmb3V3lKdxVBc5lFjlbeh56OBYJtXtM1LPFu8zKLdB1KHtw1NbcJdkq/6y7yFfKtGtehygt1DNhb+VyPfMnklJSjkKVBzwKIwvu79kKdmNCnO0oh6DHHsHVla1HMpzt6TOUo5rZ1ZSuAbE6LQphzGUPuymYAmeqtc1GKWM6qTssAslTrxHOfyXBFtW+t5s9Enc7E7AGyQNsD1AMUtvt6C+otKMyC/gGk4/GFjBOruQAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_785)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_785' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_785' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_785' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABdBJREFUeF7tW9lx2zwQXujwc/KWiPSM3IHdgdOBXUGiDpIKklSQdOCkgriDuIOog2jGpJK3X8+/DmTASyAIAgtgqWOGerFHIoHdD4s9vgUY9B8jAqzHx4xAD5DFQnqAeoDCnEhvQedkQZM4/iTkXSZJ9vcUPidjQa9eTaeD4eaXAGW3Hd38/btY9ABJCEyi6AGAvcu/4t+WaTrrASoQiOP4dsfhpwzIgMGbJEmejg3SSWyx11H8kwHcymBwgKc/afLmZAASPoAN13dDxuaHXLkounzHgT/ogGDAZmn6/O1QIAlL3nJ+zbfjx9IHVhY0ieL/AOCFEIYB+5qmzx+6Fmw6nb74f735Xc4LwAvHzKbF3KuL8ehqsVisupYlii6/cODvy3mXafIyx6L4TKKYK0LMGfBZmqbzroTLwjqHj9X4nN1n/zP+o/qOwecuw34URdccmLDga1nPZZpk2OwBiuMfwOFOBYMD//AnTb9Sg1SEdWE9edySfI7qk3bb0VUXYf91FL1nwL40dGPwuEySbLFqTrrtBSE8345mlEJOlAVhwG9Kay1WNcuJcovaC0yxULm/3TyogSFfqLpBNKJYm8kBwAo4my2Xz4+hQjbDejPvqedFAFRhfzK5vAOWBYXM30ofrUtpDfOK09qPw+DxYjSahTjOSRQL6yj3vNYRNx04zJdpcuO7ONl4m82Dzo2YgpIxD8pXWqBdRZXSYywGjM180gF1G5t8nMuzJuBC9LAmir7I6wTWhfVlml6ZlJtE0W9pgZzDfuhOsAJUCu+6d3VKq8Ji/Irqr7A5GpUvRQMkFHbx/ipAprBu8yuuYZ8yGjsBVCriI4CrkjJoWHBDFrBtkbwAEoO5mLDvNpGFtm1PChegA8kboHIwjBMMdbRirjYHTxlEOgFIDGoKowDwtCfCskLYu0JvVv5cVPq3lGmIClKwBZUDmlZSzlZDkj0xjpJkNhedIJGVByUDCJEOBFmPtKXb+COyUqhTgMp0YDDcCMqiRiGI30LYgdbqG2C+247uKYvpEiRyC9qnAk0atfzNlR0whe8c9O7o2U4A0tCoghFUq2fUljCE79qYIc7flKiSA5SH4/WvfWThi4vx+Ga93n6UKM29TC1O1Ra+x+PhZ908ISxDZ2FeHlilUeWVxVbV2OcaltoBPUtqQVJ3NNtOOt9gs4zCkZfkudXSlBJmRd2VJQXIhQU0+BbV0o2+CsNOmnyM7TcygHwExUQnDBfusjA2QDrLpDE0qjo5FUDU9Cx5oujjLKm2WJXBKz02qrAfvMVcaVRqJ12LoIH0bCdhXtcdbWsNYcM39jlVocIqSbuyQRaEZfqEIhjeSFbYZmltZwdCmEtyCzJ1R/fVt773jW1EujKF1F1ZbwvC0Kg+3LVuFV25Zhs96xLqvQEy0aiuCmEFxgLuGjjIi1VTx9N1S2DBcd2yVF1ZZws6FnmuAolx+hTNAmeAdPtbCE/dw8dYli0dyOXaHw7FdmW9M2ldWB8Am7vwPBjFXZ6xpQM74NfyOSDXw1hOFqQ5jerNFLqAgHkWyzy60rNogBpZqkZqV64Zo7jLM7bitxqLs3vsQTA8QPU6pyF3SLfCBQTMs4buR/E6X9iO3ZTzoABq1Ft1KTs/DYsBpRnlWjP4/FEkPWsFSMO1VLL4RAUfZUPeaU0HAFCHsQ5+BC9EWd93bemA6SjhUQ5x+ioa8p4tHWhjB45yDDhE0dB3XUsh1EFyF6cWqsAh3jcFndaD5Cq3Uxc0745Sdy0PAYZujmb3V3lKdxVBc5lFjlbeh56OBYJtXtM1LPFu8zKLdB1KHtw1NbcJdkq/6y7yFfKtGtehygt1DNhb+VyPfMnklJSjkKVBzwKIwvu79kKdmNCnO0oh6DHHsHVla1HMpzt6TOUo5rZ1ZSuAbE6LQphzGUPuymYAmeqtc1GKWM6qTssAslTrxHOfyXBFtW+t5s9Enc7E7AGyQNsD1AMUtvt6C+otKMyC/gGk4/GFjBOruQAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); } .care3 { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_4141)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_4141' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_4141' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_4141' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAA6NJREFUeF7tm0FW2zAQhv9JnGwLO4jNe+EGcAKaG9ATFG5AThA4QeEE0BM0PQHcoOkJ8HvYhl2zblJPnyAJjmNix7IVE0bL2LJGn36NZiSFIGUpARI+ywkIoBSFCCABpOdEREGiIFGQHgFRkB4/8UGiIFGQHgFRkB6/Svogx3E+63UrW23P8+7S3qwcoJbt/AJwkGZ4Yc8J/Rpw9RasKgLiwjq/yocI/aZlnbquO4xWqyAg+x6g9ip9K/DdQbNhdaKQKgdoZ6fdpvromIi2Cuz4wqeI6RMjPF4YDEI/8Lwv0wqVA1QmlKRvtxznHIxe9FmN0Jn6pA8PSIFZhMQ3ge+fqmcCCEC73d76OxrfA5hO62Hge9sCKDKvWrZ9DdDJ9KfA957FIwqaEIlPMwEU89gCKGV5FEACSC+CWquCVHRsWeN2CBjJ0vOgYsYRRewr1UlH0oUj8DOUUtOGPEDS6pQCyLb3TkLw1+hIpBlS1eeFAlJgGGFvjVl44ZwLAaR2/kJmFYEu2Z5gF8AdA7/rRANmHvq+Pyi8R5ofLNRJq9xlNPrXY/BZsl3sguh7OLZunp5cBajypTBAtm0fMOg6aVuUgTtiugqCh37liZQRSb9MKfxYXJXYBde67xHMlJO2gl4csfI384VAl41G/SK+l/uhFPQGnCGYTt+zaqKDmFtBE59zG5tWQwJ3qrga5VVuLkAJO22q/Y2DozqVC9Cu7dzGouKNhJML0K5tnxHoW1SyBD4sc1o9T2eiHjO2iDAMx1bXVBy1koJUslmrj9UR8CzJZHD30fcv887xLPVadvzQkN3A9/ez1NV9ZyVA8Q1sFQA++l5H14hl9ScxlloM5krZql05DpqoRx2BzEr4z9ovW+pJ7SoDmg1r20SMlVlBcfWAcBF43nmZ6pmNYuzoRQWhvv/QNdJ27IQ1MZufLOt/IgYNmw1r38QIziC19o5R4wOENDAZhGZS0OLK9XoEa2IU19lGJkDxy0umHOQ6wWR20gnTaxD43mEVjDdhQ6qCWmruE6utjJdi0DmbAJDWRjqgmBeP3pFJ+/gmPE8FFM+7psvcJnQ+Sx9SAcXC/A/lfxTADICc2e1SE6lFllE1+c5KgAAMQPhp0sB1t5V69NyyXxW0bmOr0P5CqiGA5oclCZDZvwBUQSZv2zBbpObuKJr6E0m12QDR/23IJc6U0RJAAkhvQouCREGiID0CoiA9fuKDREGiID0CoiA9fuKDREF6CvoPDiXYWBZAl48AAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_4141)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_4141' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_4141' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_4141' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAA6NJREFUeF7tm0FW2zAQhv9JnGwLO4jNe+EGcAKaG9ATFG5AThA4QeEE0BM0PQHcoOkJ8HvYhl2zblJPnyAJjmNix7IVE0bL2LJGn36NZiSFIGUpARI+ywkIoBSFCCABpOdEREGiIFGQHgFRkB4/8UGiIFGQHgFRkB6/Svogx3E+63UrW23P8+7S3qwcoJbt/AJwkGZ4Yc8J/Rpw9RasKgLiwjq/yocI/aZlnbquO4xWqyAg+x6g9ip9K/DdQbNhdaKQKgdoZ6fdpvromIi2Cuz4wqeI6RMjPF4YDEI/8Lwv0wqVA1QmlKRvtxznHIxe9FmN0Jn6pA8PSIFZhMQ3ge+fqmcCCEC73d76OxrfA5hO62Hge9sCKDKvWrZ9DdDJ9KfA957FIwqaEIlPMwEU89gCKGV5FEACSC+CWquCVHRsWeN2CBjJ0vOgYsYRRewr1UlH0oUj8DOUUtOGPEDS6pQCyLb3TkLw1+hIpBlS1eeFAlJgGGFvjVl44ZwLAaR2/kJmFYEu2Z5gF8AdA7/rRANmHvq+Pyi8R5ofLNRJq9xlNPrXY/BZsl3sguh7OLZunp5cBajypTBAtm0fMOg6aVuUgTtiugqCh37liZQRSb9MKfxYXJXYBde67xHMlJO2gl4csfI384VAl41G/SK+l/uhFPQGnCGYTt+zaqKDmFtBE59zG5tWQwJ3qrga5VVuLkAJO22q/Y2DozqVC9Cu7dzGouKNhJML0K5tnxHoW1SyBD4sc1o9T2eiHjO2iDAMx1bXVBy1koJUslmrj9UR8CzJZHD30fcv887xLPVadvzQkN3A9/ez1NV9ZyVA8Q1sFQA++l5H14hl9ScxlloM5krZql05DpqoRx2BzEr4z9ovW+pJ7SoDmg1r20SMlVlBcfWAcBF43nmZ6pmNYuzoRQWhvv/QNdJ27IQ1MZufLOt/IgYNmw1r38QIziC19o5R4wOENDAZhGZS0OLK9XoEa2IU19lGJkDxy0umHOQ6wWR20gnTaxD43mEVjDdhQ6qCWmruE6utjJdi0DmbAJDWRjqgmBeP3pFJ+/gmPE8FFM+7psvcJnQ+Sx9SAcXC/A/lfxTADICc2e1SE6lFllE1+c5KgAAMQPhp0sB1t5V69NyyXxW0bmOr0P5CqiGA5oclCZDZvwBUQSZv2zBbpObuKJr6E0m12QDR/23IJc6U0RJAAkhvQouCREGiID0CoiA9fuKDREGiID0CoiA9fuKDREF6CvoPDiXYWBZAl48AAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); } .care4 { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_4332)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_4332' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_4332' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_4332' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABWlJREFUeF7tXFt22zYQnZEofzt/iUifo64gzg7iFVRZQaMVNF5B4hU4XYGdFVhdQbSDqiuozjGp5K/6rmlPzvAhgSBAEHykkgz+JSaAmYuZOw8CQnBPJQLo8KlGwAFksBAHkAOoHYloLWg8PpvCgM7bTX8YowcAizAMFypplQAFQfD2ieDrYajXjZQDhAsVSEqAxkHwCQg+drP0gcyCcLUOw0+ytA6gHJE2AK2j8Cij3dgPaGsxDqCyq1sB9PLlZILDh+kQcfkE8FbkoL4syPf9c0Q8TdZTPBxdiGgTRdGyDyaTAeL1HonO6XE0//59teI1t64z9oN/AeA0FYRWADjJheoKoMlkcvrw8DglpF+BElCy9YzqbwBhgYR/jkbD+Wq12hhH1HihAFBR5806Cl/IAO38UZq8LUBp2kC/AeD7GnLXeIVuB4hfdLlLjQmSV4oAFUflOu8sKAjugGCqmrwpQOxCT4DXqHGhuoro3iOAxQDosqkLagFCmK/D8F3Bgvgfr3z/AwJeywKxIPTozXK/NCmWudJHAvqgfRdhDgB/s9/HsbeS52ZO9Lx4kvHTa93mpUrg59FoeFXX9VK+jW9UG0dAl9+i6PMu+ksa8K4T4A0AyGXGBghn6/U9K6Z9KsbzmCUC/tGER7b8BfS7QrZsbpqZrCkpoZBYP5n/lgjl8faJIsL8xPNmqt3KwOESpbT4AOGyLWfku5KVQmzppU1EoAsVSAzwf3F8o7XENnlQ2VxoNUCciQr7/tl7gmRnxGdDQFeiyZrc0+bvOkpAwFkU3d8WAWXZdpG5tE4rgJgvFATOvh9F95eZ5fxVXJRWCPDOZPI2gKjeTdeGO1l5BHrDa/v+2bWSC2Wd2gDEUazKdwGAcybRrZYnI++iLmm2BSlxn4eYXVt0Oc6VONnTcqlVJi0KKVfzeZivYn9h/E8FJ19XA1IBezkadw5QvprO99OQm5p2W6toMl7t6ulMcvjm/+sNIJ5cQ8r8p1rpQBMAqsZUUADnSQXSzufpFaBXfvC1MkOuSAe6BMcYvhPrgcW3KLyQ1+0NIEVLdglAp+UwWk4HugQnq/EU4TsptpmktwStaqn2BtDY91mobeHJi3uet9QlYnk60CU4VeGbE9k4js+LfXW6XUfRrBCM+miYZdGCWyP5s1xH4ZutX1um8rag2ZRCYz/g3GxrRScj74WYevRiQTI5qwjQphi0Aci2mDbJ2gtAY6ktIu+KqLCtQjqwmgJesnahjdFbmC90HqUFVQrauIRqvG31XYpUxQ3ddgp7AaiUiGnqFzVQ+ppI1R2oCt82pC9XBWIi27mLyeFd9zVS5ypVYVnsDtR9rw5/VcncOUDybjw9er/U7TLmypgsIysLyp3Ihokn89dgGP+zBVOw+t4BatqrTvxfnw7IhtG6dNEBsdcAMQqm7oBtL1zncg4gAxkdJEDPwsUcSWemm5OxC/MZILqWq0sUDQBl6fnukIMrNVLExHzHFaucxElnFEWATC0EU36jap7XKRn4HdvugEnWzhNFFtI1zAwWlPKQa7kWjgHLNZdr2ldwUM4X7rOPcJBcVbW7D4cVALlPzxoXM7UnMvd7nocX3PEXIVsrXWZxB6iKuaz5ts9eHcHjW0mFM5E//wieiN9zP8TZ9kPfUR8Dti0GdUXmUR4kl9sYovJNP+8c1VWEOhc76rYl5PeO4zKLuw4lXgErX4fKL9Qll9gQp8/xQh0SzfnyjPJCnegWVR3Fpm62j+N66Sjuo6JNZeoMoKYCHNS4Nnc1DkrRpsJaAZQeTblrutYhjrP6aQpWMMlderprum8AWv+4yb4p8H/Kc5Q/OdEloA4gA5oOIAdQO4f7AbwypaNRrFxJAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_4332)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_4332' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_4332' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_4332' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABWlJREFUeF7tXFt22zYQnZEofzt/iUifo64gzg7iFVRZQaMVNF5B4hU4XYGdFVhdQbSDqiuozjGp5K/6rmlPzvAhgSBAEHykkgz+JSaAmYuZOw8CQnBPJQLo8KlGwAFksBAHkAOoHYloLWg8PpvCgM7bTX8YowcAizAMFypplQAFQfD2ieDrYajXjZQDhAsVSEqAxkHwCQg+drP0gcyCcLUOw0+ytA6gHJE2AK2j8Cij3dgPaGsxDqCyq1sB9PLlZILDh+kQcfkE8FbkoL4syPf9c0Q8TdZTPBxdiGgTRdGyDyaTAeL1HonO6XE0//59teI1t64z9oN/AeA0FYRWADjJheoKoMlkcvrw8DglpF+BElCy9YzqbwBhgYR/jkbD+Wq12hhH1HihAFBR5806Cl/IAO38UZq8LUBp2kC/AeD7GnLXeIVuB4hfdLlLjQmSV4oAFUflOu8sKAjugGCqmrwpQOxCT4DXqHGhuoro3iOAxQDosqkLagFCmK/D8F3Bgvgfr3z/AwJeywKxIPTozXK/NCmWudJHAvqgfRdhDgB/s9/HsbeS52ZO9Lx4kvHTa93mpUrg59FoeFXX9VK+jW9UG0dAl9+i6PMu+ksa8K4T4A0AyGXGBghn6/U9K6Z9KsbzmCUC/tGER7b8BfS7QrZsbpqZrCkpoZBYP5n/lgjl8faJIsL8xPNmqt3KwOESpbT4AOGyLWfku5KVQmzppU1EoAsVSAzwf3F8o7XENnlQ2VxoNUCciQr7/tl7gmRnxGdDQFeiyZrc0+bvOkpAwFkU3d8WAWXZdpG5tE4rgJgvFATOvh9F95eZ5fxVXJRWCPDOZPI2gKjeTdeGO1l5BHrDa/v+2bWSC2Wd2gDEUazKdwGAcybRrZYnI++iLmm2BSlxn4eYXVt0Oc6VONnTcqlVJi0KKVfzeZivYn9h/E8FJ19XA1IBezkadw5QvprO99OQm5p2W6toMl7t6ulMcvjm/+sNIJ5cQ8r8p1rpQBMAqsZUUADnSQXSzufpFaBXfvC1MkOuSAe6BMcYvhPrgcW3KLyQ1+0NIEVLdglAp+UwWk4HugQnq/EU4TsptpmktwStaqn2BtDY91mobeHJi3uet9QlYnk60CU4VeGbE9k4js+LfXW6XUfRrBCM+miYZdGCWyP5s1xH4ZutX1um8rag2ZRCYz/g3GxrRScj74WYevRiQTI5qwjQphi0Aci2mDbJ2gtAY6ktIu+KqLCtQjqwmgJesnahjdFbmC90HqUFVQrauIRqvG31XYpUxQ3ddgp7AaiUiGnqFzVQ+ppI1R2oCt82pC9XBWIi27mLyeFd9zVS5ypVYVnsDtR9rw5/VcncOUDybjw9er/U7TLmypgsIysLyp3Ihokn89dgGP+zBVOw+t4BatqrTvxfnw7IhtG6dNEBsdcAMQqm7oBtL1zncg4gAxkdJEDPwsUcSWemm5OxC/MZILqWq0sUDQBl6fnukIMrNVLExHzHFaucxElnFEWATC0EU36jap7XKRn4HdvugEnWzhNFFtI1zAwWlPKQa7kWjgHLNZdr2ldwUM4X7rOPcJBcVbW7D4cVALlPzxoXM7UnMvd7nocX3PEXIVsrXWZxB6iKuaz5ts9eHcHjW0mFM5E//wieiN9zP8TZ9kPfUR8Dti0GdUXmUR4kl9sYovJNP+8c1VWEOhc76rYl5PeO4zKLuw4lXgErX4fKL9Qll9gQp8/xQh0SzfnyjPJCnegWVR3Fpm62j+N66Sjuo6JNZeoMoKYCHNS4Nnc1DkrRpsJaAZQeTblrutYhjrP6aQpWMMlderprum8AWv+4yb4p8H/Kc5Q/OdEloA4gA5oOIAdQO4f7AbwypaNRrFxJAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); } .care5 { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_3247)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_3247' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_3247' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_3247' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAWdJREFUeF7t3DEOgjAYhuGScABm7IA30Bt4c4+gN7ADMDsrEYNGIBEh9GMAfJ1MTBN4+vLHoSEwfHoFAnz6BWqgeGNPxpgdYC+Bc56l++pLG6gEpxHIs/RlA9CPKnqBPj/+W1HxxtZPEUAduw/QwCMBEEDa1KQgCqIgTYCCND9mEAVRkCZAQZofM4iCKEgToCDNjxlEQRSkCVCQ5scMoiAK0gQoSPNjBlEQBWkCFKT5ec2glZ8bqs8BVbSjgay1h0dpjtq+zHt1+yTLaKAkSaLbvbgYY6J536bv1ZUuz7LtZ/VooGphhVQUxSqP5oVheHbOXSUg371Z4jqvgpZ4o77XDBD/g3zbea+jIAqiIE2AgjQ/ZhAFUZAmQEGaHzOIgihIE6AgzY8ZREEUpAlQkObHDKIgCtIEKEjzYwZREAVpAhSk+TGDpipI24d1rOb9QQP72AXEK7oatO9XdK3jwZj+LngL3oDpE5SdJmeFgRrZAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_3247)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_3247' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_3247' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_3247' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAWdJREFUeF7t3DEOgjAYhuGScABm7IA30Bt4c4+gN7ADMDsrEYNGIBEh9GMAfJ1MTBN4+vLHoSEwfHoFAnz6BWqgeGNPxpgdYC+Bc56l++pLG6gEpxHIs/RlA9CPKnqBPj/+W1HxxtZPEUAduw/QwCMBEEDa1KQgCqIgTYCCND9mEAVRkCZAQZofM4iCKEgToCDNjxlEQRSkCVCQ5scMoiAK0gQoSPNjBlEQBWkCFKT5ec2glZ8bqs8BVbSjgay1h0dpjtq+zHt1+yTLaKAkSaLbvbgYY6J536bv1ZUuz7LtZ/VooGphhVQUxSqP5oVheHbOXSUg371Z4jqvgpZ4o77XDBD/g3zbea+jIAqiIE2AgjQ/ZhAFUZAmQEGaHzOIgihIE6AgzY8ZREEUpAlQkObHDKIgCtIEKEjzYwZREAVpAhSk+TGDpipI24d1rOb9QQP72AXEK7oatO9XdK3jwZj+LngL3oDpE5SdJmeFgRrZAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); } .care6 { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_2736)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_2736' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_2736' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_2736' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABsxJREFUeF7tnF1W2zgUgO917PS1fWvjcBpWMLCCwgoGVgBZQWEFlBXQrgBYAekKSlcwmRXU5xCnfRu/TpP4zsixjSxL/pOcxOfgF+Agy9Kn+6erH4SXp5AAvvApJrBxQK7rHoQARxZY70OgAwR4DQAH8maSR4AeAvsJf/cQp7PZ7HGTg9o6oNFo9HqxWJ0Q0p9AcARrIFoPATwC0FdaOZNfvzxPq7KSl1sDNBwOj0KiMwA8b7MDDJYFeO/7T3dtfMc4IAZmRXCFEEmL6gkIYIoI34koYKojK0iEI0IaAcAfQHQAgOx3xUMegnVtGpQxQGvbgjdKMAgTIvquoxZv345Gvd7qKFbXE5XdArIu5/OniQmJ0gYU25grArrIN4g8QLwPl/adaVuR2jYIr6SShTDp2/bY87xAB5QWICY1BHib90LtiLuqowVqHQDhWEeaGgNy3b1zAroRvFIACF/ms9knnVFr+q6iTYCAn33/6bJJvY0Aue7ejahSzJvQyh6bVqW6nVKrPN31HeeyrsrVBjRw3duc60a43pbUqAAOBnsngMTUn4+7pn3HPq4DqRYgCRxtHa8rIXXKr20kPAhGvBakyoAkahUg0LHv+9IYpk5H2izLVO73Yvkt40gQJvPZ7LTKdysBio0fE9fk6QScpLEySFUNdymg2JWzEUh0uVNwSiCNyyLvQkAy8hbC8aZn1FVUoUoZ2WCHK/uwyPMWAsrZnR30VlXA8GXWk2hgGhE9LDz56c+OVfUoAcW0/6paUd2GbrO8OPAIqFQ1JaB37vAbN/EMykRR1eG4MSzloZ0HEr4xtRAum6r7wHV/cO4/6Dv2viw+kgISxfD/WL1RIChKoWmpKVOPou9V7aMUUFZ6yJv7/n6TzuUa0aSSgnd0ALFqRS2RSVEOkNipIv0s669YF/OAZe+U/Z/PUuoCYvklq7f88Wxn6fKn73/m25ADlJ1ONJce9hER0NyflcZdZYAGw+EnILiq4oHK6spLUb6/mQbHcc8/acUNbU/yfhcAxZPah6TNCHTIT58ygMQpRbiy93XSF10AxMDwHk2cgmQADYbDByBY53prTOhUotwVQNm4KKtmWUDukKlXFK8Q5A1WFZ3my3QHUJQ6ToNiXnNSQGLMoqteXTHSyYAOOOHgPXcK6J3rXiAgyzGzJ5j7szd1JUYs3xUJknizu7nvj9eWJn54PdSNL7rkxVIJUoQPnARxcy9N995JQOscduruk5gtBTRwh8xIRbssTBjortkglTngAVEy8qaSYl2yQWKQnASMGwXEsgK6hp8IPiRpGFO2kvNkOSHZLCBdOsL7L4DKgBqI9vlPDNzhdiVovTPMzIMIARJdm1yX2zogE+kOM3jltfCAJEb6OUerkyRrey7WFqBSN59JP+5woLg1QJlMoiHj10Yc1BYgVaZSMVnVS7W2OdVoEdBzLgwoP1kVR3tX0x2tAeLWyfiplpgwS+MAE4a6Kyom5sL4vHQGkGCoK++hUY1qVwAV5cIEQJmkGfQd+02d7WqbSJi1oWJ8JgM4+5NJmLE/xIU0XTXrggTllscJT/ltw7mFPFPLzm3lg0xLkLDvMpdqzgES18Z0ckO7LkGixsg2aUiXgvmFNJ2Uwq4DEnftykIbKSBRipraIlG/d2mympMewTgnqqzcTJDdYERe33EOm3i01EMYmr6YskFVN4ipAQlZftH9mWroNuoR4h62+KXcIFa4HSWzVh8td2Rd4DY6p/vN/E7X4nlnlW3AbINRp/dIJ1CbbGsu3dAk7p8BaG6PdEdf933B7hSqVqmR5hsjOadR60CIbsdMvC+69KrhS6kEJY2TnPTpDCSdtlcGJD01w04uA41NriyYkBbe5vy7WD5kDxrXMxGVAbGPKiDt5Jkx+XladpYWTusMaC1AKaTl8jbdqhcPF9vb5zi96ybBpEmpYXXFcQ7bCat12jCX7qjTUNm5VebhLMRx0+MBdb4vK8umD9hb3opn95lBfuXYp00Gr7YECd5NdvI5OkGzyQO+63nVgp2fz1+DobmEpQUoSbLJRi0KvAEekfCLzrn1IqmKz6R+lN8PYkaatQElHVCdWV//P7poYAIQ3tcxkDI4yfU6CHimuFbH6Nl9Y4A4A34BBB8Ljj+lF5tAiFPLosC27anMPrB8EquX3TdU8YKTu3DlXOtsfhcHxSigbPyxOEdgoIpubNE1y9H7kcS0cT+Ilher2jWmEgDWGUF4YhBWAEATIOtrW/Yt6V8rEqSCl15vA+EHAhyV3DGUVhMZ+/iaLgvgUdeOVR3cjUhQlcYwKUPEzJFNdvHSJkGo2rlRCaoCa9fK/AcsWhuUKWXiXQAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0_3964_2736)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3964_2736' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3964_2736' transform='scale(0.0138889)'/%3E%3C/pattern%3E%3Cimage id='image0_3964_2736' width='72' height='72' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABsxJREFUeF7tnF1W2zgUgO917PS1fWvjcBpWMLCCwgoGVgBZQWEFlBXQrgBYAekKSlcwmRXU5xCnfRu/TpP4zsixjSxL/pOcxOfgF+Agy9Kn+6erH4SXp5AAvvApJrBxQK7rHoQARxZY70OgAwR4DQAH8maSR4AeAvsJf/cQp7PZ7HGTg9o6oNFo9HqxWJ0Q0p9AcARrIFoPATwC0FdaOZNfvzxPq7KSl1sDNBwOj0KiMwA8b7MDDJYFeO/7T3dtfMc4IAZmRXCFEEmL6gkIYIoI34koYKojK0iEI0IaAcAfQHQAgOx3xUMegnVtGpQxQGvbgjdKMAgTIvquoxZv345Gvd7qKFbXE5XdArIu5/OniQmJ0gYU25grArrIN4g8QLwPl/adaVuR2jYIr6SShTDp2/bY87xAB5QWICY1BHib90LtiLuqowVqHQDhWEeaGgNy3b1zAroRvFIACF/ms9knnVFr+q6iTYCAn33/6bJJvY0Aue7ejahSzJvQyh6bVqW6nVKrPN31HeeyrsrVBjRw3duc60a43pbUqAAOBnsngMTUn4+7pn3HPq4DqRYgCRxtHa8rIXXKr20kPAhGvBakyoAkahUg0LHv+9IYpk5H2izLVO73Yvkt40gQJvPZ7LTKdysBio0fE9fk6QScpLEySFUNdymg2JWzEUh0uVNwSiCNyyLvQkAy8hbC8aZn1FVUoUoZ2WCHK/uwyPMWAsrZnR30VlXA8GXWk2hgGhE9LDz56c+OVfUoAcW0/6paUd2GbrO8OPAIqFQ1JaB37vAbN/EMykRR1eG4MSzloZ0HEr4xtRAum6r7wHV/cO4/6Dv2viw+kgISxfD/WL1RIChKoWmpKVOPou9V7aMUUFZ6yJv7/n6TzuUa0aSSgnd0ALFqRS2RSVEOkNipIv0s669YF/OAZe+U/Z/PUuoCYvklq7f88Wxn6fKn73/m25ADlJ1ONJce9hER0NyflcZdZYAGw+EnILiq4oHK6spLUb6/mQbHcc8/acUNbU/yfhcAxZPah6TNCHTIT58ygMQpRbiy93XSF10AxMDwHk2cgmQADYbDByBY53prTOhUotwVQNm4KKtmWUDukKlXFK8Q5A1WFZ3my3QHUJQ6ToNiXnNSQGLMoqteXTHSyYAOOOHgPXcK6J3rXiAgyzGzJ5j7szd1JUYs3xUJknizu7nvj9eWJn54PdSNL7rkxVIJUoQPnARxcy9N995JQOscduruk5gtBTRwh8xIRbssTBjortkglTngAVEy8qaSYl2yQWKQnASMGwXEsgK6hp8IPiRpGFO2kvNkOSHZLCBdOsL7L4DKgBqI9vlPDNzhdiVovTPMzIMIARJdm1yX2zogE+kOM3jltfCAJEb6OUerkyRrey7WFqBSN59JP+5woLg1QJlMoiHj10Yc1BYgVaZSMVnVS7W2OdVoEdBzLgwoP1kVR3tX0x2tAeLWyfiplpgwS+MAE4a6Kyom5sL4vHQGkGCoK++hUY1qVwAV5cIEQJmkGfQd+02d7WqbSJi1oWJ8JgM4+5NJmLE/xIU0XTXrggTllscJT/ltw7mFPFPLzm3lg0xLkLDvMpdqzgES18Z0ckO7LkGixsg2aUiXgvmFNJ2Uwq4DEnftykIbKSBRipraIlG/d2mympMewTgnqqzcTJDdYERe33EOm3i01EMYmr6YskFVN4ipAQlZftH9mWroNuoR4h62+KXcIFa4HSWzVh8td2Rd4DY6p/vN/E7X4nlnlW3AbINRp/dIJ1CbbGsu3dAk7p8BaG6PdEdf933B7hSqVqmR5hsjOadR60CIbsdMvC+69KrhS6kEJY2TnPTpDCSdtlcGJD01w04uA41NriyYkBbe5vy7WD5kDxrXMxGVAbGPKiDt5Jkx+XladpYWTusMaC1AKaTl8jbdqhcPF9vb5zi96ybBpEmpYXXFcQ7bCat12jCX7qjTUNm5VebhLMRx0+MBdb4vK8umD9hb3opn95lBfuXYp00Gr7YECd5NdvI5OkGzyQO+63nVgp2fz1+DobmEpQUoSbLJRi0KvAEekfCLzrn1IqmKz6R+lN8PYkaatQElHVCdWV//P7poYAIQ3tcxkDI4yfU6CHimuFbH6Nl9Y4A4A34BBB8Ljj+lF5tAiFPLosC27anMPrB8EquX3TdU8YKTu3DlXOtsfhcHxSigbPyxOEdgoIpubNE1y9H7kcS0cT+Ilher2jWmEgDWGUF4YhBWAEATIOtrW/Yt6V8rEqSCl15vA+EHAhyV3DGUVhMZ+/iaLgvgUdeOVR3cjUhQlcYwKUPEzJFNdvHSJkGo2rlRCaoCa9fK/AcsWhuUKWXiXQAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); } .delivery-box-icon { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7748 0.958482C11.9141 0.878097 12.0856 0.878097 12.2248 0.958482L21.4495 6.28435C21.5888 6.36473 21.6745 6.51329 21.6745 6.67406V17.3258C21.6745 17.4866 21.5888 17.6351 21.4495 17.7155L12.2248 23.0414C12.0856 23.1218 11.9141 23.1218 11.7748 23.0414L2.55019 17.7155C2.41096 17.6351 2.3252 17.4866 2.3252 17.3258V6.67406C2.3252 6.51329 2.41096 6.36473 2.55019 6.28435L11.7748 0.958482ZM11.9998 1.86781L8.28752 4.01113L16.6122 8.81738L20.3245 6.67406L11.9998 1.86781ZM20.7745 7.45348L16.8444 9.72253C16.8399 9.72526 16.8353 9.72791 16.8307 9.73047L12.4499 12.2597L12.4498 21.8722L20.7745 17.066V7.45348ZM11.5498 21.8722L11.5499 12.2597L3.2252 7.45348V17.066L11.5498 21.8722ZM3.67519 6.67406L11.9999 11.4803L15.7122 9.337L7.38752 4.53074L3.67519 6.67406Z' fill='%23262626'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7748 0.958482C11.9141 0.878097 12.0856 0.878097 12.2248 0.958482L21.4495 6.28435C21.5888 6.36473 21.6745 6.51329 21.6745 6.67406V17.3258C21.6745 17.4866 21.5888 17.6351 21.4495 17.7155L12.2248 23.0414C12.0856 23.1218 11.9141 23.1218 11.7748 23.0414L2.55019 17.7155C2.41096 17.6351 2.3252 17.4866 2.3252 17.3258V6.67406C2.3252 6.51329 2.41096 6.36473 2.55019 6.28435L11.7748 0.958482ZM11.9998 1.86781L8.28752 4.01113L16.6122 8.81738L20.3245 6.67406L11.9998 1.86781ZM20.7745 7.45348L16.8444 9.72253C16.8399 9.72526 16.8353 9.72791 16.8307 9.73047L12.4499 12.2597L12.4498 21.8722L20.7745 17.066V7.45348ZM11.5498 21.8722L11.5499 12.2597L3.2252 7.45348V17.066L11.5498 21.8722ZM3.67519 6.67406L11.9999 11.4803L15.7122 9.337L7.38752 4.53074L3.67519 6.67406Z' fill='%23262626'/%3E%3C/svg%3E%0A"); } .delivery-cor { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.83056 5.20841H16.1695C15.3778 3.71548 13.8077 2.69858 12.0001 2.69858C10.193 2.69858 8.6225 3.71505 7.83056 5.20841ZM17.1664 5.20841C16.309 3.20347 14.3186 1.79858 12.0001 1.79858C9.56799 1.79858 7.49806 3.34426 6.71685 5.50543C6.50117 6.1021 6.38379 6.74527 6.38379 7.41487C6.38379 10.5167 8.89829 13.0312 12.0001 13.0312C15.1019 13.0312 17.6164 10.5167 17.6164 7.41487C17.6164 6.96508 17.5635 6.52763 17.4636 6.10841H20.0081C20.2566 6.10841 20.4581 5.90693 20.4581 5.65841C20.4581 5.40988 20.2566 5.20841 20.0081 5.20841H17.1664ZM16.5331 6.10841H7.46696C7.34776 6.52285 7.28379 6.96107 7.28379 7.41487C7.28379 10.0196 9.39534 12.1312 12.0001 12.1312C14.6048 12.1312 16.7164 10.0196 16.7164 7.41487C16.7164 6.96161 16.6524 6.52327 16.5331 6.10841Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 13.0311C7.184 13.0311 3.27988 16.9352 3.27988 21.7512C3.27988 21.9997 3.07841 22.2012 2.82988 22.2012C2.58135 22.2012 2.37988 21.9997 2.37988 21.7512C2.37988 16.4382 6.68694 12.1311 12 12.1311C17.313 12.1311 21.6201 16.4382 21.6201 21.7512C21.6201 21.9997 21.4186 22.2012 21.1701 22.2012C20.9215 22.2012 20.7201 21.9997 20.7201 21.7512C20.7201 16.9352 16.8159 13.0311 12 13.0311ZM13.0355 17.8116C13.0355 17.563 13.237 17.3616 13.4855 17.3616H17.0427C17.2912 17.3616 17.4927 17.563 17.4927 17.8116C17.4927 18.0601 17.2912 18.2616 17.0427 18.2616H13.4855C13.237 18.2616 13.0355 18.0601 13.0355 17.8116Z' fill='%23262626'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.83056 5.20841H16.1695C15.3778 3.71548 13.8077 2.69858 12.0001 2.69858C10.193 2.69858 8.6225 3.71505 7.83056 5.20841ZM17.1664 5.20841C16.309 3.20347 14.3186 1.79858 12.0001 1.79858C9.56799 1.79858 7.49806 3.34426 6.71685 5.50543C6.50117 6.1021 6.38379 6.74527 6.38379 7.41487C6.38379 10.5167 8.89829 13.0312 12.0001 13.0312C15.1019 13.0312 17.6164 10.5167 17.6164 7.41487C17.6164 6.96508 17.5635 6.52763 17.4636 6.10841H20.0081C20.2566 6.10841 20.4581 5.90693 20.4581 5.65841C20.4581 5.40988 20.2566 5.20841 20.0081 5.20841H17.1664ZM16.5331 6.10841H7.46696C7.34776 6.52285 7.28379 6.96107 7.28379 7.41487C7.28379 10.0196 9.39534 12.1312 12.0001 12.1312C14.6048 12.1312 16.7164 10.0196 16.7164 7.41487C16.7164 6.96161 16.6524 6.52327 16.5331 6.10841Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 13.0311C7.184 13.0311 3.27988 16.9352 3.27988 21.7512C3.27988 21.9997 3.07841 22.2012 2.82988 22.2012C2.58135 22.2012 2.37988 21.9997 2.37988 21.7512C2.37988 16.4382 6.68694 12.1311 12 12.1311C17.313 12.1311 21.6201 16.4382 21.6201 21.7512C21.6201 21.9997 21.4186 22.2012 21.1701 22.2012C20.9215 22.2012 20.7201 21.9997 20.7201 21.7512C20.7201 16.9352 16.8159 13.0311 12 13.0311ZM13.0355 17.8116C13.0355 17.563 13.237 17.3616 13.4855 17.3616H17.0427C17.2912 17.3616 17.4927 17.563 17.4927 17.8116C17.4927 18.0601 17.2912 18.2616 17.0427 18.2616H13.4855C13.237 18.2616 13.0355 18.0601 13.0355 17.8116Z' fill='%23262626'/%3E%3C/svg%3E%0A"); } .delivery-shop { width: 24px; height: 24px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.46348 20.8364V9.70813H2.56348V21.2864C2.56348 21.5349 2.76495 21.7364 3.01348 21.7364H20.9881C21.2367 21.7364 21.4381 21.5349 21.4381 21.2864V9.70813H20.5381V20.8364H3.46348Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0336 14.1098V21.2864H14.9336V13.6598C14.9336 13.4112 14.7321 13.2098 14.4836 13.2098H9.51651C9.26798 13.2098 9.06651 13.4112 9.06651 13.6598V21.2864H9.96651V14.1098H14.0336Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.7389 2.60453C2.78898 2.40421 2.96897 2.26367 3.17546 2.26367H7.1149C7.36343 2.26367 7.5649 2.46514 7.5649 2.71367V7.72514C7.5649 9.38576 6.21871 10.732 4.55809 10.732C2.60195 10.732 1.16663 8.89362 1.64106 6.99589L2.7389 2.60453ZM3.52681 3.16367L2.51419 7.21417C2.18176 8.54387 3.18746 9.83195 4.55809 9.83195C5.72165 9.83195 6.6649 8.8887 6.6649 7.72514V3.16367H3.52681Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5508 2.71367C11.5508 2.46514 11.7523 2.26367 12.0008 2.26367H16.8863C17.1348 2.26367 17.3363 2.46514 17.3363 2.71367V7.83922C17.3363 9.43683 16.0411 10.732 14.4435 10.732C12.8459 10.732 11.5508 9.43683 11.5508 7.83922V2.71367ZM12.4508 3.16367V7.83922C12.4508 8.93977 13.343 9.83195 14.4435 9.83195C15.5441 9.83195 16.4363 8.93977 16.4363 7.83922V3.16367H12.4508Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66504 2.71367C6.66504 2.46514 6.86651 2.26367 7.11504 2.26367H12.0005C12.249 2.26367 12.4505 2.46514 12.4505 2.71367V7.83922C12.4505 9.43683 11.1554 10.732 9.55777 10.732C7.96016 10.732 6.66504 9.43683 6.66504 7.83922V2.71367ZM7.56504 3.16367V7.83922C7.56504 8.93977 8.45722 9.83195 9.55777 9.83195C10.6583 9.83195 11.5505 8.93977 11.5505 7.83922V3.16367H7.56504Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4355 2.71367C16.4355 2.46514 16.637 2.26367 16.8855 2.26367H20.825C21.0315 2.26367 21.2115 2.40421 21.2615 2.60453L22.3594 6.99589C22.8338 8.89362 21.3985 10.732 19.4424 10.732C17.7817 10.732 16.4355 9.38576 16.4355 7.72514V2.71367ZM17.3355 3.16367V7.72514C17.3355 8.8887 18.2788 9.83195 19.4424 9.83195C20.813 9.83195 21.8187 8.54387 21.4863 7.21417L20.4736 3.16367H17.3355Z' fill='%23262626'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.46348 20.8364V9.70813H2.56348V21.2864C2.56348 21.5349 2.76495 21.7364 3.01348 21.7364H20.9881C21.2367 21.7364 21.4381 21.5349 21.4381 21.2864V9.70813H20.5381V20.8364H3.46348Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0336 14.1098V21.2864H14.9336V13.6598C14.9336 13.4112 14.7321 13.2098 14.4836 13.2098H9.51651C9.26798 13.2098 9.06651 13.4112 9.06651 13.6598V21.2864H9.96651V14.1098H14.0336Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.7389 2.60453C2.78898 2.40421 2.96897 2.26367 3.17546 2.26367H7.1149C7.36343 2.26367 7.5649 2.46514 7.5649 2.71367V7.72514C7.5649 9.38576 6.21871 10.732 4.55809 10.732C2.60195 10.732 1.16663 8.89362 1.64106 6.99589L2.7389 2.60453ZM3.52681 3.16367L2.51419 7.21417C2.18176 8.54387 3.18746 9.83195 4.55809 9.83195C5.72165 9.83195 6.6649 8.8887 6.6649 7.72514V3.16367H3.52681Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5508 2.71367C11.5508 2.46514 11.7523 2.26367 12.0008 2.26367H16.8863C17.1348 2.26367 17.3363 2.46514 17.3363 2.71367V7.83922C17.3363 9.43683 16.0411 10.732 14.4435 10.732C12.8459 10.732 11.5508 9.43683 11.5508 7.83922V2.71367ZM12.4508 3.16367V7.83922C12.4508 8.93977 13.343 9.83195 14.4435 9.83195C15.5441 9.83195 16.4363 8.93977 16.4363 7.83922V3.16367H12.4508Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66504 2.71367C6.66504 2.46514 6.86651 2.26367 7.11504 2.26367H12.0005C12.249 2.26367 12.4505 2.46514 12.4505 2.71367V7.83922C12.4505 9.43683 11.1554 10.732 9.55777 10.732C7.96016 10.732 6.66504 9.43683 6.66504 7.83922V2.71367ZM7.56504 3.16367V7.83922C7.56504 8.93977 8.45722 9.83195 9.55777 9.83195C10.6583 9.83195 11.5505 8.93977 11.5505 7.83922V3.16367H7.56504Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4355 2.71367C16.4355 2.46514 16.637 2.26367 16.8855 2.26367H20.825C21.0315 2.26367 21.2115 2.40421 21.2615 2.60453L22.3594 6.99589C22.8338 8.89362 21.3985 10.732 19.4424 10.732C17.7817 10.732 16.4355 9.38576 16.4355 7.72514V2.71367ZM17.3355 3.16367V7.72514C17.3355 8.8887 18.2788 9.83195 19.4424 9.83195C20.813 9.83195 21.8187 8.54387 21.4863 7.21417L20.4736 3.16367H17.3355Z' fill='%23262626'/%3E%3C/svg%3E%0A"); } /*Header*/ header { position: fixed; margin: 0; padding: 20px 40px; z-index: 10; left: 0; top: 0; right: 0; font-size: var(--font-small); text-transform: uppercase; color: var(--white); } header a { font-size: var(--font-very-small); text-transform: uppercase; color: var(--white); font-weight: var(--font-weight); } header a:hover { color: var(--link-color-hover); } .top-links__block { gap: 30px; } .menu-top { border: 0; box-shadow: none; padding: 0; background: none; font-size: var(--font-small); text-transform: uppercase; color: var(--white); gap: 12px; cursor: pointer; } .menu-top:hover { color: var(--link-color-hover); } .menu-top:hover i { background-color: var(--link-color-hover); } .search-block { width: 100%; max-width: 280px; } .top-links__block, .menu-top__block { width: 100%; max-width: 400px; } .top-links__block { justify-content: flex-end; } .menu-top__block { justify-content: flex-start; gap: 24px; } .search { border: 0; background: none; text-align: center; color: var(--white); /* padding: 9px; */ border-bottom: 1px solid var(--white); /* font-size: var(--font-small); */ width: 100%; box-sizing: border-box; outline: none; -webkit-appearance: none; cursor: pointer; padding: 10px 16px 8px; line-height: 1.75; font-size: var(--font-very-small); } .search::placeholder { color: var(--white); text-transform: uppercase; } .search:hover { border-bottom: 1px solid var(--link-color-hover); color: var(--link-color-hover); } .search:hover::placeholder { color: var(--link-color-hover); } header.black-header, header.black-header a, header.black-header .menu-top, header.black-header .search, header.black-header .search::placeholder { color: var(--title-color); } header.black-header, header.black-header a:hover { color: var(--hover); } header.black-header .search { border-color: var(--title-color); } header.black-header i { background: var(--title-color); } header.black-header .fav-phone__link span, header.black-header .basket-phone__link span { background: var(--title-color); color: var(--white); } /*Content*/ main { position: relative; height: 100%; } .main-slider { width: 100%; height: 100%; } .main-slider section.swiper-slide, .main-slider footer.swiper-slide { height: var(--vh, 100vh); min-height: var(--vh, 100vh); background-repeat: no-repeat; background-position: top center; } .slider-img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .slider-img img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .main-slider .swiper-slide { color: var(--white); position: relative; } .main-slider .swiper-slide.swiper-logo:after { content: ''; background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .main-slider section.swiper-slide .wrapper { display: flex; flex-flow: column; gap: 3.91vw; align-items: center; justify-content: flex-end; height: 100%; padding-top: 40px; padding-bottom: 40px; box-sizing: border-box; z-index: 2; position: relative; z-index: 2; } .main-slider .swiper-slide.swiper-txt .wrapper { justify-content: center; max-width: 1142px; } .main-slider video { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; aspect-ratio: auto; object-fit: cover; z-index: 1; } .video-box { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .slider-link { display: block; height: 100%; } .main-slider a, footer a { color: var(--white); font-size: var(--font-small); text-transform: uppercase; } .main-slider a:hover { color: var(--link-color-hover); } .link-slider { display: flex; align-items: center; gap: 2px; color: var(--white); } .link-slider:hover { color: var(--link-color-hover); } .link-slider:hover:after, .txt-slider .btn.border:hover:after { transform: translate3d(5px, 0px, 0px); background-color: var(--link-color-hover); } .link-slider:after, .txt-slider .btn.border:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 18px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .logo-slider { opacity: .8; } .logo-slider img { display: block; width: 100%; } .slider-video__btn { position: absolute; right: 40px; bottom: 40px; z-index: 3; } .slider-video__btn button { padding: 0; background: rgba(255, 255, 255, .5); width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border: 0; outline: none; -webkit-appearance: none; cursor: pointer; } .slider-video__btn button:hover { padding: 0; background: rgba(255, 255, 255, .7); } .pause:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 32px; height: 32px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.667 24V8H23.3337V24H18.667ZM8.66699 24V8H13.3337V24H8.66699Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.667 24V8H23.3337V24H18.667ZM8.66699 24V8H13.3337V24H8.66699Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); } .play:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 32px; height: 32px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.667 6.85352V25.5202L25.3337 16.1868L10.667 6.85352Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.667 6.85352V25.5202L25.3337 16.1868L10.667 6.85352Z' fill='%231A1B1C'/%3E%3C/svg%3E%0A"); } .video-box__phone { display: none; } #cookie { position: fixed; z-index: 11; right: 0px; left: 0; padding: 24px 40px; bottom: 0; font-size: var(--font-small); background: var(--white); line-height: 130%; } .cookie-btns { gap: 8px; } .txt-slider { text-align: center; } .txt-slider p:first-child { margin-top: 0; } .txt-slider p:last-child { margin-bottom: 0; } .txt-slider .logo-slider { max-width: 397px; opacity: 1; margin: 0 auto 40px; } .txt-slider .btn.border { box-shadow: inset 0 0 0 1px var(--white); color: var(--white); margin: 55px auto 0; } .txt-slider .btn.border:hover { border-color: var(--link-color-hover); color: var(--link-color-hover); } /*Select*/ .ts-control { border: 1px solid var(--title-color); padding: 6px 28px 6px 12px; max-width: max-content; min-width: 70px; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; display: flex; flex-wrap: wrap; color: var(--title-color); } .ts-control:hover { border: 1px solid var(--hover); } .select-sort__value { display: none; } .ts-control:after, .select-sort__value:after { content: ''; position: absolute; right: 12px; top: 9px; background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L7 9L11 5' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat center center; width: 14px; height: 14px; } .dropdown-active .ts-control:after, .catalog-item__review-filter__list.active .select-sort__value:after { transform: rotate(180deg); } .ts-wrapper.multi.has-items .ts-control { padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0); } .full .ts-control { background-color: var(--white); } .full.dropdown-active .ts-control { background-color: var(--green-dark); } .disabled .ts-control, .disabled .ts-control * { cursor: default !important; } .focus .ts-control { box-shadow: none; } .ts-control>* { vertical-align: baseline; display: inline-block; } .ts-wrapper.multi .ts-control>div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .ts-wrapper.multi .ts-control>div.active {} .ts-wrapper.multi.disabled .ts-control>div, .ts-wrapper.multi.disabled .ts-control>div.active { color: var(--font-grey); background: white; border: 0 solid white; } .ts-control>input { flex: 1 1 auto; min-width: 7rem; display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; box-shadow: none !important; } .ts-control>input::-ms-clear { display: none; } .ts-control>input:focus { outline: none !important; } .has-items .ts-control>input { margin: 0 4px !important; } .ts-control.rtl { text-align: right; } .ts-control.rtl.single .ts-control:after { left: 15px; right: auto; } .ts-control.rtl .ts-control>input { margin: 0 4px 0 -2px !important; } .disabled .ts-control { opacity: 0.5; background-color: #fafafa; } .input-hidden .ts-control>input { opacity: 0; position: absolute; left: -10000px; } .ts-dropdown, .ts-control, .ts-control input { font-size: 14px; } .ts-dropdown { position: absolute; top: 100%; left: 0; width: max-content !important; z-index: 12; padding: 15px; background: #fff; margin: 10px 0 0; box-sizing: border-box; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); overflow: hidden; min-width: 86px; } .select-item .ts-dropdown { position: absolute; top: 100%; left: 0; width: 100% !important; z-index: 12; padding: 16px 0 16px 16px; background: #fff; margin: 10px 0 0; box-sizing: border-box; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); overflow: hidden; min-width: 86px; } .select-item .ts-dropdown, .select-item .ts-control, .select-item .ts-control input { font-size: var(--font-small); line-height: 140%; } .ts-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .ts-dropdown [data-selectable] .highlight {} .ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create { padding: 0 35px 0 0; position: relative; } .ts-dropdown .option:not(:last-child), .ts-dropdown .optgroup-header:not(:last-child), .ts-dropdown .no-results:not(:last-child), .ts-dropdown .create:not(:last-child) { margin: 0 0 8px; } .ts-dropdown .option:hover, .ts-dropdown .optgroup-header:hover, .ts-dropdown .no-results:hover, .ts-dropdown .create:hover { background: none; } .ts-dropdown .option.selected, .ts-dropdown .optgroup-header.selected, .ts-dropdown .no-results.selected, .ts-dropdown .create.selected { color: var(--title-color); } .ts-dropdown .option:after, .ts-dropdown .optgroup-header:after, .ts-dropdown .no-results:after, .ts-dropdown .create:after { content: ''; position: absolute; right: 0; top: 0; width: 16px; height: 16px; background: var(--title-color); display: block; opacity: 0; flex-shrink: 0; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L6.5 11.4997L3 8' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L6.5 11.4997L3 8' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); } .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option { cursor: inherit; color: var(--grey); line-height: 140%; } .ts-dropdown [data-selectable].option { color: var(--title-color); cursor: pointer; } .ts-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .ts-dropdown .optgroup-header { background: #fff; cursor: default; } .ts-dropdown .active { background: none; } .ts-dropdown .selected:after { opacity: 1; } .ts-dropdown .create {} .ts-dropdown .spinner { display: inline-block; width: 30px; height: 30px; margin: 5px 8px; } .ts-dropdown .spinner::after { content: " "; display: block; width: 24px; height: 24px; margin: 3px; border-radius: 50%; border: 5px solid #d0d0d0; border-color: #d0d0d0 transparent #d0d0d0 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ts-dropdown-content { overflow: auto; max-height: none; } .select-item .ts-dropdown-content { max-height: 160px; padding-right: 16px; } .ts-dropdown-content .optgroup-list, .select-sort__box .optgroup-list { overflow: hidden auto; white-space: nowrap; max-height: 200px; } .ts-dropdown-content .optgroup-list::-webkit-scrollbar, .select-sort__box .optgroup-list::-webkit-scrollbar, .map-sdek__list::-webkit-scrollbar { width: 4px; scrollbar-color: transparent; } .ts-dropdown-content .optgroup-list::-webkit-scrollbar-track, .select-sort__box .optgroup-list::-webkit-scrollbar-track, .map-sdek__list::-webkit-scrollbar-track { background: transparent; scrollbar-color: transparent; } .ts-dropdown-content .optgroup-list::-webkit-scrollbar-thumb, .select-sort__box .optgroup-list::-webkit-scrollbar-thumb, .map-sdek__list::-webkit-scrollbar-thumb { background-color: var(--title-color); border-radius: 3px; border: 0; } @-moz-document url-prefix() { .ts-dropdown-content .optgroup-list, .select-sort__box .optgroup-list, .map-sdek__list { scroll-behavior: smooth; scrollbar-width: thin; } } .ts-wrapper.plugin-drag_drop .ts-dragging { color: transparent !important; } .ts-wrapper.plugin-drag_drop .ts-dragging>* { visibility: hidden !important; } .plugin-checkbox_options:not(.rtl) .option input { margin-right: 0.5rem; } .plugin-checkbox_options.rtl .option input { margin-left: 0.5rem; } /* stylelint-disable function-name-case */ .plugin-clear_button { --ts-pr-clear-button: 1em; } .plugin-clear_button .clear-button { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); right: calc(8px - 6px); margin-right: 0 !important; background: transparent !important; transition: opacity 0.5s; cursor: pointer; } .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button { right: max(var(--ts-pr-caret), 8px); } .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button { opacity: 1; } .ts-wrapper .dropdown-header { position: relative; padding: 10px 8px; border-bottom: 1px solid #d0d0d0; background: color-mix(#fff, #d0d0d0, 85%); border-radius: 3px 3px 0 0; } .ts-wrapper .dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .ts-wrapper .dropdown-header-close:hover { color: black; } .plugin-dropdown_input.focus.dropdown-active .ts-control { box-shadow: none; border: 1px solid #d0d0d0; } .plugin-dropdown_input .dropdown-input { border: 1px solid #d0d0d0; border-width: 0 0 1px; display: block; padding: 8px 8px; box-shadow: none; width: 100%; background: transparent; } .plugin-dropdown_input .items-placeholder { border: 0 none !important; box-shadow: none !important; width: 100%; } .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder { display: none !important; } .ts-wrapper.plugin-input_autogrow.has-items .ts-control>input { min-width: 0; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input { flex: none; min-width: 4px; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder { color: transparent; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder { color: transparent; } .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content { display: flex; } .ts-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; flex-grow: 1; flex-basis: 0; min-width: 0; } .ts-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .ts-dropdown.plugin-optgroup_columns .optgroup::before { display: none; } .ts-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .ts-wrapper.plugin-remove_button .item { display: inline-flex; align-items: center; } .ts-wrapper.plugin-remove_button .item .remove { color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 0 6px; border-radius: 0 2px 2px 0; box-sizing: border-box; } .ts-wrapper.plugin-remove_button .item .remove:hover { background: rgba(0, 0, 0, 0.05); } .ts-wrapper.plugin-remove_button.disabled .item .remove:hover { background: none; } .ts-wrapper.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item { padding-right: 0 !important; } .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border-left: 1px solid #d0d0d0; margin-left: 6px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove { border-left-color: #cacaca; } .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove { border-left-color: white; } .ts-wrapper.plugin-remove_button.rtl .item { padding-left: 0 !important; } .ts-wrapper.plugin-remove_button.rtl .item .remove { border-right: 1px solid #d0d0d0; margin-right: 6px; } .ts-wrapper.plugin-remove_button.rtl .item.active .remove { border-right-color: #cacaca; } .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove { border-right-color: white; } :root { --ts-pr-clear-button: 0; --ts-pr-caret: 0; --ts-pr-min: .75rem; } .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input { cursor: pointer; outline: none; } .ts-control.rtl { padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-wrapper { position: relative; width: max-content; } .popup .ts-dropdown, .popup .ts-control, .popup .ts-control input { font-size: 14px; line-height: var(--font-line); } .ts-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .ts-dropdown .optgroup .optgroup-header { display: none; } .select-item.ts-wrapper { width: 100%; } .select-item .ts-control { max-width: none; width: 100%; box-sizing: border-box; padding: 13px 28px 13px 14px; } .select-item .ts-control:after, .select-item .select-sort__value:after { width: 18px; height: 18px; top: 16px; background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L9.5 13L15.5 7' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .select-item .ts-dropdown .option:not(:last-child) { margin: 0 0 12px; } .basket-list__box .select .ts-control, .basket-list__box .select-basket .ts-control { padding: 7px 28px 7px 12px; } .basket-list__box .select .ts-control:after, .basket-list__box .select .select-sort__value:after { right: 12px; top: 9px; background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L7 9L11 5' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat center center; width: 14px; height: 14px; } main .basket-list__box .jq-number input, .basket-list__box .select .ts-dropdown, .basket-list__box .select .ts-control, .basket-list__box .select .ts-control input, .basket-list__box .select-basket .ts-control, .basket-list__box .select-basket .ts-control input { font-size: 14px; } #tooltip { position: absolute; display: none; z-index: 11; } #black-bg { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .15); z-index: 10; } .popup { position: fixed; right: 0; top: 0; bottom: 0; min-width: 500px; box-sizing: border-box; padding: 0; background: var(--white); z-index: 11; display: none; color: var(--title-color); max-width: 500px; font-size: var(--font-small); } .popup.left { right: auto; left: 0; } .close { position: absolute; right: 40px; top: 40px; cursor: pointer; } .close:hover i { background: var(--hover); } .popup-header { padding: 40px 40px 20px; box-sizing: border-box; width: 100%; } .popup-txt__box { line-height: var(--font-line); } .popup-content:has(.popup-txt__box) .popup-scroll { padding-top: 0; } .popup-header h2 { margin: 0; text-transform: uppercase; font-size: 24px; } .popup-content, .popup-content__box { flex-flow: column; height: 100%; gap: 0; align-items: flex-start; overflow: hidden; } .popup-tab__content form { height: 100%; width: 100%; } .popup-tab__content { overflow: hidden; height: 100%; width: 100%; display: none; } .popup-scroll { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; padding: 12px 40px 40px; box-sizing: border-box; width: 100%; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE и Edge */ } .popup-content__box:has(.popup-footer) .popup-scroll { padding: 12px 40px 0; } .popup-content__box { box-sizing: border-box; width: 100%; } .popup-footer { flex-shrink: 0; width: 100%; padding: 18px 40px 24px; box-sizing: border-box; } .popup-tabber { justify-content: flex-start; gap: 24px; font-size: var(--font-small); line-height: var(--font-line); text-transform: uppercase; } .popup-tab { position: relative; cursor: pointer; } .popup-tab:hover { color: var(--hover); } .popup-tab:after { content: ''; position: absolute; background: var(--title-color); height: 1px; bottom: -9px; width: 0; left: 0; } .popup-tab.active:after { width: 100%; } .basket-item, .basket-item__txt { align-items: normal; gap: 16px; font-size: var(--font-very-small); line-height: var(--font-line); } .basket-item__txt { width: 100%; } .basket-item { padding: 0 0 18px; border-bottom: 1px solid var(--light-grey); } .basket-item:not(:last-child) { margin: 0 0 18px; } .basket-item__pic { width: 100%; max-width: 75px; flex-shrink: 0; } .basket-item__pic img { display: block; } .basket-item__right { flex-flow: column; flex-shrink: 0; align-items: flex-end; } .popup-footer button { width: 100%; margin: 16px 0 0; } .popup-footer__price:not(:first-child) { margin: 4px 0 0; } .popup-footer__price.basket-total:not(:first-child) { margin: 12px 0 0; } .popup-footer__price { font-size: 14px; line-height: var(--font-line); } .popup-footer__price.basket-total { font-size: 18px; text-transform: uppercase; } .basket-item__left h4 { font-size: var(--font-very-small); line-height: var(--font-line); text-transform: uppercase; margin: 0 0 6px; } .basket-item__left a:hover h4 { color: var(--hover); } .basket-article { color: var(--grey); margin: 0 0 12px; } .basket-color { gap: 6px; font-size: 14px; justify-content: flex-start; margin: 0 0 12px; } .item-color { width: 16px; height: 16px; border: 1px solid var(--grey); } .grey { background: #E0DFDD; } .black { background: var(--title-color); } .green { background: #ABC6B5; } .braun { background: #4A4243; } .blue { background: #0085CA; } .beige { background: #D4BA99; } .white { background: var(--white); } .ecryu { background: #EEE7D4; } .gold { background: #B99E6A; } .violet { background: #E2C9CE; } .orange { background: #FF6C30; } .orange { background: #FF6C30; } .red { background: #EF3441; } .pink { background: #EC91A4; } .basket-price { font-size: var(--font-very-small); line-height: var(--font-line); } .basket-price__box:has(div.basket-price__sale) .basket-price, .item-price__box:has(div.basket-price__sale)>div:not(.basket-price__sale) { color: var(--red); } .basket-price__sale { color: var(--grey); text-decoration: line-through; font-size: var(--font-very-small); line-height: var(--font-line); } .basket-action__btns { gap: 4px; } .basket-action__btns button { padding: 0; border: 0; background: none; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .basket-action__btns button:hover { background: none; } .basket-action__btns button:hover i { background: var(--hover); } .fav-btn button:hover svg path { stroke: var(--hover); } .fav-btn.active button svg path { stroke: var(--title-color); fill: var(--title-color); } .fav-btn.active button:hover svg path { stroke: var(--hover); fill: var(--hover); } .basket-selectors { justify-content: flex-start; gap: 16px; } .basket-item__left { display: flex; gap: 0; flex-flow: column; } .fav-actions { gap: 12px; margin: 6px 0; justify-content: flex-start; } .fav-actions .basket-color { margin: 0; } .fav-size { padding-right: 12px; border-right: 1px solid var(--light-grey); font-size: 14px; line-height: var(--font-line); } .popup-window { top: calc(100vh / 2 - 200px); bottom: auto; padding: 32px; right: 0; left: 0; margin: 0 auto; box-sizing: border-box; min-width: auto; } #size { max-width: 400px; } .size-table { gap: 8px; justify-content: flex-start; flex-wrap: wrap; } .size-table button { color: var(--title-color); padding: 6px 12px; border: 1px solid var(--title-color); background: var(--white); gap: 4px; cursor: pointer; } .subscribe-btn { pointer-events: all; } .size-table button:hover { border-color: var(--hover); color: var(--hover); } .size-table button.disabled, .size-table button.noitem { border-color: var(--grey); color: var(--grey); } .tooltip { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-left: 5px; cursor: pointer; pointer-events: all; } #tooltip { position: absolute; display: none; padding: 16px; background: var(--white); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); box-sizing: border-box; max-width: 200px; color: var(--title-color); font-size: var(--font-small); line-height: var(--font-line); z-index: 15; } .select-overlay { left: 0; right: 0; bottom: 0; position: fixed; top: 0; background: rgba(0, 0, 0, 0.15); z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; } .select-overlay.active { z-index: 12; pointer-events: all; opacity: 1; visibility: visible; } .popup[data-message] { z-index: 13; } .popup-window .close { top: 32px; right: 32px; } .popup-window .close i { width: 20px; height: 20px; } .popup-window h3 { margin: 0 0 24px; } .popup-scroll .btn { width: 100%; margin: 24px 0 0; } .items-buy__list-box { margin: 54px 0 0; } .items-buy__list-box h4 { font-weight: var(--font-weight); font-size: 18px; text-transform: uppercase; color: var(--title-color); margin: 0 0 20px; } .items-buy__item-pic img { display: block; } .items-buy__item-pic { margin: 0 0 8px; } .items-buy__item-title { gap: 4px; margin: 0 0 2px; } .items-buy__item-title__box { overflow: hidden; white-space: nowrap; font-size: var(--font-very-small); line-height: var(--font-line); text-transform: uppercase; text-overflow: ellipsis; width: 100%; } .basket-price__box { justify-content: flex-start; gap: 6px; } .items-buy__item { overflow: hidden; } .items-buy__item-stock { margin: 0; flex-shrink: 0; gap: 3px; font-size: var(--font-very-small); line-height: var(--font-line); } .items-buy__item-stock .item-color { border: 0; width: 12px; height: 12px; } #subscribe-item { margin: 32px 0 0; } .popup input[type=text] { padding: 10px 0; border: 0; background: none; border-bottom: 1px solid var(--hover); font-family: var(--font-default); font-weight: var(--font-weight); font-size: var(--font-small); line-height: var(--font-line); color: var(--title-color); width: 100%; box-sizing: border-box; outline: none; -webkit-appearance: none; } .popup input[type=text]:hover, .popup input[type=text]:focus { border-bottom: 1px solid var(--hover); } .popup .error input[type=text] { border-color: var(--error); } .popup input[type=text]::placeholder { color: var(--grey); } #subscribe-item .legal-box { margin: 12px 0 0; font-size: 14px; color: var(--title-color); } #subscribe-item .legal-box a { text-decoration: underline; font-size: 14px; } #subscribe-item .legal-box a:hover { text-decoration: none; } #message-box { bottom: 40px; position: fixed; left: 0; right: 0; margin: 0 auto; background: var(--title-color); color: var(--white); padding: 16px 64px 16px 16px; font-size: var(--font-small); line-height: var(--font-line); max-width: max-content; display: none; z-index: 15; } #message-box a { display: block; width: max-content; margin: 6px 0 0; border-bottom: 1px solid var(--white); color: var(--white); } .message-close { position: absolute; right: 16px; top: 16px; cursor: pointer; } .message-close i { width: 16px; height: 16px; background: var(--white); } .menu-block:not(:last-child) { margin: 0 0 24px; } .menu-block li a { padding: 9px 0; font-size: var(--font-small); line-height: var(--line-height); text-transform: uppercase; display: inline-flex; align-items: flex-start; gap: 6px; line-height: var(--font-line); position: relative; } .menu-block li.selected a:before { content: ''; position: absolute; background: var(--title-color); height: 1px; left: 0; right: 0; bottom: 6px; } .menu-block li.parent { position: relative; } .menu-block li.parent:after { content: ''; display: block; position: absolute; right: 0; top: 10px; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 16px; height: 16px; background-color: var(--title-color); opacity: 0; mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%23696C6F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2.5V13.5' stroke='%23696C6F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%23696C6F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2.5V13.5' stroke='%23696C6F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .menu-block li.parent:hover:after { background-color: var(--hover); } .menu-block li.parent:hover:after { opacity: 1; } .menu-block li.parent.active:after { mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); opacity: 1; } .menu-block .spec-link a { color: var(--red); } .menu-block .spec-link a:hover { color: #F26969; } .menu-spec { position: relative; } .menu-spec:after { content: ''; position: absolute; left: -40px; right: -40px; height: 1px; top: 0; background: var(--light-grey); } .menu-spec:before { content: ''; position: absolute; left: -40px; right: -40px; height: 1px; bottom: 0; background: var(--light-grey); } .label-new { font-size: var(--font-very-small); line-height: var(--font-line); top: -3px; position: relative; } #menu .popup-header { padding-top: 24px; } #menu .close { position: relative; top: auto; right: auto; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .menu-logo { max-width: 142px; width: 100%; } .menu-logo img { display: block; } .popup-header.flex { gap: 24px; justify-content: flex-start; align-items: center; } .submenu-block { display: none; margin: 8px 16px; } .search-btn { display: none; border: 0; padding: 0; background: none; cursor: pointer; } .fav-phone__link, .basket-phone__link, .login-phone { display: none; } .cookie-close { position: absolute; width: 40px; height: 40px; top: 6px; right: 6px; display: none; align-items: center; justify-content: center; z-index: 2; } .cookie-close i { width: 20px; height: 20px; } .fav-pc__link, .basket-pc__link, .popup-tab { display: flex; align-items: center; gap: 5px; } .popup-no__items { display: none; text-align: center; padding: 0 40px; height: 100%; display: flex; flex-flow: column; justify-content: center; } .popup-no__items .btn { margin: 32px 0 0; width: 100%; } @supports (-webkit-touch-callout: none) { .rub { font-family: 'Roboto', sans-serif; } .jq-selectbox__select { font-family: 'Roboto', sans-serif; } } .white-bg { background: var(--white); } .page { background: var(--white); } .page, .page main { height: auto; } .page header { background: rgba(255, 255, 255, 1); } .page header.default-header { background: transparent; } #content { padding-top: 160px; } #content:last-child { padding-bottom: 160px; } .delivery-box .wrapper { max-width: 910px; } .delivery-box a { border-bottom: 1px solid var(--title-color); } .delivery-box a:hover { border-bottom: 1px solid var(--link-color-hover); } .header-logo img, .header-logo__phone img { display: block; } .default-header .header-logo img, .default-header .header-logo__phone img { filter: brightness(10); } .delivery-box h2 { font-size: 28px; line-height: 130%; margin: 0 0 36px; } .delivery-box h3 { font-size: 20px; margin: 0 0 12px; } .delivery-box p { margin: 8px 0; } .delivery-box p:first-child { margin-top: 0; } .delivery-box p:last-child { margin-bottom: 0; } .delivery-box img { display: block; margin: 20px 0 0; } .delivery-box h3:not(:first-child) { margin-top: 36px; } .delivery-box h2:not(:first-child) { margin-top: 60px; } .header-logo__phone { display: none; } .delivery-time__box { margin: 60px 0 0; background: var(--title-color); color: var(--white); padding: 50px; } .delivery-time__box a { color: var(--white); display: block; width: max-content; font-size: 28px; line-height: 130%; letter-spacing: 0.04em; text-transform: uppercase; border: 0; } .delivery-time__box a:hover { border: 0; } .delivery-time__box a:not(:last-child) { margin: 0 0 24px; } #simple-header { position: relative; background: none !important; } #order { padding-top: 40px; } #order:last-child { padding-bottom: 160px; } #order .wrapper, .thanks-box .wrapper { max-width: 1350px; } #order h1 { font-size: 28px; } .thanks-box h1 { font-size: 24px; } .order-block__box { gap: 30px; align-items: normal; } .order-block__box.empty-box { justify-content: center; } .order-list__box { width: 100%; max-width: 840px; flex-shrink: 1; } .order-detail__box { width: 100%; max-width: 400px; position: relative; flex-shrink: 2; } .back-link { display: flex; align-items: center; gap: 12px; font-size: var(--font-small); text-transform: uppercase; } .sticky { position: sticky; top: 20px; } .order-detail__list { background: #F5F5F5; padding: 20px 24px; box-sizing: border-box; } .order-form__title-box { gap: 16px; } .order-row__box:not(.disabled-row) .order-form__title-box { background: #F0F0F0; } .order-form__title-box { padding: 16px 32px; } .order-row__box.disabled-row .order-form__title-box { border-top: 1px solid var(--light-grey); } .order-row__box.disabled-row:last-child .order-form__title-box { border-bottom: 1px solid var(--light-grey); } .order-form { margin: 4px 0 20px; max-width: 365px; padding: 20px 24px 20px 74px; } .order-num__box { font-family: var(--font-title); font-weight: var(--font-weight); font-size: 50px; line-height: 130%; letter-spacing: 0.04em; text-transform: uppercase; color: var(--title-color); width: 100%; max-width: 26px; } .order-txt__box h3 { margin: 0 0 4px; font-size: 20px; } .form-message__box { color: var(--grey); } .disabled-row .form-message__box, .disabled-row h3, .disabled-row .order-num__box { color: var(--light-grey); } .order-form .btn { width: 100%; margin: 32px 0 0; } .input-container:not(:last-child) { margin: 0 0 20px; } .info-input__txt { margin: 4px 0 0; font-size: 14px; line-height: 140%; color: #A2A2A2; display: block; } .order-detail__list h4 { margin: 0 0 16px; font-size: 18px; text-transform: uppercase; } .order-detail__list { color: var(--title-color); } .result-box { margin: 10px 0 0; font-size: 18px; text-transform: uppercase; } .result-box__list-item:not(:last-child) { margin: 0 0 6px; } .result-box__list-item__sale { color: var(--red); } .promo-code__box { margin: 16px 0 0; } .promo-code__btn { background: none; margin: 0 auto; width: auto; text-align: center; padding: 0; font-size: var(--font-small); line-height: 140%; color: var(--grey); text-transform: none; border-bottom: 1px dashed var(--grey); } .promo-code__btn:hover { border-bottom: 1px dashed var(--hover); background: none; color: var(--hover); } #promo-submit { border: 1px solid var(--title-color); padding: 0; display: flex; align-items: center; justify-content: center; background: none; width: 44px; height: 44px; flex-shrink: 0; } .promo-code__container { gap: 16px; align-items: flex-start; } .order-form .input-box input { padding-top: 16px !important; } .promo-code__container input { padding-top: 12px !important; } #promo-delete { position: absolute; right: 0; top: 7px; background: none; padding: 0; width: 32px; height: 32px; } .input-box:not(:last-child) { margin: 0 0 16px; } .promo-code__container .input-box { width: 100%; } .input-box label, .order-pickup__list-search__box label { position: absolute; font-size: var(--font-small); line-height: 140%; color: var(--grey); margin: 0; top: 16px; pointer-events: none; } .input-box input:focus+label, .input-box input.tel:hover+label, .input-box input:not(:placeholder-shown)+label, .order-pickup__list-search__box input:not(:placeholder-shown)+label, .order-pickup__list-search__box input:focus+label { top: -3px; font-size: var(--font-very-small); } #promo-delete i { width: 16px; height: 16px; background: var(--grey); } .promo-code__container .input-box label { top: 12px; } .hidden { display: none; } .result-box__list-item span.flex { gap: 4px; cursor: pointer; align-items: center; } .result-box__list-item span.flex.active i { transform: rotate(180deg); } .result-box__list-item .flex { align-items: flex-start; } .result-box__list-item .flex div:last-child { flex-shrink: 0; } .result-box__list-item__more { padding: 6px 0 4px 16px; font-size: 14px; color: var(--grey); line-height: var(--font-line); } .result-box__list-item__more .flex:not(:last-child) { margin: 0 0 6px; } .promo-code__item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--title-color); width: max-content; } .promo-code__item i { width: 16px; height: 16px; } .promo-code__item span { cursor: pointer; } .form-edit { background: #F0F0F0; max-width: none; } .order-txt__box { width: 100%; } .order-txt__box:not(:has(span)) h3 { margin: 0; } .edit-link button { padding: 0; gap: 6px; background: none; color: var(--title-color); } .edit-link button:hover { background: none; color: var(--hover); } .edit-link button:hover i { background: var(--hover); } .form-box__width { padding-left: 0; padding-right: 0; max-width: none; } .location-box a { gap: 6px; justify-content: flex-start; align-items: baseline; width: max-content; color: var(--grey); } .location-box a span { display: flex; align-items: center; gap: 4px; font-size: 14px; color: var(--title-color); } .location-box a span i { width: 14px; height: 14px; } .order-page__delivary-box:not(:first-child) { margin-top: 14px; } .location-box:not(:last-child) { margin: 0 0 16px; } .order-page__delivary-box h5 { margin: 0 0 4px; font-weight: var(--font-weight); font-size: var(--font-small); line-height: var(--font-line); color: var(--grey); } .order-page__delivary-box h4 { margin: 0 0 8px; text-transform: uppercase; } .delivery-chose__list { gap: 8px; } .delivery-chose__list:not(:last-child) { margin: 0 0 32px; } .delivery-chose__item { position: relative; } .delivery-chose__item label { padding: 20px; margin: 0; color: var(--grey); font-size: var(--font-small); border: 1px solid var(--light-grey); height: 100%; box-sizing: border-box; cursor: pointer; } .delivery-chose__item input:checked+label, .delivery-chose__item .checked+label { border: 1px solid var(--title-color); } .delivery-chose__item label h5 { margin: 0 0 6px; font-weight: var(--font-weight); font-size: var(--font-small); line-height: var(--font-line); text-transform: uppercase; color: var(--title-color); } .delivery-chose__item .jq-radio, .delivery-chose__item input { position: absolute; opacity: 0; visibility: hidden; } .order-map__txt-box h3 { font-size: 20px; margin: 0 0 10px; } .form-box__width .btn { max-width: 335px; } #map { width: 100%; height: 606px; margin: 20px 0 0; } [class*=ymaps][class*=-ground-pane] { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } .popup-map { max-width: none; background: none; left: 0; bottom: 0; overflow-y: hidden; padding: 0; } .popup-map__container { align-items: normal; gap: 0; height: 100%; } .popup-map__filter { position: relative; width: 100%; } .popup-map__filter #map-pickup { width: 100%; background: #fff; height: 100%; } main .order-pickup__list-search__box input { padding: 16px 0 15px; } .order-pickup__list-search { gap: 24px; align-items: flex-end; } .order-pickup__list-search__box { width: 100%; position: relative; box-sizing: border-box; } .form-box__width .order-pickup__list-search .btn { max-width: 214px; font-size: var(--font-very-small); padding: 14px 30px; margin: 0; } .order-pickup__list-search { margin-bottom: 8px; } .order-pickup__list-search:not(:first-child) { margin-top: 16px; } .location-btn { position: absolute; right: 0; top: 15px; background: none; padding: 0; border: 0; outline: none; -webkit-appearance: none; cursor: pointer; } .location-btn:hover { background: none; } .order-pickup__list { padding: 0 40px 0 0; } .order-pickup__item { padding: 24px 0; gap: 20px; align-items: flex-start; font-size: var(--font-small); } .order-pickup__item label { width: 100%; margin: 0; align-items: flex-start; font-size: var(--font-small); } .order-pickup__item:not(:last-child) { border-bottom: 1px solid var(--light-grey); } .order-pickup__item-time { color: var(--grey); width: 100%; max-width: 330px; } .order-pickup__item h4, .select-box__items li h4 { margin: 0 0 4px; font-weight: var(--font-weight); font-size: var(--font-small); line-height: var(--font-line); text-transform: uppercase; color: var(--title-color); } .popup-map__box { background: #fff; padding: 40px 0 40px 60px; width: 100%; max-width: 500px; box-sizing: border-box; display: flex; flex-flow: column; position: relative; } .pickup-popup__box { height: calc(100% - 88px); display: flex; flex-flow: column; overflow: hidden; overflow-y: auto; } .pickup-popup__box .order-pickup__list-search__box, .popup-map__txt { padding-right: 40px; } .popup-map__txt { margin: 0 0 16px; } .pickup-popup__box .order-pickup__list-search__box .location-btn { right: 40px; } .pickup-popup__btn { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; padding: 12px 40px 24px; } .pickup-popup__btn .btn { width: 100%; } .order-pickup__item label .order-page__delivary-box { margin-top: 8px; } .order-form .order-pickup__item label .order-page__delivary-box { margin-top: 0; } .pickup-popup__list .order-pickup__list { max-height: none; } .popup .order-pickup__list-search__box input[type=text] { padding: 16px 0; } .pickup-popup__box .order-pickup__list-search__box { margin: 0 0 8px; } .popup-map__pickup-box { display: none !important; } .page-box { font-size: var(--font-small); } .order-pickup__list-box .order-pickup__list { max-height: 390px; overflow: hidden; overflow-y: auto; } .order-pickup__list-box h3 { font-size: 20px; } .courier-form__box { max-width: 560px; } .input-container.flex { gap: 14px; } .input-container.flex .input-box { width: 100%; margin: 0; } .house-input { max-width: 100px; } .order-pickup__list-box h4 { margin: 0 0 16px; text-transform: uppercase; } .order-pickup__list-box h4:not(:first-child) { margin-top: 32px; } .select-box__items li { padding: 24px 32px; display: flex; align-items: flex-start; gap: 16px; } .select-box__items li:not(:first-child) { border-top: 1px solid var(--light-grey); } .select-box__items li:last-child { border-bottom: 1px solid var(--light-grey); } .select-box__items li label { font-size: var(--font-small); color: var(--grey); margin: 0; } .select-box__items li img { display: block; margin: 16px 0 0; } #pay-split { padding: 12px 20px 13px; background: #2E2F33; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08); border-radius: 24px; color: #fff; font-weight: 500; font-size: 18px; line-height: 18px; overflow: hidden; position: relative; display: none; min-width: 250px; text-transform: none; } #pay-split:before { content: ''; position: absolute; left: -30px; right: -30px; top: -60px; height: 90px; background: radial-gradient(50% 50% at 50% 50%, rgba(46, 47, 51, 0) 67.19%, rgba(46, 47, 51, 0.4) 100%, rgba(46, 47, 51, 0.4) 100%), radial-gradient(50% 50% at 50% 50%, #FF5C4D 0%, rgba(235, 70, 159, .7) 25%, rgba(131, 65, 239, .3) 75%, rgba(46, 47, 51, 1) 100%); } #pay-split .flex { justify-content: center; gap: 4px; position: relative; z-index: 2; } .order-form__pay-txt { margin: 28px 0 0; color: var(--grey); } .form-box__width.order-form__pay .btn { margin: 16px 0 0; max-width: 250px; } .order-form__pay { margin: 12px 0 0; padding: 0; } .order-btn__legal { margin: 12px 0 0; font-size: 14px; } .order-btn__legal a { border-bottom: 1px solid var(--title-color); } .order-btn__legal a:hover { border-bottom: 1px solid var(--link-color-hover); } .order-list__box-thanks { padding: 40px; background: #F5F5F5; } .order-list__box-thanks h3 { font-size: 20px; margin: 0 0 16px; } .order-list__box-thanks__txt { color: var(--grey); max-width: 530px; } .order-list__box-thanks__txt span { color: var(--title-color); } .thanks-list__box:not(:first-child) { margin: 32px 0 0; } .thanks-list__box { align-items: flex-start; gap: 60px; } .thanks-list__box>div { width: 100%; } .thanks-list__items { margin: 40px 0 0; } .thanks-list__title { margin: 0 0 20px; gap: 16px; justify-content: flex-start; align-items: baseline; } .thanks-list__title h3 { font-size: 20px; margin: 0; } .thanks-list__title span { color: var(--grey); font-size: var(--font-small); text-transform: none; } .thanks-list__items-list { gap: 0; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .thanks-list__item-img { margin: 0 0 7px; } .thanks-list__item-img img { display: block; width: 100%; } .thanks-list__item-txt { padding: 0 8px; font-size: var(--font-very-small); line-height: var(--font-line); text-transform: uppercase; color: var(--title-color); } .item-price__box { font-size: var(--font-very-small); line-height: var(--font-line); text-transform: none; color: var(--title-color); margin: 2px 0 0; display: flex; align-items: center; gap: 6px; } .thanks-list__item, .item-box { position: relative; overflow: hidden; } #items-spec, #items-basket { margin: 160px 0; } #items-spec h2, #items-basket h2 { margin: 0 0 40px; text-align: center; font-size: 18px; line-height: 130%; letter-spacing: 0.04em; text-transform: uppercase; } #items-basket h2 { font-size: 24px; } .items-list__spec { grid-column-gap: 0; grid-row-gap: 40px; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); } .item-img__box { position: relative; overflow: hidden; width: 100%; height: calc(100% - 67px); } .item-img__box:not(:last-child) { margin: 0 0 8px; } .item-img__box img { display: block; width: 100%; object-fit: cover; height: 100%; } .item-img__box video { display: block; width: 100%; height: auto; object-fit: cover; } .add-basket { position: absolute; bottom: 16px; left: 16px; width: 19px; height: 19px; padding: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .7); z-index: 2; } .item-load .add-basket { opacity: 0 !important; } .add-basket:hover { background: rgba(255, 255, 255, 1); } .item-txt__box { padding: 0 16px; font-size: var(--font-very-small); line-height: var(--font-line); text-transform: uppercase; color: var(--title-color); } .item-txt__box a { overflow: hidden; gap: 12px; } .item-txt__box a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-label__box { margin: 2px 0 0; color: var(--grey); } .item-txt__box .item-color__box { gap: 3px; line-height: 10px; } .item-txt__box .item-color { border: 0; width: 12px; height: 12px; } #content .sticky { top: 100px; } .page-bread__box { margin: 0 0 55px; } .page-bread__box h1 { margin: 0; } .page-bread__box .menu-top__block { position: absolute; width: auto; max-width: none; left: 40px; } .order-list__box-thanks__txt p { margin: 6px 0; } .order-list__box-thanks__txt p:first-child { margin-top: 0; } .order-list__box-thanks__txt p:last-child { margin-bottom: 0; } .order-list__box-thanks__txt .btn { margin: 20px 0 0; } .page-box .popup-tabber { justify-content: space-between; margin: 0 0 40px; gap: 0; max-width: 840px; } .page-box .popup-tab { width: 100%; text-align: center; justify-content: center; padding: 10px 20px; border-bottom: 1px solid var(--light-grey); text-transform: none; } .page-box .popup-tab__content { overflow: inherit; } .page-box .popup-tab.active { color: var(--title-color); } .page-box .popup-tab:hover { color: var(--hover); } .page-box .popup-tab:after { bottom: -1px; } .order-detail__box .btn { width: 100%; } .basket-delivery__txt { gap: 12px; align-items: flex-start; margin: 20px 0 0; font-size: 14px; line-height: var(--font-line); color: var(--title-color); } .basket-alert { margin: 0 0 18px; padding: 16px; background: #F0F0F0; font-size: 14px; color: var(--title-color); } .no-items__title:not(:first-child) { margin-top: 32px; } .no-items__title { margin-bottom: 24px; } .no-items__title h4 { margin: 0; text-transform: uppercase; } .delete-all { background: 0; padding: 0; gap: 8px; font-size: 14px; color: var(--title-color); text-transform: none; } .delete-all:hover { color: var(--hover); background: none; } .delete-all:hover i { background: var(--hover); } .basket-item__disabled .basket-item__left h4, .basket-item__disabled, .basket-item__disabled label { color: var(--grey); } .basket-item__disabled .basket-item__pic img { opacity: .5; } .basket-item__disabled .basket-selector__list { gap: 12px; justify-content: flex-start; } .basket-selector__slider .swiper-slide { max-width: max-content; } .basket-selector__slider .swiper-nav { display: none; } .basket-item__disabled .basket-selector__list button { padding: 0; background: none; color: var(--title-color); font-size: 14px; } .basket-item__disabled .basket-selector__list button:hover { color: var(--hover); } .basket-item__disabled label { margin: 0; } .basket-btn__info button { padding: 6px 12px; font-size: 14px; text-transform: none; justify-content: center; } .basket-item__disabled .basket-selector__list .swiper-slide:not(:last-child) { border-right: 1px solid var(--light-grey); padding-right: 12px; } .basket-btn__info button.flex { gap: 0; } .basket-btn__info button.out-stock { box-shadow: inset 0 0 0 1px var(--grey); } #delete { max-width: 400px; } #delete h3 { margin: 0 0 6px; } #delete p { line-height: var(--font-line); margin: 0; } .delete-popup__btns { margin: 24px 0 0; gap: 10px; } .delete-popup__btns .btn { padding: 15px 30px; width: 100%; } .basket-list__box .basket-price__sale, .basket-list__box .basket-price { font-size: 14px; } .basket-list__box .basket-price { color: var(--title-color); } .empty-basket { justify-content: center; } .popup-tabber.empty-basket { margin-left: auto; margin-right: auto; } .empty-basket h2 { font-size: 24px; margin: 0 0 16px; text-align: center; } .empty-basket .btn { margin: 32px auto 0; } .empty-basket p { max-width: 600px; text-align: center; margin: 0 auto; line-height: var(--font-line); } .order-basket__price { display: none; } .order-btn__add { margin: 16px 0 0; } .login-box { height: 100%; align-items: normal; gap: 0; color: var(--title-color); } .login-box__right { padding: 0 50px; width: 100%; max-width: 854px; box-sizing: border-box; overflow: hidden; overflow-y: auto; } .login-box__right p { margin: 0; } .login-img { position: relative; overflow: hidden; width: 100%; } .login-img img { height: 100%; width: 100%; object-fit: cover; display: block; } .login-box .legal-box { color: var(--title-color); } .login-box .legal-box a { border-bottom: 1px solid var(--title-color); } .login-box .legal-box a:hover { border-bottom: 1px solid var(--link-color-hover); } .login-in__box { max-width: 460px; margin: 147px auto; } .login-box h2 { margin: 0 0 16px; } .login-in__box .form-box { margin: 54px 0 0; } .login-in__box .btn { margin: 32px 0 0; width: 100%; } .login-box .legal-box, .login-box .legal-box a { font-size: 14px; } .login-box .form-box input { padding: 16px 0 10px; } .login-page .header-logo { max-width: 142px; } .login-page .back-link i { background: var(--white); } .login-code { display: none; } #login-phone__box { display: inline; } .login-back__link, .login-timer__btn { display: block; width: max-content; margin: 6px 0 0; border-bottom: 1px solid var(--title-color); font-size: var(--font-very-small); } .login-back__link:hover, .login-timer__btn:hover { border-color: var(--link-color-hover); } .code-box, .code-box .pinlogin { gap: 12px; justify-content: flex-start; margin: 32px 0 0; max-width: 245px; } .code-box input[type=number], .code-box .pinlogin input { padding: 14px; width: 54px; height: 54px; box-sizing: border-box; text-align: center; border: 1px solid var(--light-grey); font-family: var(--font-title); font-size: 24px; line-height: 130%; letter-spacing: 0.04em; text-transform: uppercase; } .code-box input[type=number]:focus, .code-box .pinlogin input:focus, .code-box .pinlogin input:focus-visible, .code-box .pinlogin input:active { border: 1px solid var(--title-color); outline: none; } .login-time { margin: 24px 0 0; color: var(--grey); } .code-box input[type=number]::-webkit-inner-spin-button, .code-box input[type=number]::-webkit-outer-spin-button, .code-box .pinlogin input::-webkit-inner-spin-button, .code-box .pinlogin input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .reg-btn { margin: 42px auto 0; text-align: center; } .reg-btn button { padding: 0; margin: 0 auto; background: none; text-transform: uppercase; color: var(--title-color); } .reg-btn button:hover { background: none; color: var(--hover); } .item-box__big { grid-column: span 2; } .catalog-items__box { grid-column-gap: 1px; grid-row-gap: 8px; } .add-to__cart { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .84); padding: 16px; opacity: 0; transform: translateY(100%); z-index: 2; } .add-to__cart>.flex { justify-content: flex-start; gap: 32px; } .add-to__cart button { padding: 6px 0; background: none; border: 0; } .add-to__cart button:hover { background: none; color: var(--hover); } .add-to__cart .size-table { column-gap: 30px; row-gap: 0; } .add-to__cart .size-table button { justify-content: flex-start; gap: 4px; } .items-list__spec .add-to__cart .size-table { column-gap: 8px; width: 100%; } .items-list__spec .add-to__cart button { font-size: var(--font-very-small); line-height: var(--font-line); width: 100%; max-width: 50px; gap: 0; align-items: flex-start; } .items-list__spec .add-to__cart>.flex { align-items: flex-start; gap: 14px; } .items-list__spec .fav-btn button { width: 20px; flex-shrink: 0; height: 32px; padding: 0; } .label { position: absolute; top: 8px; right: 8px; padding: 4px 6px 3px; background: var(--white); font-size: var(--font-very-small); color: var(--title-color); line-height: normal; } #filter { padding: 140px 0 32px; border-bottom: 1px solid var(--title-color); } #has-filter { padding: 24px 0; } .filters-header { margin: 0 0 -24px; display: none; } .filter-box__header { border-bottom: 1px solid var(--title-color); padding: 16px 40px; } #has-filter .header-block { padding: 0 40px; } .filter-cat__box { width: 100%; overflow: hidden; } .filter-btns__box { flex-shrink: 0; } .city-list { margin: 58px 0 0; grid-row-gap: 16px; } .city-list a { color: var(--title-color); } .city-list a:hover { color: var(--hover); } .popup .city-form input { padding: 16px 0 10px; } .filter-btns__box { gap: 32px; } .filter-btns__box button { padding: 0; background: none; color: var(--title-color); text-transform: uppercase; border: 0; cursor: pointer; font-family: var(--font-default); font-size: var(--font-very-small); } .filter-btns__box button:hover { color: var(--hover); background: none; } .filter-btns__box button.active svg path { fill: var(--title-color); fill-rule: initial; clip-rule: initial; } .filter-btns__box button:hover svg path { fill: var(--hover); } .cat-btns__box { gap: 16px; } .cat-list__slider:not(:has(.swiper-button-lock)) { padding: 0 45px; } .cat-list__slider a { text-transform: uppercase; color: var(--title-color); position: relative; display: block; padding: 3px 0 8px; line-height: 15px; font-size: var(--font-very-small); } .filter-box .wrapper { padding: 0 40px; max-width: none; } .cat-list__slider a:after { content: ''; position: absolute; bottom: 0; left: 50%; background: var(--title-color); height: 4px; width: 4px; opacity: 0; transform: translateX(-50%); } .cat-list__slider a:hover:after { background: var(--hover); } .cat-list__slider a.active:after { opacity: 1; } .cat-list__slider a:hover { color: var(--hover); } .cat-list__slider .swiper-button-next:before { content: ''; background: linear-gradient(90deg, rgba(26, 27, 28, 0) 0%, var(--white) 100%); position: absolute; top: 0; bottom: 0; left: -18px; width: 18px; } .cat-list__slider .swiper-button-prev:before { content: ''; background: linear-gradient(90deg, var(--white) 0%, rgba(26, 27, 28, 0) 100%); position: absolute; top: 0; bottom: 0; right: -18px; width: 18px; } .cat-list__slider .swiper-button-next:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 18px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%23696C6F' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%23696C6F' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .cat-list__slider .swiper-button-next:hover:after, .cat-list__slider .swiper-button-prev:hover:after { background-color: var(--hover); } .cat-list__slider .swiper-button-prev:after { content: ''; transform: rotate(180deg); display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 18px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%23696C6F' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%23696C6F' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .cat-list__slider .swiper-button-prev { left: 0; width: 18px; background: var(--white); } .cat-list__slider .swiper-button-next { right: 0; width: 18px; background: var(--white); } .cat-list__slider .swiper-button-next, .cat-list__slider .swiper-button-prev { top: var(--swiper-navigation-top-offset, 35%); } .cat-list__slider .swiper-button-disabled:after { background: var(--link-color-hover); } #catalog { padding-top: 48px; } #catalog h2, #recomend h2, #seo h1, #items-see h2, .fast-links__cat h3 { margin: 0 0 48px; text-align: center; font-size: var(--font-very-small); } .catalog-txt__box { padding: 84px 40px; font-size: 42px; line-height: var(--font-line); } .catalog-txt__box h3 { font-size: 42px; margin: 0; } .catalog-txt__box-black { background: var(--title-color); color: var(--white); } .catalog-txt__box-black h3 { color: var(--white); } .catalog-txt__box>.flex { align-items: normal; gap: 50px; } .catalog-txt__box>.flex div { display: flex; flex-flow: column; justify-content: space-between; } .catalog-txt__box>.flex div:first-child { flex-shrink: 0; } .catalog-txt__box>.flex div:last-child { width: 100%; max-width: 1142px; } .catalog-txt__box>.flex div:last-child p { margin: 172px 0 0; } .item-load .item-txt__box a { width: 100%; max-width: 600px; background: #F0F0F0; height: 14px; margin: 0 0 5px; } .item-load .item-txt__box .item-price__box { width: 100%; max-width: 260px; background: #F0F0F0; height: 14px; } .item-load .item-txt__box .item-color__box { display: none; } .item-load.item-box__big .item-txt__box a { max-width: 1200px; } .item-load.item-box__big .item-txt__box .item-price__box { max-width: 320px; } #recomend, #seo, #items-see, .fast-links__cat { margin-top: 160px; } #items-see:last-child, #seo:last-child, #recomend:last-child { margin-bottom: 160px; } #seo .wrapper { max-width: 1142px; text-align: center; } .fast-links__list { grid-row-gap: 24px; } .fast-links__list a { color: var(--title-color); text-transform: uppercase; } .fast-links__list a:hover { color: var(--hover); } .filter-sort__title { padding: 24px 0; display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; cursor: pointer; font-size: var(--font-very-small); line-height: 1.5; } .filter-sort__title:after { content: ''; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2.5V13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / cover; display: block; width: 16px; height: 16px; } .filter-sort__title.active:after { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / cover; } .filter-sort__box .flex { flex-wrap: wrap; gap: 8px; justify-content: flex-start; } .filter-sort__item:not(:last-child) { margin: 0 0 8px; } .filter-sort__box { margin: 0; display: none; } .filter-sort__item:last-child .filter-sort__box { margin-bottom: 0; } .filter-sort__box input[type=checkbox], .filter-sort__box .jq-checkbox { opacity: 0; position: absolute; } #filter-popup { max-width: 50%; width: 100%; } .filter-sort__box label { margin: 0; position: relative; padding: 11px 16px 12px; font-size: var(--font-small); line-height: var(--font-line); border: 1px solid var(--light-grey); display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 10px; text-transform: uppercase; } .filter-sort__box input:checked~label, .filter-sort__box .checked~label, .filter-sort__box label:hover { border: 1px solid var(--title-color); } .filter-sort__box .item-color { border: 0; width: 16px; height: 16px; } .filter-sort__box .item-color.white { border: 1px solid var(--light-grey); width: 20px; height: 20px; } .filter-btns_links-box { /* flex-flow: column; */ gap: 8px; } .filter-btns_links-box .btn { margin: 0; font-size: var(--font-very-small); line-height: 10px; } .btn-reset { color: var(--title-color); background: none; } .btn-reset:hover { color: var(--hover); background: none; } #filter-popup .popup-footer { padding-top: 16px; padding-bottom: 16px; } .colors-filter .sort-item { width: calc(100% / 3 - 8px); } .catalog-items__box.col-6 .item-box__big, .catalog-items__box.col-12 .item-box__big { grid-column: span 1; } .catalog-items__box.col-6 .item-load.item-box__big .item-txt__box .item-price__box, .catalog-items__box.col-6 .item-load .item-txt__box .item-price__box { max-width: 170px; height: 12px; } .item-load .item-txt__box a { height: 12px; } .item-load .item-txt__box a span, .item-load .item-img__box .label.sale, .item-load .item-txt__box .item-price__box>div { display: none; } .catalog-items__box.col-6 .add-to__cart>.flex { align-items: flex-start; } .col-12 { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .catalog-items__box.col-12 { grid-row-gap: 1px; } .catalog-items__box.col-12 .item-img__box:not(:last-child) { margin: 0; } .catalog-items__box.col-12 .item-txt__box, .catalog-items__box.col-12 .add-basket { display: none; } #tags .wrapper { max-width: none; padding: 0 40px; margin: 0; } .tags-list__box { flex-wrap: wrap; justify-content: flex-start; gap: 8px; padding: 8px 0; } .tags-list__box .swiper-slide { max-width: max-content; } .tag-item { /* border: 1px solid var(--light-grey); */ /* padding: 11px 18px; */ gap: 8px; color: var(--title-color); text-transform: none; font-size: var(--font-very-small); padding: 5px 10px; line-height: 12px; } .tag-item button, .tag-item button:hover { background: none; padding: 0; border: 0; } .tag-item button i { width: 12px; height: 12px; } .tags-delete { background: none; color: var(--title-color); text-transform: none; padding: 11px 18px; font-size: var(--font-very-small); line-height: 12px; border: 0; font-family: var(--font-default); } .tags-delete:hover { background: none; color: var(--hover); } .tags-delete:hover i { background: var(--hover); } .filters-header .tags-list__box { padding-left: 40px; padding-right: 40px; } .catalog-item__content { align-items: normal; } .catalog-item__img, .catalog-item__txt { position: relative; } .catalog-item__img-list, .catalog-item__txt-box { position: sticky; top: 100px; } .catalog-item__img-list .swiper-slide a { cursor: zoom-in; } .catalog-item__img-list .swiper-slide img { display: block; } .pages-items__list { position: sticky; top: 0px; height: 100svh; display: flex; padding: 0 40px; flex-direction: column; justify-content: center; pointer-events: none; z-index: 2; } .pages-items__list .swiper-pagination { position: relative; top: auto; width: auto; left: auto; right: auto; bottom: auto; display: flex !important; flex-flow: column; gap: 6px; text-align: center; color: var(--title-color); width: max-content; } .pages-items__list .swiper-pagination .swiper-pagination-current:not(:last-child) { padding: 0 0 6px; border-bottom: 1px solid var(--title-color); } /* .catalog-item__img-list { margin-top: -100svh } */ #item-page { margin-top: 90px; } .add-basket__size-txt { display: none; } .catalog-item__txt-box .item-label__box { margin: 0 0 6px; text-transform: uppercase; font-size: var(--font-very-small); line-height: var(--font-line); font-family: var(--font-title); } .catalog-item__txt-box h1 { font-size: 18px; text-align: left; margin: 0 0 6px; } .catalog-item__img { width: 100%; /* max-width: 960px; */ } .catalog-item__txt { width: 100%; box-sizing: border-box; padding: 80px 40px 0; } .catalog-item__txt-box { max-width: 344px; margin: 0 auto; } .catalog-item__txt-box .item-price__box, .catalog-item__txt-box .basket-price__sale { font-size: var(--font-small); } .catalog-item__title { gap: 16px; align-items: flex-start; } .catalog-item__title { margin: 0 0 40px; } .catalog-item__title .fav-btn button, .catalog-item__txt-box .item-colors__list button, .catalog-item__txt-box .item-colors__list button:hover, .catalog-item__title .fav-btn button:hover, .catalog-item__btn-size button, .catalog-item__btn-size button:hover, .catalog-item__btns-list button, .catalog-item__btns-list button:hover { background: none; padding: 0; } .catalog-item__desc { color: var(--title-color); font-size: 14px; margin: 0 0 56px; } .catalog-item__txt-box .item-art__box { justify-content: flex-start; gap: 12px; text-transform: uppercase; font-size: var(--font-very-small); color: var(--title-color); margin: 0 0 6px; line-height: var(--font-line); } .catalog-item__txt-box .item-art__box .item-art { color: var(--grey); } .catalog-item__txt-box .item-colors__list { margin: 0 0 30px; gap: 12px; justify-content: flex-start; } .catalog-item__txt-box .item-colors__list button { padding: 6px 0; border-bottom: 1px solid rgba(26, 27, 28, 0); } .catalog-item__txt-box .item-color__txt:not(:last-child) { border-right: 1px solid var(--title-color); padding-right: 12px; } .catalog-item__txt-box .item-colors__list button.selected, .item-size__select-box button.selected { border-bottom: 1px solid rgba(26, 27, 28, 1) !important; } .item-size__select-box { margin: 0 0 32px; } .item-size__select-box .size-table { gap: 24px; } .item-size__select-box button { border: 0; padding: 6px 0; border-bottom: 1px solid rgba(26, 27, 28, 0) !important; } .item-size__select-box button:hover { background: none; } .catalog-item__txt-box .item-txt__model { font-size: 14px; margin: 0 0 16px; color: var(--grey); } .add-basket__size-txt, .catalog-item__btn-buy .btn:hover .add-basket__txt { display: none; } .catalog-item__btn-buy .btn:hover .add-basket__size-txt { display: block; } .add-basket__size-txt, .catalog-item__btn-buy .btn { width: 100%; } .catalog-item__btn-size button, .catalog-item__btns-list button { text-transform: uppercase; color: var(--title-color); } .catalog-item__btn-size button:hover, .catalog-item__btns-list button:hover { color: var(--hover); } .catalog-item__btn-size button:hover i, .catalog-item__btns-list button:hover i { background: var(--hover); } .catalog-item__btn-buy { margin: 0 0 28px; } .catalog-item__btns-list { margin: 48px 0 0; padding: 36px 0 0; border-top: 1px solid var(--light-grey); } .catalog-item__btns-list button:not(:last-child) { margin: 0 0 16px; } body .fancybox__slide.has-image>.fancybox__content { width: 100% !important; height: 100% !important; } body .fancybox__viewport { height: 100% !important; } body .fancybox__carousel { overflow: hidden; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } body .fancybox-image { height: 100%; object-fit: contain; } body .fancybox__slide::before, .fancybox__slide::after { display: none; } body .fancybox__slide { padding: 0; } body .f-button { background: none; padding: 0; top: 30px; right: 40px; color: var(--title-color); text-transform: uppercase; width: auto; height: auto; font-family: var(--font-family); } body .f-button:hover { background: none !important; padding: 0; color: var(--hover) !important; } body .f-carousel__dots { position: fixed; z-index: 2; left: 40px; top: 24px; display: flex; align-items: center; gap: 24px; } body .f-carousel__dots button, body .f-carousel__dots button:hover { padding: 0; background: none; color: var(--title-color); } body .f-carousel__dots button { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(26, 27, 28, 0); font-family: var(--font-family); } body .f-carousel__dots .is-current button { border-bottom: 1px solid rgba(26, 27, 28, 1); } body .is-horizontal .f-carousel__nav .f-button.is-prev, body .is-horizontal .fancybox__nav .f-button.is-prev, body .is-vertical .f-carousel__nav .f-button.is-prev, body .is-vertical .fancybox__nav .f-button.is-prev { left: 40px; top: calc(50% - 21px); width: 42px; height: 42px; transform: none; display: flex; align-items: center; justify-content: center; position: fixed; } body .is-horizontal .f-carousel__nav .f-button.is-next, body .is-horizontal .fancybox__nav .f-button.is-next, body .is-vertical .f-carousel__nav .f-button.is-next, body .is-vertical .fancybox__nav .f-button.is-next { right: 40px; left: auto; top: calc(50% - 21px); bottom: auto; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; transform: none; position: fixed; } body .fancybox__backdrop { background: var(--white); } body .is-horizontal .f-carousel__nav .f-button.is-prev:before, body .is-horizontal .fancybox__nav .f-button.is-prev:before, body .is-vertical .f-carousel__nav .f-button.is-prev:before, body .is-vertical .fancybox__nav .f-button.is-prev:before { width: 42px; height: 42px; display: block; position: static; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.6667 34.9998L11.6667 20.9998L25.6667 6.99976' stroke='%231A1B1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.6667 34.9998L11.6667 20.9998L25.6667 6.99976' stroke='%231A1B1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } body .is-horizontal .f-carousel__nav .f-button.is-next:before, body .is-horizontal .fancybox__nav .f-button.is-next:before, body .is-vertical .f-carousel__nav .f-button.is-next:before, body .is-vertical .fancybox__nav .f-button.is-next:before { width: 42px; height: 42px; position: static; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 34.9998L30.3333 20.9998L16.3333 6.99976' stroke='%231A1B1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 34.9998L30.3333 20.9998L16.3333 6.99976' stroke='%231A1B1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } body .is-horizontal .f-carousel__nav .f-button.is-next svg, body .is-horizontal .fancybox__nav .f-button.is-next svg, body .is-horizontal .f-carousel__nav .f-button.is-prev svg, body .is-horizontal .fancybox__nav .f-button.is-prev svg, body .is-vertical .f-carousel__nav .f-button.is-next svg, body .is-vertical .fancybox__nav .f-button.is-next svg, body .is-vertical .f-carousel__nav .f-button.is-prev svg, body .is-vertical .fancybox__nav .f-button.is-prev svg { display: none !important; } body .is-horizontal .f-carousel__nav .f-button.is-next:hover:before, body .is-horizontal .fancybox__nav .f-button.is-next:hover:before, body .is-horizontal .f-carousel__nav .f-button.is-prev:hover:before, body .is-horizontal .fancybox__nav .f-button.is-prev:hover:before, body .is-vertical .f-carousel__nav .f-button.is-next:hover:before, body .is-vertical .fancybox__nav .f-button.is-next:hover:before, body .is-vertical .f-carousel__nav .f-button.is-prev:hover:before, body .is-vertical .fancybox__nav .f-button.is-prev:hover:before { background: var(--hover); } body .is-vertical .fancybox__track { display: block; } #table-delivery .location-box { margin: 0 0 42px; text-transform: uppercase; font-size: 14px; } #table-delivery .location-box span { border-bottom: 1px solid var(--title-color); } .care-table__item:not(:last-child) { margin: 0 0 42px; } .care-table__item h4 { text-transform: uppercase; margin: 0 0 16px; } .care-table__item .flex { justify-content: flex-start; gap: 12px; align-items: flex-start; font-size: 14px; text-transform: uppercase; } .care-table__item .flex:not(:last-child) { margin: 0 0 16px; } .care-table__item .flex div { color: var(--grey); text-transform: uppercase; } .care-table__item p { margin: 0; font-size: 14px; } .read-more { display: flex; align-items: center; width: max-content; gap: 3px; text-transform: uppercase; font-size: 14px; } .read-more:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 18px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%231A1B1C' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L13 9L7 3' stroke='%231A1B1C' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .care-table__item .order-page__delivary-box, .care-table__item .order-page__delivary-box h5 { text-transform: uppercase; font-size: 14px; } .item-model { right: auto; left: 16px; text-transform: uppercase; background: none; padding: 0; top: 12px; } .popup-header:has(.popup-tabber) h2 { margin: 0 0 32px; } .care-txt__container { font-size: 14px; margin: 0 0 24px; } .table-sub__txt { margin: 12px 0 0; font-size: 14px; color: var(--grey); } .table-sizes__info-list>div { margin: 0 0 24px; font-size: 14px; } .table-sizes__info-list { margin: 42px 0 0; } .table-sizes__info-list>div p { margin: 0; } .table-sizes__info-list>div h4 { margin: 0 0 4px; text-transform: uppercase; } .table-sizes__info-img { width: 100%; max-width: 122px; } .table-sizes__info-txt { width: 100%; } .shops-select__city-box label { margin: 0 0 12px; text-transform: uppercase; font-size: var(--font-very-small); } .popup .shops-select__city-box .ts-control, .popup .shops-select__city-box .ts-dropdown-content { font-size: 16px; } .shops-select__txt { margin: 12px 0 0; color: var(--grey); font-size: 14px; } .shops-select__list:not(:first-child) { margin: 42px 0 0; } .shops-select__item { align-items: flex-start; gap: 16px; font-size: 14px; } .shops-select__item:not(:last-child) { margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid var(--light-grey); } .shops-select__item h4 { margin: 0 0 4px; font-size: 14px; text-transform: uppercase; } .shops-select__item-txt { color: var(--grey); } .shops-select__item-txt .size-table { margin: 12px 0 0; gap: 10px; color: var(--title-color); } .shops-select__item-txt .size-table span:not(:last-child) { padding-right: 10px; border-right: 1px solid var(--light-grey); } .phone-buy__btn-box { gap: 0; align-items: normal; } .phone-buy { display: none; } .order-page__delivary-box span, .order-page__delivary-box a { border: 0; -webkit-appearance: none; } /*Footer*/ footer { background: var(--link-color); } .simple-footer.content-box { height: auto; padding-top: 30px; padding-bottom: 30px; min-height: auto; flex-flow: row; gap: 30px; justify-content: space-between; } .simple-footer.content-box nav ul { display: flex; align-items: center; gap: 30px; } .simple-footer.content-box nav ul a { text-transform: none; } .simple-footer .copyright { margin: 0; } .simple-footer .logo-footer { display: none; } .scroll-box { overflow-y: auto; height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .content-box { padding-top: 100px; padding-bottom: 100px; min-height: 100vh; display: flex; flex-flow: column; justify-content: center; } .logo-footer { margin: 0 0 48px; max-width: 220px; } .logo-footer img { display: block; } .footer-slide__menu { width: 100%; margin-top: 20px; } .footer-slide__menu .swiper-slide, .cat-list__slider .swiper-slide { width: max-content; } .footer-slide__menu .swiper-button-next { right: 0; width: 18px; background: var(--title-color); } .footer-slide__menu .swiper-button-prev { left: 0; width: 18px; background: var(--title-color); } .footer-slide__menu .swiper-button-next:before { content: ''; background: linear-gradient(90deg, rgba(26, 27, 28, 0) 0%, var(--title-color) 100%); position: absolute; top: 0; bottom: 0; left: -18px; width: 18px; } .footer-slide__menu .swiper-button-prev:before { content: ''; background: linear-gradient(90deg, var(--title-color) 0%, rgba(26, 27, 28, 0) 100%); position: absolute; top: 0; bottom: 0; right: -18px; width: 18px; } .footer-slide__menu .swiper-button-disabled { opacity: 0; } .footer-slide__menu .swiper-button-next:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 25px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14L8 8L2 2' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14L8 8L2 2' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .footer-slide__menu .swiper-button-prev:after { content: ''; transform: rotate(180deg); display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 25px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14L8 8L2 2' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14L8 8L2 2' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .footer-menu__block:not(:first-child) { margin: 100px 0 0; } .footer-menu__block { align-items: flex-start; gap: 30px; } .footer-menu__block h4 { margin: 0 0 24px; font-size: 18px; color: var(--grey); font-weight: var(--font-weight); text-transform: uppercase; } .footer-menu__link ul li:not(:last-child) { margin: 0 0 18px; } .footer-menu__link ul li a { text-transform: none; font-size: var(--font-small); } .footer-subscribe__block { width: 100%; max-width: 380px; justify-content: flex-start; gap: 200px; } .footer-menu__links { gap: 90px; align-items: flex-start; justify-content: flex-start; } .copyright { margin: 100px 0 0; font-size: var(--font-small); color: var(--grey); } .footer-subscribe__block input[type=text] { border-color: var(--grey); color: var(--white); } .footer-subscribe__block .error input[type=text] { border-color: var(--error); } .legal-box { margin: 16px 0 0; color: var(--grey); font-size: var(--font-small); line-height: var(--font-line); } .legal-box a { font-size: var(--font-small); text-transform: none; } .footer-subscribe__block button { position: absolute; right: 0; top: 0; height: 41px; display: flex; align-items: center; justify-content: center; background: none; padding: 0; } .footer-subscribe__block button:hover { background: none; } .footer-subscribe__block button:hover i { background-color: var(--link-color-hover); } .social-block:not(:first-child) { margin: 48px 0 0; } .social-links { gap: 24px; } .social-links a { font-size: var(--font-small); text-transform: none; } .input-box { position: relative; } .success-txt { font-size: var(--font-small); color: var(--white); } body.black-background { background: transparent; } body.black-background header { background-color: white; } .black-background .menu-top, .black-background .menu-icon, .black-background .search, .black-background header a { color: var(--font-color-new); } .black-background .search-icon, .black-background .fav-icon { background-color: black; } .black-background .fav-phone__link span, .black-background .basket-phone__link span, .black-background .basket-icon { background: var(--title-color); color: var(--white); } .black-background .default-header .header-logo img, .black-background .default-header .header-logo__phone img { filter: unset; } .black-background .menu-icon { background-color: var(--font-color-new); } .black-background .search { border-bottom: 1px solid var(--font-color-new); padding: 5px; } .image-404 { display: flex; } .image-404>picture { margin: 188px auto 68px auto; } .title-404 { color: var(--font-color-new); font-size: 28px; font-weight: 400; line-height: 130%; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; } .description-404 { color: rgb(67, 67, 67); font-family: var(--font-default); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: center; margin: 16px auto 0 auto; max-width: 684px; } .button-404 { display: flex; gap: 12px; justify-content: center; margin-top: 32px; } .button-404 a { color: var(--font-color-new); border: 1px solid var(--font-color-new); padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; width: 100%; max-width: 210px; text-align: center; text-transform: uppercase; } .button-404 a:hover { color: var(--white); background: var(--link-color); } section#section-privacy { margin-top: 128px; } section#section-privacy * { box-sizing: border-box; } section#section-ofeta { margin-top: 128px; } section#section-ofeta * { box-sizing: border-box; } .section-title.inf-title h2 { font-family: var(--font-title); color: var(--font-color-new); font-size: 28px; font-weight: 400; line-height: 130%; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; margin-bottom: 16px; } .inf-description, .section-title.inf-title p { color: var(--font-color-new); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: left; } .inf-description { margin-bottom: 28px; } .section-title.inf-title p { text-align: center; color: rgb(116, 116, 116); margin: 0; margin-bottom: 40px; } .inf-list { width: 100%; display: flex; flex-flow: row; align-items: flex-start; column-gap: 165px; position: relative; } .inf-list ol { /* counter-reset: item; */ display: flex; flex-flow: column; } .inf-list li { position: relative; } p.inf-list-title { font-family: var(--font-title); color: var(--font-color-new); font-size: 18px; font-weight: 400; line-height: 130%; letter-spacing: 1.1px; text-align: left; margin: 0; margin-bottom: 12px; text-transform: uppercase; } .inf-list li.inf-list-title:not(:first-child) { margin-top: 0px; } .inf-list ol li ol li ol { padding: 8px 0 0 30px; } .inf-list ol li ol li ol li:not(:last-child) { padding-bottom: 8px; } .inf-list ol li:not(:last-child) { padding-bottom: 20px; } .section-privacy .inf-list ol li:not(:last-child) { padding-bottom: 24px; } .section-privacy .inf-list ol li ol li:not(:last-child) { padding-bottom: 4px; } .section-privacy .inf-list ol li ol li ol li { list-style: disc; } .section-privacy .inf-list li.inf-list-title:not(:first-child) { margin-top: 0px; } .section-ofeta .inf-list ol li:not(:last-child) { padding-bottom: 24px; } .section-ofeta .inf-list ol li ol li:not(:last-child) { padding-bottom: 8px; } .section-ofeta .inf-list ol li ol li ol li { list-style: disc; } .section-ofeta .inf-list li.inf-list-title:not(:first-child) { margin-top: 0px; } .inf-link { display: inline-flex; flex-flow: row; align-items: center; justify-content: flex-start; gap: 8px; font-weight: 600; font-size: 18px; line-height: 130%; color: #C3163D; transition: ease .5s; margin-bottom: 40px; } .inf-link:hover { opacity: .7; } .inf-list ol.inf-nav li { padding: 0; } .inf-nav { min-width: 425px; max-width: 425px; display: flex; flex-flow: column; background: transparent; border-radius: 30px; padding: 0; position: sticky; top: 154px; } .inf-list>ol:first-child { max-width: 786px; min-width: 786px; } .inf-nav-item { font-size: 0; line-height: 1; color: #2A2D32; transition: ease .5s; } .inf-nav-item.active { color: #C3163D; } .inf-nav-item.active>a { color: #C3163D; } .inf-nav-item:hover { color: #C3163D; } .inf-nav-item:hover>a { color: #C3163D; } .inf-nav-item a { color: var(--font-color-new); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0%; text-align: left; text-transform: uppercase; transition: ease .3s; } .inf-nav .inf-nav-item ol .inf-nav-item:not(:last-child) { padding: 10px 0 10px 20px; } .inf-nav .inf-nav-item ol .inf-nav-item:last-child { padding: 10px 0 0px 20px; } .section-privacy .inf-list ol.inf-nav li { border-left: 1px solid rgb(213, 213, 213); padding: 12px 0px 12px 24px; } .section-privacy .inf-list ol.inf-nav .inf-nav-item.active { border-left: 3px solid var(--font-color-new); } .section-ofeta .inf-list ol.inf-nav li { border-left: 1px solid rgb(213, 213, 213); padding: 12px 0px 12px 24px; } .section-ofeta .inf-list ol.inf-nav .inf-nav-item.active { border-left: 3px solid var(--font-color-new); } .inf-recvisits { border: 1px solid rgb(213, 213, 213); padding: 24px; margin-top: 24px; max-width: 786px; } .inf-recvisits__title { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; } .inf-recvisits__title>svg { cursor: pointer; } .inf-recvisits__title>h2 { color: var(--font-color-new); font-size: 18px; font-weight: 400; line-height: 130%; letter-spacing: 1.1px; text-align: left; text-transform: uppercase; display: flex; gap: 8px; margin: 0; align-items: center; } .inf-recvisits__items { display: flex; flex-flow: column; gap: 12px; } .inf-recvisits__items>div { display: flex; gap: 80px; align-items: center; } .inf-recvisits__items p, .inf-recvisits__items span { color: rgb(116, 116, 116); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: left; } .inf-recvisits__items p { min-width: 165px; margin: 0; } .inf-recvisits__items span { color: var(--font-color-new); } .privacy-email { color: var(--font-color-new); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: left; margin: 24px 0 160px 0; } .ofeta-email { color: var(--font-color-new); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: left; margin: 24px 0 160px 0; } .inf-nav-mobile-wrapper { display: none; z-index: 1; background: white; position: sticky; top: 52px; padding: 4px 0 8px 0; margin-bottom: 28px; } .inf-nav-mobile { padding: 10px 16px; border: 1px solid var(--font-color-new); } .inf-nav-mobile__title::after { content: url('data:image/svg+xml,'); width: 14px; height: 14px; } .inf-nav-mobile__drobdown { display: none; padding: 16px; gap: 14px; } .inf-nav-mobile__drobdown.active { display: flex; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); background: rgb(255, 255, 255); flex-flow: column; position: absolute; width: 100%; left: 0; z-index: 1; top: 49px; max-height: 188px; overflow-y: scroll; } .inf-nav-mobile__drobdown::-webkit-scrollbar { width: 4px; } .inf-nav-mobile__drobdown::-webkit-scrollbar-track { background: transparent; } .inf-nav-mobile__drobdown::-webkit-scrollbar-thumb { background-color: #D5D5D5; border-radius: 4px; } .inf-nav-mobile a, .inf-nav-mobile__title { color: var(--font-color-new); font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: left; margin: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; } .section-faq *, .section-answer * { box-sizing: border-box; } .section-faq .wrapper, .section-myaccount .wrapper { max-width: 940px; } .section-title.faq-title, .section-title.answer-title { margin: 168px 0 40px 0; } .section-title.faq-title h2, .section-title.answer-title h2 { color: var(--font-color-new); font-family: var(--font-title); font-size: 28px; font-weight: 400; line-height: 130%; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; margin: 0; } .answer-title__back { position: absolute; left: 0; top: 8px; display: flex; align-items: center; gap: 2px; } .answer-title__back>p { color: var(--font-color-new); font-family: var(--font-title); font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: center; text-transform: uppercase; margin: 0; } .faq-items { display: flex; flex-flow: row wrap; gap: 16px; margin-bottom: 160px; } .faq-item { background-color: #F5F5F5; max-width: calc(33% - 16px); width: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 53px 0; min-width: 292px; } .faq-item h2 { margin-bottom: 0; font-family: var(--font-default); text-transform: unset; color: var(--font-color-new); font-size: 20px; letter-spacing: 0; text-align: center; } .answer-items { display: flex; flex-flow: column; margin-bottom: 160px; } .answer-item__content { display: none; padding-top: 14px; } .answer-item { border-bottom: 1px solid rgb(213, 213, 213); padding: 14px 0; } .answer-item__title h2 { color: var(--font-color-new); font-family: var(--font-default); font-size: 20px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: center; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0; text-transform: unset; cursor: pointer; } .answer-item__title h2::after { content: url('data:image/svg+xml,'); width: 18px; height: 18px; } .answer-item .answer-item__title.active h2::after { transform: rotate(180deg); } .answer-item .answer-item__content p, .answer-item .answer-item__content li { color: rgb(67, 67, 67); font-family: var(--font-default); font-size: 20px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: left; margin: 0; } .answer-item .answer-item__content p { margin-top: 8px; } .answer-item__content ul { padding: 6px 0 0 0px; } .answer-item .answer-item__content li { color: rgb(116, 116, 116); display: flex; gap: 8px; align-items: flex-start; } .answer-item .answer-item__content li::before { content: '—'; width: 14px; height: 22px; } body.aboutCompany { background: white; } .aboutCompany-main-image { position: relative; } .aboutCompany-main-image__text { position: absolute; bottom: 140px; left: 70px; } .aboutCompany-main-image__text h1 { margin: 0; line-height: 1; font-size: 0; margin-block: 0; margin-bottom: 21px; } .aboutCompany-main-image__text p { color: rgb(255, 255, 255); font-family: var(--font-title); font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-align: left; text-transform: uppercase; margin: 0; } .luisa-mobile { display: none; } .aboutCompany-welcome { margin: 0 auto; color: var(--font-color-new); font-family: var(--font-default); font-size: var(--font-size); font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: center; max-width: 909px; } .d-flex { display: flex; } .aboutCompany-ourValues__title, .aboutCompany-historyBrand__title { padding: 0 60px; } .aboutCompany-ourValues__title h2, .aboutCompany-historyBrand__title h2, .aboutCompany-quality__title h2, .aboutCompany-ourShop__title h2, .aboutCompany-readmMore__title h2 { color: var(--font-color-new); font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-transform: uppercase; margin-bottom: 16px; } .aboutCompany-quality__title h2 { text-align: center; } .aboutCompany-ourValues__title p, .aboutCompany-historyBrand__title p, .aboutCompany-quality__title p, .aboutCompany-ourShop__title p { color: rgb(67, 67, 67); font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: left; margin: 0; margin-bottom: 20px; } .aboutCompany-ourValues__item-wrapper, .aboutCompany-historyBrand__item-wrapper { border-bottom: 1px solid rgb(213, 213, 213); } .aboutCompany-ourValues__item-wrapper:last-child, .aboutCompany-historyBrand__item-wrapper:last-child { border-bottom: none; } .aboutCompany-ourValues__item { display: flex; justify-content: space-between; align-items: center; padding: 40px 60px; } .aboutCompany-ourValues__image { line-height: 0; } .aboutCompany-ourValues__content { display: flex; gap: 100px; align-items: center; justify-content: space-between; max-width: 100%; } .aboutCompany-historyBrand__image { line-height: 0; } .aboutCompany-ourValues__image img, .aboutCompany-historyBrand__image img { width: 100%; height: auto; } .aboutCompany-ourValues__itemTitle { color: var(--font-color-new); font-family: var(--font-title); font-size: 24px; font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-transform: uppercase; } .aboutCompany-ourValues__content p { margin: 0; max-width: 665px; } .aboutCompany-welcome, .aboutCompany-ourValues, .aboutCompany-historyBrand { padding: 160px 0px; } .aboutCompany-historyBrand__title p { margin-bottom: 40px; max-width: 908px; } .aboutCompany-quality__title p { margin: 0 auto; margin-bottom: 40px; max-width: 908px; text-align: center; } .aboutCompany-historyBrand__years-items { margin-top: 50px; } .aboutCompany-historyBrand__years-item { display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; width: 100%; gap: 12px; padding: 40px 60px; } .aboutCompany-historyBrand__item-wrapper:first-child .aboutCompany-historyBrand__years-item { padding: 0 60px 40px 60px; } .aboutCompany-historyBrand__item-wrapper:last-child .aboutCompany-historyBrand__years-item { padding: 40px 60px 0 60px; } .aboutCompany-historyBrand__years-number { color: var(--font-color-new); font-family: var(--font-title); font-size: 50px; font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-transform: uppercase; } .aboutCompany-historyBrand__years-content { max-width: 909px; } .aboutCompany-historyBrand__years-content p { color: rgb(67, 67, 67); font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: left; margin: 0; } .aboutCompany-image { line-height: 0; justify-content: center; } .sevenBlock { color: rgb(67, 67, 67); font-family: var(--font-title); font-size: 18px; font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; margin: 0; margin-top: 24px; } .aboutCompany-quality, .aboutCompany-ourShop, .aboutCompany-readmMore { padding: 160px 38px; } .aboutCompany-quality>.aboutCompany-image, .aboutCompany-ourShop>.aboutCompany-image { gap: 20px; flex-flow: row wrap; justify-content: center; } .aboutCompany-quality>.aboutCompany-image img { max-width: 600px; } .aboutCompany-ourShop-mobile { display: none; } .aboutCompany-ourShop__descr { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 40px; } .aboutCompany-ourShop__title p { margin: 0; max-width: 874px; } .aboutCompany-luisaWang__title { margin: 0 auto; margin-bottom: 50px; max-width: 910px; } .aboutCompany-luisaWang__title h2 { line-height: 0; margin: 0; text-align: center; margin-bottom: 42px; } .aboutCompany-luisaWang__title p { color: var(--font-color-new); font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: center; margin-bottom: 18px; } .aboutCompany-luisaWang__title p:last-child { margin-bottom: 0; } .aboutCompany-readmMore__title { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; } .aboutCompany-readmMore__title h2 { margin-bottom: 0; white-space: nowrap; } .aboutCompany-readmMore__title div { background-color: rgb(213, 213, 213); margin: 0; width: calc(100%); height: 1px; } .aboutCompany-readmMore-items { display: flex; gap: 20px; flex-flow: row wrap; } .aboutCompany-readmMore-items__item { width: calc(25% - 20px); } .aboutCompany-readmMore-items__image { line-height: 0; } .aboutCompany-readmMore-items__text p { color: var(--font-color-new); font-family: var(--font-title); font-weight: var(--font-weight); line-height: 130%; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; margin: 0; margin-top: 16px; } /* читайте также */ .read-also { margin-block: 160px; padding-inline: 40px; } .read-also__head { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; } .read-also__head-line { flex: 1 1 auto; height: 1px; background: var(--light-grey); } .read-also__heading { flex: 0 0 auto; margin-bottom: 0; } .read-also__swiper { margin-inline: -40px; padding-inline: 40px; } .read-also__swiper-wrapper {} .read-also__slide { /* margin-inline: -40px; padding-inline: 40px; */ } .read-also__slide:not(:last-child) { margin-right: 20px; } .read-also__img { display: block; aspect-ratio: 1.49/1; width: 100%; } .read-also__name { margin-top: 16px; font-weight: 400; font-size: 20px; line-height: 130%; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; font-family: var(--font-title); /* color: #1a1b1c; */ } /* Contacts page */ .contacts { margin-block: 160px; } .contacts p { margin: 0; } .contacts__wrapper { padding-inline: 16px; max-width: 1140px; margin: 0 auto; } .contacts__heading { text-align: center; margin-bottom: 40px; } .contacts__item { display: flex; flex-direction: column; gap: 20px; } .contacts__item:not(:last-child) { padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid var(--light-grey); } .contacts__item-title { font-family: var(--font-title); font-weight: 400; font-size: 20px; line-height: 130%; letter-spacing: 0.04em; text-transform: uppercase; color: var(--font-color-new); } .contacts__item-description { display: block; font-weight: 400; font-size: 16px; line-height: 140%; } .contacts__item-description.contacts-black { color: var(--font-color-new); } .contacts__item-description.contacts-gray { color: var(--grey); } .contacts__item-description.contacts-gray-uppercase { color: var(--grey); text-transform: uppercase; } .contacts__item-description.contacts-margin-12 { margin-bottom: 12px; } .contacts__item-description.contacts-margin-8 { margin-bottom: 8px; } .contacts__item-description.contacts-margin-6 { margin-bottom: 6px; } .contacts__item-description.contacts-whatsapp { display: flex; align-items: center; gap: 4px; } .contacts__item-description.contacts-whatsapp img { width: 24px; height: 24px; } .contacts__watch { font-weight: 400; font-size: 16px; line-height: 140%; text-transform: uppercase; display: flex; align-items: center; gap: 2px; } .contacts__watch-arrow { width: 18px; height: 18px; } /*измненения в коде с возвратом и таблицами размеров*/ /*Возврат*/ #section-vozvrat { margin-top: 168px; } .section-vozvrat .wrapper { max-width: 910px; padding: 0; } .section-vozvrat h2, .section-vozvrat p { margin: 0; } .vozvrat-title>h2 { text-align: center; line-height: 130%; font-size: 42px; letter-spacing: 1.1px; margin-bottom: 40px; } .vozvrat-item__title { margin-bottom: 24px; } .vozvrat-content { display: flex; flex-flow: column; gap: 60px; } .vozvrat-sub-item__title { font-family: var(--font-title); text-transform: uppercase; line-height: 130%; margin-bottom: 20px; } .vozvrat-item__text p { color: var(--font-color-new); font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; } .vozvrat-message-color .vozvrat-item__message p { color: rgb(67, 67, 67); } .vozvrat-item__subtitle { color: var(--font-color-new); } .vozvrat-item>.vozvrat-sub-item:not(.vozvrat-item > .vozvrat-sub-item:last-child) { margin-bottom: 32px; } .vozvrat-item__text { display: flex; flex-flow: column; gap: 16px; } .vozvrat-item__text>div { display: flex; flex-flow: column; gap: 8px; } .vozvrat-item__text>.vozvrat-item__numeric { gap: 10px; } .vozvrat-item__text ul li { display: flex; align-items: center; gap: 8px; color: rgb(67, 67, 67); font-family: var(--font-default); font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; margin-bottom: 4px; } .vozvrat-item__text ul li:last-child { margin-bottom: 0; } .vozvrat-item__text ul li::before { content: ""; border: 1px solid; width: 19px; max-width: 12.4px; } .vozvrat-item__message { padding: 16px; background: rgb(240, 240, 240); display: flex; align-items: center; flex-flow: row; gap: 10px; font-family: var(--font-default); font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; margin-top: 4px; } .contact-information { background: rgb(26, 27, 28); padding: 48px 50px; margin: 60px 0 160px 0; } .contact-information p, .contact-information h2 { color: white; } .contact-information h2 { margin: 12px 0 24px 0; } .vozvrat-sub-item__title.vozvrat-item__numeric { margin-bottom: 16px; } .vozvrat-item__text.vozvrat-item__message-wrapper { gap: 20px; } .contact-information>div>p { margin-bottom: 4px; } .contact-information>div>p:last-child { margin-bottom: 0; } .contact-information p { font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; } .vozvrat-item__address { display: flex; flex-flow: column; gap: 8px; } .vozvrat-item__address p { color: var(--font-color-new); font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; } #section-table-sizes { margin-top: 168px; } .vozvrat-item__address>div { display: flex; flex-flow: column; gap: 4px; } .vozvrat-item__message svg { width: 100%; max-width: 20px; } /*Возврат*/ /*таблица размеров*/ .section-table-sizes .popup { display: block; position: static; max-width: unset; min-width: unset; margin-bottom: 160px; } #section-table-sizes .wrapper { max-width: 800px; } .section-table-sizes .popup-scroll { padding: 0; } .section-title.table-sizes-title { text-align: center; margin-bottom: 40px; } .section-table-sizes .care-txt__container { font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; } .section-table-sizes .popup table { border-left: 1px solid rgb(240, 240, 240); border-right: 1px solid rgb(240, 240, 240); border-top: 1px solid rgb(240, 240, 240); } .section-table-sizes .popup table th { padding: 12px 40px; font-size: 16px; font-weight: 600; letter-spacing: 0; border: none; background: rgb(245, 245, 245); text-align: left; } .section-table-sizes .popup table td { padding: 20px 40px; font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; text-align: left; } .section-table-sizes .table-sub__txt { font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); color: rgb(116, 116, 116); } .section-table-sizes .table-sizes__info { margin-top: 60px; align-items: flex-start; } .table-sizes__info-list>div { margin: 0; margin-bottom: 32px; } .section-table-sizes .table-sizes__info-list>div h4 { font-family: var(--font-title); font-size: 24px; font-weight: var(--font-weight); line-height: 130%; margin: 0; margin-bottom: 16px; } .section-table-sizes .table-sizes__info-list>div p { color: rgb(67, 67, 67); font-size: 16px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; } .section-table-sizes .table-sizes__info-img { max-width: 164px; } .section-table-sizes .table-sizes__info-list { margin: 0; } .table-sizes__mobile { display: none; } /*таблица размеров*/ /* End */ /* Start:/local/templates/luisawang/css/mobile.css?174487425857648*/ @media screen and (min-width: 800px) { .catalog-item__img-list .swiper-slide, .catalog-item__img-list .swiper-wrapper { height: 100% !important; } } @media screen and (max-width: 1700px) { .aboutCompany-ourValues__content { flex-flow: column; gap: 20px; } .aboutCompany-image{ flex-flow: row wrap; } } @media screen and (max-width: 1500px) { body, .footer-menu__block h4 { font-size: var(--font-small); } header a, .menu-top, .search, .main-slider a, #cookie, main input[type=submit], main button, .btn, .menu-block li a, .footer-menu__link ul li a, .copyright, footer a, .social-links a, .legal-box a, .back-link, .fast-links__list a, .cat-list__slider a { font-size: var(--font-very-small); } .login-in__box { margin: 7.66vw auto; } .catalog-txt__box h3, .catalog-txt__box { font-size: 2.19vw; } .aboutCompany-ourValues__item { flex-flow: column; align-items: center; gap: 18px; } .aboutCompany-ourValues__content p { text-align: center; } } @media screen and (max-width: 1440px) { .read-also { margin-block: 120px; } .read-also__name { font-size: 18px; } .read-also__slide { width: 100%; min-width: 320px; flex: 1 1 auto; } .read-also__img { height: 213px; } .read-also__slide:not(:last-child) { margin-right: 8px; } .contacts { margin-block: 128px 120px; } } @media screen and (max-width: 1400px) { .read-also { padding-inline: 16px; } } @media screen and (max-width: 1279px) { .footer-menu__block { flex-flow: column; gap: 62px; } .footer-menu__block:not(:first-child) { margin: 62px 0 0; } .copyright { margin: 62px 0 0; } header { padding: 24px 15px; } .login-phone { display: block; text-align: center; } .header-logo__phone { display: block; } .header-logo { display: none; } #content { padding-top: 100px; } #content:last-child { padding-bottom: 100px; } #items-spec, #items-basket { margin: 100px 0; } .back-link span { display: none; } .back-link { position: relative; z-index: 2; } #simple-header .header-logo__phone { left: 0; right: 0; position: absolute; } #simple-header .header-logo__phone a { margin: 0 auto; display: block; width: max-content; } .page-bread__box .menu-top__block { left: 15px; } .thanks-list__box { gap: 30px; } .inf-list .inf-nav { display: none; } .inf-nav-mobile-wrapper { display: block; } .inf-nav-mobile { display: flex; width: 100%; } .inf-list { flex-flow: column; gap: 28px; } .aboutCompany-fiveBlock img { max-width: 50%; } .aboutCompany-readmMore-items { justify-content: center; } .aboutCompany-ourShop-desk { display: none; } .aboutCompany-ourShop-mobile { display: flex; margin: 0 auto; margin-top: 20px; } } @media screen and (max-width: 1080px) { .menu-top span { display: none; } .menu-top__block, .search-block, .top-links__block { width: auto; max-width: none; } .header-logo__phone img { height: 25px; } header, .top-links__block { gap: 0; } .search-btn, .menu-top { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; } .search-block { display: none; } .login-link { display: none; } .fav-pc__link, .basket-pc__link { display: none; } .fav-phone__link, .basket-phone__link { position: relative; display: block; } .fav-link, .basket-link { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; } .fav-phone__link span, .basket-phone__link span { position: absolute; right: -8px; top: -8px; width: 12px; height: 12px; border-radius: 50%; background: var(--white); color: var(--title-color); font-size: 8px; line-height: var(--font-line); text-transform: uppercase; display: flex; align-items: center; justify-content: center; } } @media screen and (max-width: 940px) { /*Возврат*/ .section-vozvrat .wrapper { padding: 0 16px; } /*Возврат*/ .faq-item { max-width: calc(50% - 4px); padding: 30px 0; min-width: unset; } .faq-items { gap: 8px; margin-bottom: 60px; } .aboutCompany-main-image__text { bottom: 70px; left: 40px; } .luisa-desktop { display: none; } .luisa-mobile { display: block; } .aboutCompany-readmMore-items__item { width: unset; } .aboutCompany-readmMore-items{ flex-flow: row; overflow-x: scroll; scrollbar-width: none; width: 100%; justify-content: unset; } .aboutCompany-readmMore-items__image{ width: 445px; } } @media screen and (max-width: 800px) { .cookie-box { flex-flow: column; gap: 16px; align-items: flex-start; } .order-block__box { flex-flow: column; gap: 32px; } .popup-map__container { display: block; height: calc(100% - 100px); } .pickup-popup__btn { left: -40px; bottom: 0; padding: 20px 40px; } .pickup-popup__list .order-pickup__list { padding: 0; display: block; } .pickup-popup__list { padding-right: 40px; } .pickup-popup__box { height: calc(100% - 90px); } #order-map { display: none; } .popup-map__filter { height: 100%; width: auto; padding-right: 40px; } .popup-map__filter .popup-map__txt { padding-right: 0; } .popup-map__filter #map-pickup { height: calc(100% - 100px); } .popup-map__box { max-width: none; padding: 0; } .popup-map { background: #fff; padding: 40px 0px 0px 40px; } .ph { display: block; } .ph.flex { display: flex; } .pc { display: none; } .order-page__delivary-txt, .order-pickup__list-search, .order-pickup__list { display: none; } .tabber-popup { gap: 14px; justify-content: flex-start; margin: 0 0 16px; padding-right: 40px; } .tab-popup { padding: 0 45px 5px; border-bottom: 1px solid rgba(26, 27, 28, 0); text-align: center; font-size: 14px; line-height: var(--font-line); text-transform: uppercase; } .tab-popup.active { border-bottom: 1px solid rgba(26, 27, 28, 1); } #pickup-select .close.ph { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; top: 6px; right: 6px; } #pickup-select h3 { margin: 0 0 27px; padding-right: 40px; } .pickup-popup__box .order-pickup__list-search__box, .popup-map__filter .order-pickup__list-search__box { margin: 0 0 16px; } .order-pickup__item { padding: 20px 0; } .order-pickup__item h4, .order-page__delivary-box h5, .order-pickup__item label { font-size: 14px; } .popup-map__box { height: 100%; } .popup-map__pickup-box { display: block !important; position: fixed; left: -40px; right: -40px; bottom: 0; background: #fff; z-index: 10001; padding: 32px 40px; box-sizing: border-box; } #pickup-select .popup-map__pickup-box h3 { font-size: 18px; margin: 0 0 6px; } .popup-map__content .btn { width: 100%; margin: 20px 0 0; } .map-overflow { position: fixed; z-index: 1; left: -40px; right: -40px; top: -100%; bottom: 0; background: rgba(0, 0, 0, .15); } .popup-map__pickup-box__in { position: relative; z-index: 2; } .close-popup { position: absolute; width: 40px; height: 40px; top: 6px; right: 6px; display: flex; align-items: center; justify-content: center; } .popup-map__pickup-box ymaps { width: 100% !important; } .ymaps-2-1-79-balloon-pane { z-index: 100000 !important; top: auto !important; bottom: 0; transform: none !important; } .ymaps-2-1-79-balloon-overlay { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; position: fixed !important; height: auto !important; width: auto !important; } .popup-map__filter #map-pickup { position: relative; } .thanks-list__item { display: flex; align-items: flex-start; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--light-grey) } .thanks-list__item:not(:first-child) { padding-top: 14px; } .thanks-list__items-list { display: block; } .thanks-list__item-img { width: 68px; height: 88px; margin: 0; flex-shrink: 0; } .thanks-list__item-img a { display: block; width: 100%; height: 100%; } .thanks-list__item-img img { object-fit: cover; width: 100%; height: 100%; } .catalog-txt__box > .flex div:last-child p { margin: 60px 0 0; } html:not(:has(.main-slider)):has(body.fixed) header .header-block { margin-right: 0; } .catalog-items__box.col-6 { grid-template-columns: repeat(4, 1fr); } .col-12 { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); } .catalog-item__content { flex-flow: column; } .pages-items__list { display: none; } .catalog-item__img-list, .catalog-item__txt-box { position: relative; top: auto; } .catalog-item__img-list { margin: 0; height: 100%; } .catalog-item__img-list .swiper-slide a { height: 100%; overflow: hidden; display: block; } .catalog-item__img-list .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: 100% !important; } .catalog-item__img { height: calc(100dvh - 200px); } .catalog-item__txt, .catalog-item__img { max-width: none; } .catalog-item__txt { padding: 0; z-index: 2; background: var(--white); } .catalog-item__txt-box { max-width: none; padding: 16px; } #item-page .catalog-item__content { gap: 0; } #items-see:last-child, #seo:last-child, #recomend:last-child { margin-bottom: 80px; } #recomend, #seo, #items-see, .fast-links__cat { margin-top: 80px; } .catalog-item__txt:before { content: ''; position: absolute; width: 64px; height: 1px; background: var(--title-color); left: 50%; margin-left: -32px; top: -6px; } body .fancybox-image { height: 100%; max-height: 100%; object-fit: cover; } body .fancybox__slide.has-image > .fancybox__content { display: flex; height: 100% !important; } .button-404 { flex-flow: column; } .button-404 a { width: 100%; max-width: unset; } .content-wrapper { padding: 0 6px; } body.privacy header { padding: 4px 6px; } body.privacy .wrapper { padding: 0 16px; } section#section-privacy { margin-top: 84px; } body.ofeta header { padding: 4px 6px; } body.ofeta .wrapper { padding: 0 16px; } section#section-ofeta { margin-top: 84px; } .section-title.inf-title h2 { font-size: 24px; margin-bottom: 12px; } .inf-description { margin-bottom: 24px; } .inf-description, .section-title.inf-title p { font-size: 14px; } .section-title.inf-title p { margin-bottom: 20px; } p.inf-list-title { margin-bottom: 10px; } .section-ofeta .inf-list ol li:not(:last-child) { padding-bottom: 20px; } .section-privacy .inf-list ol li ol li:not(:last-child) { padding-bottom: 4px; } .section-privacy .inf-list ol li:not(:last-child) { padding-bottom: 20px; } .section-ofeta .inf-list ol li ol li:not(:last-child) { padding-bottom: 6px; } .inf-list ol li ol li ol { padding: 6px 0 0 26x; } .inf-nav-mobile__drobdown > a.active::after { content: url('data:image/svg+xml,'); width: 14px; height: 14px; } .inf-list > ol:first-child { max-width: unset; min-width: unset; } } @media screen and (max-width: 736px) { #cookie { padding: 23px 16px 16px; } h2 { font-size: 24px; } h3 { font-size: 18px; margin: 0 0 6px; } .cookie-btns { gap: 8px; width: 100%; } .btn { font-size: var(--font-very-small); padding: 15px; width: 100%; } .cookie-close { display: flex; } .main-slider section.swiper-slide .wrapper { gap: 20.38vh; padding-top: 24px; padding-bottom: 24px; } .link-slider { font-size: var(--font-very-small); } .link-slider:after, .txt-slider .btn.border:after { width: 16px; height: 16px; } .slider-video__btn { right: 16px; bottom: 24px; } .slider-video__btn button { width: 32px; height: 32px; } .pause:after, .play:after { width: 24px; height: 24px; } .txt-slider .logo-slider { margin: 0 auto 22px; max-width: 227px; } body, .page-box { font-size: 14px; } .txt-slider p { margin: 12px 0; } .txt-slider .btn.border { margin: 32px 0 0; } .logo-footer { max-width: 190px; margin: 0 0 24px; } .footer-menu__links { display: block; } .footer-menu__block:not(:first-child) { margin: 42px 0 0; } .footer-slide__menu .swiper-button-next:after, .footer-slide__menu .swiper-button-prev:after, .footer-slide__menu .swiper-button-next:before, .footer-slide__menu .swiper-button-prev:before, .footer-slide__menu .swiper-button-next, .footer-slide__menu .swiper-button-prev { display: none; } .footer-slide__menu { margin: 0 -15px !important; padding: 0 15px !important; width: auto; } .footer-menu__block .footer-menu__link h4 { padding: 13px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 14px; color: var(--white); margin: 0; width: 100%; } .footer-menu__links { width: 100%; } .footer-menu__link h4:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 18px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L9 13L15 7' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L9 13L15 7' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .footer-menu__link ul { display: none; } .footer-menu__block { gap: 42px; } .footer-menu__block h4 { font-size: 14px; margin: 0 0 16px; } .social-block:not(:first-child) { margin: 42px 0 0; } .social-block h4 { display: none; } .footer-menu__link ul li { margin: 0 0 16px; } .footer-menu__block .footer-menu__link h4.active { color: var(--grey); } .footer-menu__block .footer-menu__link h4.active:after { transform: rotate(180deg); } header { margin: 0; padding: 4px 6px; } #menu .popup-header { padding: 4px 6px; width: 100%; box-sizing: border-box; justify-content: space-between; } .popup-content__box:has(.popup-footer) .popup-scroll { padding: 12px 16px 0; } .popup-footer { padding: 16px; } .close { top: 16px; right: 16px; } .popup-header { padding: 16px; } .popup-scroll { padding: 16px; } #menu i { background: var(--title-color); } .close-link { gap: 0; } .popup-header.flex { gap: 10px; } .popup, .popup.left { left: 0; right: 0; min-width: auto; } .menu-block li.parent:after { mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8H13.5' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .menu-block li.parent:hover:after { opacity: 0; } .menu-block li.parent.active:hover:after { opacity: 1; } .video-box { display: none; } .video-box.video-box__phone { display: block; } #content { padding-top: 85px; } #content:last-child { padding-bottom: 40px; } #items-spec, #items-basket h2 { margin: 60px 0; } h1 { font-size: 24px; margin: 0 0 28px; } .delivery-box h2 { margin-bottom: 22px; font-size: 18px; } .delivery-box h3 { margin-bottom: 10px; font-size: 16px; } .delivery-box h3:not(:last-child) { margin-top: 24px; } .delivery-box img { margin: 16px 0 0; } .delivery-box h2:not(:first-child) { margin-top: 40px; } .delivery-time__box { margin: 40px 0 0; padding: 24px; } .delivery-time__box a:not(:last-child) { margin: 0 0 12px; } .delivery-time__box a { font-size: 24px; } .content-box { padding-top: 60px; padding-bottom: 60px; } #menu .fav-phone__link span, #menu .basket-phone__link span { color: var(--white); background: var(--title-color); } .back-link { width: 44px; height: 44px; justify-content: center; } #order { padding-top: 32px; } #order:last-child { padding-bottom: 40px; } #order h1 { font-size: 24px; margin: 0 0 24px; } .order-num__box { font-size: 40px; } .order-txt__box h3 { font-size: 18px; } .order-form { padding: 20px 0 12px; } .order-form .input-box input, .input-box label { font-size: 14px; } .order-form .btn { margin: 24px 0 0; } .order-detail__list, #content .order-detail__list { padding: 20px; } .sticky, #content .sticky { position: relative; top: auto; } .order-detail__list h4, .result-box, .promo-code__btn { font-size: 14px; } .simple-footer.content-box { flex-flow: column; gap: 20px; } .simple-footer .logo-footer { display: block; margin: 0; } .simple-footer .copyright { order: 999; } .error-txt { font-size: var(--font-very-small); } .edit-link span { display: none; } .edit-link i { width: 24px; height: 24px; } .edit-link button { width: 40px; height: 40px; align-items: center; justify-content: center; } .order-form__title-box { padding: 16px 16px 16px 32px; } .form-edit { padding: 20px 32px; } .delivery-chose__list { grid-template-columns: repeat(1, 1fr); } .delivery-chose__item label { padding: 16px 20px; } .delivery-chose__item label h5, .order-page__delivary-box h5 { font-size: 14px; } .delivery-chose__list:not(:last-child) { margin: 0 0 24px; } .order-map__txt-box h3 { font-size: 18px; margin: 0 0 8px; } #map { height: 450px; } .form-box__width .btn { max-width: none; } .popup-map { padding: 16px 0 0 16px; } #pickup-select h3, .tabber-popup, .pickup-popup__box .order-pickup__list-search__box, .popup-map__txt, .pickup-popup__list, .popup-map__filter { padding-right: 16px; } .pickup-popup__btn { left: -16px; padding: 20px 16px; } .popup-map__txt { font-size: 14px; } .popup .order-pickup__list-search__box input[type=text] { padding: 12px 0 14px; } .popup-map__container { height: calc(100% - 90px); } .popup-map__filter #map-pickup { height: calc(100% - 125px); } .map-overflow { left: -16px; right: -16px; } .popup-map__pickup-box { left: -16px; right: -16px; padding: 24px 16px; } .order-pickup__list-box h3 { font-size: 18px; } .input-container.flex { flex-flow: column; gap: 20px; align-items: flex-start; } .house-input { max-width: none; } .select-box__items li { padding: 20px; gap: 12px; } .select-box__items li label, .select-box__items li h4 { font-size: 14px; } .select-box__items li img { margin: 12px 0 0; } .form-box__width.order-form__pay .btn { max-width: none; } .order-form__pay-txt { margin: 24px 0 0; } main .ts-control { padding: 10px 30px 10px 16px; } main .ts-dropdown, main .ts-control, main .ts-control input { font-size: 14px; } main .ts-control:after, main .select-sort__value:after { top: 10px; } main .ts-dropdown-content { max-height: 150px; padding-right: 16px; } .page-bread__box { margin: 0 0 24px; } .page-bread__box .menu-top__block { margin-top: -7px; } .order-list__box-thanks { padding: 0; flex-flow: column; gap: 12px; display: flex; background: none; } .order-top__box-thanks__txt { background: #F0F0F0; padding: 24px 32px; } .thanks-list__box { margin: 0; flex-flow: column; gap: 12px; } .thanks-list__box:not(:first-child) { margin: 0; } .thanks-list__box > div { background: #F0F0F0; padding: 24px 32px; box-sizing: border-box; } .order-list__box-thanks h3 { margin: 0 0 12px; font-size: 18px; } .thanks-list__items { margin: 32px 0 0; } .thanks-list__title { gap: 8px; } .thanks-list__title h3 { font-size: 18px; } .thanks-list__title span { font-size: 14px; } #items-spec h2, #items-basket h2 { font-size: var(--font-small); margin: 0 0 24px; } .items-list__spec { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-row-gap: 24px; } .add-basket { left: 8px; bottom: 8px; } .item-label__box { font-size: 10px; margin: 2px 0 0; } .order-list__box-thanks__txt .btn { margin: 16px 0 0; } .page-box .popup-tab { font-size: 14px; line-height: var(--font-line); } .page-box .popup-tabber { margin: 0 0 24px; } #order:has(.popup-tabber) { padding-top: 8px; } .basket-alert { font-size: var(--font-very-small); } .basket-list__box .basket-price__sale, .basket-list__box .basket-price, .basket-color, main label, .popup label { font-size: var(--font-very-small); } .no-items__title:not(:first-child) { margin-top: 24px; } .no-items__title h4 { font-size: 14px; } .no-items__title { margin-bottom: 20px; } .basket-btn__info { position: absolute; bottom: 0; left: 0; right: 0; } .basket-item__disabled .basket-item__txt { position: relative; padding-bottom: 42px; overflow: hidden; } .basket-item__disabled .basket-selector__list button { font-size: var(--font-very-small); } .basket-item__disabled label { flex-shrink: 0; } .basket-item__disabled .basket-selector { gap: 16px; overflow: hidden; } .basket-selector__slider .swiper-nav { display: flex; } .basket-item__disabled .basket-action__btns { position: absolute; right: 0; top: 0; } .basket-item__disabled .basket-item__left { width: 100%; } .basket-item__disabled .basket-item__left a { width: calc(100% - 68px); } .basket-selector__slider .swiper-button-next { right: 0; width: 18px; background: var(--white); } .basket-selector__slider .swiper-button-prev { left: 0; width: 18px; background: var(--white); } .basket-selector__slider .swiper-button-next:before { content: ''; background: linear-gradient(90deg, rgba(26, 27, 28, 0) 0%, var(--white) 100%); position: absolute; top: 0; bottom: 0; left: -18px; width: 18px; } .basket-selector__slider .swiper-button-prev:before { content: ''; background: linear-gradient(90deg, var(--white) 0%, rgba(26, 27, 28, 0) 100%); position: absolute; top: 0; bottom: 0; right: -18px; width: 18px; } .basket-selector__slider .swiper-button-disabled { opacity: 0; } .basket-selector__slider .swiper-button-next:after { content: ''; display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 16px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3L11.5 8L6.5 13' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3L11.5 8L6.5 13' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .basket-selector__slider .swiper-button-prev:after { content: ''; transform: rotate(180deg); display: block; mask-size: contain; mask-repeat: no-repeat; mask-position: center; flex-shrink: 0; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 18px; height: 16px; background-color: var(--title-color); mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3L11.5 8L6.5 13' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3L11.5 8L6.5 13' stroke='%231A1B1C' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .order-btn__add { margin: 0; gap: 10px; position: fixed; bottom: 0; left: 0; right: 0; background: var(--white); padding: 20px 16px; z-index: 8; border-top: 1px solid var(--light-grey); } .order-basket__price { display: block; font-size: 18px; flex-shrink: 0; } .order-detail__box .btn { max-width: 235px; } #items-basket { margin-top: 60px; } .basket-item__pic { max-width: 66px; } html:not(:has(.main-slider)):has(body.fixed) { padding-right: 0; } .popup-window { top: auto; bottom: 0; left: 0; right: 0; max-width: none; padding: 23px 16px 16px; } .popup-window .close { top: 6px; right: 6px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .size-table button { padding: 10px 16px; } .popup-window h3 { margin: 0 0 16px; } .popup-header h2 { font-size: 18px; } .popup-txt__box { font-size: 14px; } #subscribe-item { margin: 24px 0 0; } .popup input[type=text] { font-size: 14px; } .items-buy__list-box h4 { font-size: 14px; margin: 0 0 16px; } #subscribe-item .legal-box, #subscribe-item .legal-box a { font-size: var(--font-very-small); } .items-buy__list-box { margin: 40px 0 0; } #delete p { font-size: 14px; } #message-box { top: 0; left: 0; right: 0; bottom: auto; padding: 10px 42px 10px 10px; font-size: 14px; line-height: var(--font-line); max-width: none; margin: 0; } .message-close { top: 10px; right: 10px; width: 16px; height: 16px; } .basket-item__left h4 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .empty-basket h2 { font-size: 16px; margin: 0 0 12px; } .empty-basket .btn { margin: 24px auto 0; } .login-img { display: none; } .login-box__right { max-width: none; padding: 84px 16px 32px; overflow: initial; overflow-y: none; } .login-in__box { margin: 0; max-width: none; } .login-page .back-link i { background: var(--title-color); } .login-box h2 { margin: 0 0 12px; } .login-in__box .form-box { margin: 32px 0 0; } .login-in__box .btn { margin: 24px 0 0; } .login-box .legal-box, .login-box .legal-box a { font-size: var(--font-very-small); } .code-box input[type=number] { width: 46px; height: 46px; } .city-list { margin: 32px 0 0; grid-template-columns: repeat(1, 1fr); } .city-list a { font-size: 14px; } #has-filter .header-block { padding: 0 16px; } #filter { padding: 56px 0 0; border: 0; } #catalog { margin-top: 32px; } .filter-header__box { flex-flow: column; gap: 0; justify-content: flex-start; align-items: flex-start; } .cat-btns__box { gap: 0; } .filter-btns__box .cat-btns__box button { width: 45px; height: 44px; } .filter-btns__box { order: -1; width: 100%; } .filter-box .wrapper { padding: 0 16px 0 6px; } .filters-header { margin: 0; } .cat-list__slider:not(:has(.swiper-button-lock)) { padding: 0 16px; } .cat-list__slider { padding: 0 16px; margin: 0 -16px 0 -6px !important; } .cat-list__slider .swiper-nav { display: none; } .filter-cat__box { overflow: inherit; } #catalog h2, #recomend h2, #seo h1, #items-see h2, .fast-links__cat h3 { margin: 0 0 24px; font-size: var(--font-very-small); } .catalog-txt__box h3, .catalog-txt__box { font-size: 10px; } .catalog-txt__box { padding: 24px 16px; } .catalog-txt__box > .flex div:last-child p { margin: 20px 0 0; } .catalog-items__box { grid-row-gap: 24px; } .item-load .item-txt__box a { height: 9px; } .item-load .item-txt__box .item-price__box { max-width: 82px; height: 9px; } .item-load.item-box__big .item-txt__box .item-price__box { max-width: 172px; } #recomend, #seo, #items-see, .fast-links__cat { margin-top: 60px; } .recomend-items__box { grid-row-gap: 24px; grid-column-gap: 1px; } .fast-links__list { grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; } .fast-links__list a { font-size: var(--font-very-small); } .filter-box__header { padding: 0 10px 0 0; border: 0; } .filter-sort__title { font-size: var(--font-very-small); } .filter-sort__box { margin: 6px 0 18px; } .popup .filter-sort__box label { font-size: var(--font-very-small); } .colors-filter .sort-item { width: calc(100% / 2 - 8px); } .filter-sort__box label { padding: 9px 14px; } .filter-sort__box .item-color { width: 16px; height: 16px; } .filter-btns_links-box { flex-flow: row; } .filter-btns_links-box .btn { font-size: var(--font-very-small); padding: 16px; } .btn-reset { order: -1; } .item-list__slider .swiper-slide { max-width: 84px; } #item .item-txt__box { padding: 0 55px 0 0; margin: 0 0 16px; } .item-list__slider { margin: 16px -16px 0 -16px !important; padding: 0 !important; } .item-list__slider .swiper-pagination { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 2px; background: var(--light-grey); } .item-list__slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--grey); } .item-art__box { margin: 22px 0 0; justify-content: flex-start; gap: 12px; text-transform: uppercase; font-size: var(--font-very-small); } .item-art__box-first { margin: 0; } .item-color__txt:not(:last-child) { padding-right: 12px; border-right: 1px solid var(--title-color); color: var(--title-color); } .item-art { color: var(--grey); } .item-colors__list { justify-content: flex-start; margin: 16px 0 0; } .item-colors__list button { padding: 6px 0; border: 0; background: none; } .item-colors__list button.selected { border-bottom: 1px solid var(--title-color); } .item-size__select-box { margin: 22px -16px 0; padding: 32px 16px 0; border-top: 1px solid var(--title-color); } .item-size__select-box h4 { margin: 0 0 16px; font-size: var(--font-very-small); text-transform: uppercase; } .item-size__select-box button { padding: 6px 0; border: 0; } .item-size__select-box .size-table { row-gap: 10px; column-gap: 30px; } .item-txt__model { margin: 32px 0 0; color: var(--grey); font-size: 14px; } .items-tables__box { margin: 32px 0 0; gap: 8px; } .items-tables__box button { padding: 14px 8px; } .items-tables__box div { width: 100%; } .items-tables__box .fav-btn { max-width: 48px; flex-shrink: 0; } .catalog-items__box.col-6 { grid-template-columns: repeat(2, 1fr); } #tags .wrapper { margin: 0; padding: 0; } .tags-list__box .swiper { padding: 0 16px 0 10px; } .tag-item, .tags-delete { padding: 10px 14px; } .filters-header .tags-list__box { padding: 10px 0; } .phone-buy { display: block; } #has-filter { padding: 4px 6px; } #has-filter .header-block { padding: 0; } #item-page { margin-top: 56px; } .catalog-item__txt-box .item-label__box { font-size: 10px; margin: 0 0 4px; } .catalog-item__txt-box h1 { font-size: 16px; margin: 0 0 4px; } .catalog-item__txt-box .item-price__box, .catalog-item__txt-box .basket-price__sale { font-size: 14px; } .phone-buy__btn-box { margin: 0 -16px 32px; border-top: 1px solid var(--title-color); border-bottom: 1px solid var(--title-color); } .phone-buy, .phone-buy:hover { padding: 16px; background: none; color: var(--title-color); font-size: var(--font-very-small); line-height: var(--font-line); width: 100%; border-right: 1px solid var(--title-color); } .catalog-item__txt-box .item-colors__list { margin: 0; padding: 0 16px; } .catalog-item__desc { margin: 0 0 24px; } .catalog-item__txt-box .item-size__select-box, .catalog-item__txt-box .item-txt__model, .catalog-item__btn-buy, .catalog-item__btn-size { display: none; } .catalog-item__txt-box .basket-delivery__txt { margin: 32px 0 0; padding: 16px 0 0; border-top: 1px solid var(--light-grey); } .catalog-item__btns-list { margin: 16px 0 0; padding: 32px 0 0; } .catalog-item__title { margin: 0 0 16px; } .catalog-item__img { height: calc(100dvh - 222px); flex-shrink: 0; overflow: hidden; align-self: flex-start; } #item-page .catalog-item__content { align-items: flex-start; height: 100%; } .catalog-item__btns-list button { font-size: var(--font-very-small); } .catalog-item__btns-list .arrow-right { width: 16px; height: 16px; } #items-see:last-child, #seo:last-child, #recomend:last-child { margin-bottom: 60px; } .item-model { font-size: 10px; } .item-colors__list .hide { display: none; } .popup-tab, .table-sizes__info-list > div h4 { font-size: 14px; } .shops-select__txt { font-size: var(--font-very-small); } .popup .shops-select__city-box .ts-control, .popup .shops-select__city-box .ts-dropdown-content { font-size: 14px; } .popup .shops-select__city-box .select-item .ts-control:after, .popup .shops-select__city-box .select-item .select-sort__value:after { top: 12px; width: 16px; height: 16px; } .popup .shops-select__city-box .ts-control, .popup .shops-select__city-box .ts-dropdown-content { padding: 10px 28px 10px 14px; } .shops-select__item-link { font-size: 0; color: var(--white); } .shops-select__item-link, .shops-select__item-link a { height: 20px; width: 20px; display: block; position: relative; } .care-table__item h4 { font-size: 14px; } .care-table__item .order-page__delivary-box, .care-table__item .order-page__delivary-box h5, .care-table__item .flex, #table-delivery .location-box span { font-size: var(--font-very-small); } #table-delivery .location-box { font-size: var(--font-very-small); margin: 0 0 32px; } .shops-select__item-link:after { content: ''; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.22471 9.75133C7.87302 11.0767 8.94739 12.1462 10.2758 12.7885C10.3729 12.8346 10.4804 12.8545 10.5877 12.8464C10.6949 12.8383 10.7982 12.8024 10.8874 12.7422L12.8433 11.438C12.9298 11.3803 13.0293 11.3451 13.1328 11.3356C13.2364 11.3261 13.3407 11.3426 13.4362 11.3835L17.0954 12.9517C17.2197 13.0045 17.3234 13.0963 17.3911 13.2132C17.4587 13.3301 17.4865 13.4658 17.4702 13.5999C17.3546 14.5049 16.913 15.3367 16.2282 15.9396C15.5434 16.5425 14.6624 16.8751 13.75 16.8751C10.9321 16.8751 8.22956 15.7557 6.23699 13.7631C4.24442 11.7706 3.125 9.06806 3.125 6.25014C3.12505 5.33777 3.45765 4.45671 4.06053 3.77192C4.66341 3.08712 5.49523 2.64556 6.40023 2.5299C6.53431 2.51368 6.67002 2.54146 6.78693 2.60908C6.90384 2.67669 6.99561 2.78046 7.04841 2.90476L8.61798 6.5671C8.65858 6.66183 8.67512 6.76513 8.66614 6.8678C8.65715 6.97047 8.62291 7.06932 8.56647 7.15556L7.26676 9.14147C7.2076 9.23081 7.17263 9.33396 7.16526 9.44085C7.15789 9.54775 7.17837 9.65472 7.22471 9.75133V9.75133Z' stroke='%231A1B1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; width: 20px; height: 20px; position: absolute; top: 0; } body .f-button { top: 6px; right: 16px; padding: 7px 0; } body .f-carousel__dots { left: 16px; top: 8px; } body .f-carousel__dots button, body .f-carousel__dots button:hover { padding: 7px 0; } body .fancybox__nav { display: none; } body .is-idle .fancybox__toolbar { animation: none; } .popup .shops-select__city-box .ts-dropdown-content { padding: 0; } .popup .shops-select__city-box .ts-dropdown .option:after { right: 14px; } #item, #item2 { padding-top: 16px; } .catalog-item__txt-box .fav-btn { margin-top: 18px; } #tooltip { display: none !important; } body > .ts-dropdown { left: 0 !important; right: 0 !important; bottom: 0 !important; position: fixed; top: auto !important; width: auto !important; margin: 0; border-radius: 0; padding: 0; background: none; box-shadow: none; pointer-events: none; display: block !important; } body > .ts-dropdown.active, .catalog-item__review-filter__list.active .select-sort__box, body > .ts-dropdown.active .select-overlay, .catalog-item__review-filter__list.active .select-sort__box .select-overlay { pointer-events: all; } body > .ts-dropdown .ts-dropdown-content { transform: translateY(100%); } body > .ts-dropdown .ts-dropdown-content { padding: 23px 16px 16px; background: #FFFFFF; border-radius: 0px; position: relative; z-index: 2; } body > .ts-dropdown.active .ts-dropdown-content { transform: translateY(0); } .close-select { position: absolute; width: 40px; height: 40px; top: 6px; right: 6px; opacity: 0; z-index: 4; pointer-events: all; visibility: hidden; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L16 16M4 16L16 4' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; } body > .ts-dropdown.active .close-select, body > .ts-dropdown.active .select-overlay { opacity: 1; visibility: visible; } body > .ts-dropdown .optgroup > .optgroup-header { margin: 0 0 16px; display: block; font-size: 18px; text-transform: uppercase; line-height: 130%; letter-spacing: 0.04em; font-family: var(--font-title); font-weight: var(--font-weight); } body > .ts-dropdown .optgroup-list { display: flex; align-items: normal; flex-wrap: wrap; gap: 8px; } body > .ts-dropdown .optgroup-list .option { padding: 10px 16px; border: 1px solid var(--title-color); margin: 0; line-height: normal; } body > .ts-dropdown .selected:after, body > .ts-dropdown .option:after { display: none !important; } body > .ts-dropdown .optgroup-list .option[aria-disabled=true] { border-color: var(--grey); color: var(--grey); padding: 0; border: 0; } body > .ts-dropdown .optgroup-list .option[aria-disabled=true] button { border: 1px solid var(--grey); color: var(--grey); padding: 10px 16px; background: none; display: flex; align-items: center; line-height: normal; font-size: 14px; font-family: var(--font-family); } body > .ts-dropdown { z-index: 10; } .read-also__head { margin-bottom: 24px; } .contacts__heading { margin-bottom: 28px; } .contacts__item { gap: 14px; } .contacts__item:not(:last-child) { padding-bottom: 28px; margin-bottom: 28px; } .contacts__item-title { font-size: 18px; } .contacts__item-description { font-size: 14px; } .contacts__item-description.contacts-whatsapp img { width: 20px; height: 20px; } .contacts__watch { font-size: var(--font-very-small); } .contacts__watch-arrow { width: 16px; height: 16px; } } @media screen and (max-width: 576px) { /*Возврат*/ .vozvrat-title>h2 { font-size: 24px; margin-bottom: 24px; } .vozvrat-item__title>h2 { font-size: 18px; margin-bottom: 22px; } .vozvrat-sub-item__title { font-size: 16px; margin-bottom: 12px; } .vozvrat-item__text>div { gap: 4px; } .vozvrat-item__text { gap: 10px; } .vozvrat-item>.vozvrat-sub-item:not(.vozvrat-item > .vozvrat-sub-item:last-child) { margin-bottom: 20px; } .vozvrat-item__text ul li { margin-bottom: 2px; } .vozvrat-content { gap: 40px; } .vozvrat-item__message { align-items: flex-start; } .vozvrat-item__text p { font-size: 14px; } .vozvrat-message-color .vozvrat-item__message p { color: var(--font-color-new); } .contact-information { padding: 24px; margin: 40px 0; } .contact-information p { font-size: 14px; } .contact-information h2 { margin: 8px 0 12px 0; } #section-vozvrat { margin-top: 84px; } .vozvrat-item__address>div { gap: 2px; } /*Возврат*/ /*Таблица размеров*/ .section-table-sizes .table-sizes__info-img { max-width: 94px; } #section-table-sizes { margin-top: 84px; } .section-title.table-sizes-title { margin-bottom: 28px; } .section-table-sizes .care-txt__container, .section-table-sizes .table-sub__txt, .section-table-sizes .table-sizes__info-list>div p, .section-table-sizes .popup table th, .section-table-sizes .popup table td { font-size: 14px; } .section-table-sizes .popup table th { padding: 12px 8px 12px 16px; } .section-table-sizes .popup table td { padding: 18px 8px 18px 16px; } .section-table-sizes .table-sizes__info-list>div h4 { margin-bottom: 12px; } .section-table-sizes .popup { margin-bottom: 60px; } .table-sizes__mobile { display: block; } .table-sizes__desk { display: none; } .section-table-sizes .table-sizes__info-list>div h4 { font-size: 18px; } .table-sizes__mobile { margin-top: 48px; margin-bottom: 32px; } .table-sizes__mobile h4 { font-family: var(--font-title); font-size: 18px; font-weight: var(--font-weight); line-height: 130%; margin: 0; } .table-sizes__mobile p { color: rgb(67, 67, 67); font-size: 14px; font-weight: var(--font-weight); line-height: var(--font-line); letter-spacing: 0; margin: 0; } .section-table-sizes .table-sizes__info { margin-top: 0; } /*Таблица размеров*/ .inf-recvisits__items > div { gap: 4px; flex-flow: column; align-items: flex-start; } .inf-recvisits__title { margin-bottom: 12.5px; } .inf-recvisits__items p, .inf-recvisits__items span { font-size: 14px; } .privacy-email { font-size: 14px; margin: 20px 0 40px 0; } .ofeta-email { font-size: 14px; margin: 20px 0 40px 0; } .section-title.faq-title, .section-title.myaccount-title { margin: 84px 0 28px 0; } .section-title.faq-title h2, .section-title.myaccount-title h2 { font-size: 24px; } .answer-items { margin-bottom: 60px; } .faq-item h2 { font-size: 14px; } .answer-item .answer-item__content p, .answer-item .answer-item__content li { font-size: 14px; } .answer-item__content { padding-top: 12px; } .answer-item { padding: 12px 0; } .answer-item .answer-item__content p { margin-top: 6px; } .answer-title__back > p { display: none; } .aboutCompany-main-image img { width: 100%; } .aboutCompany-welcome, .aboutCompany-ourValues, .aboutCompany-historyBrand{ padding: 60px 0; } .aboutCompany-welcome{ padding-left: 16px; padding-right: 16px; } .aboutCompany-quality, .aboutCompany-ourShop, .aboutCompany-readmMore{ padding: 60px 16px; } .aboutCompany-welcome{ font-size: 14px; } .aboutCompany-ourValues__item, .aboutCompany-ourValues__title, .aboutCompany-historyBrand__title{ padding: 0 16px; } .aboutCompany-ourValues__title p, .aboutCompany-historyBrand__title p, .aboutCompany-quality__title p, .aboutCompany-ourShop__title p{ font-size: 14px; margin-bottom: 24px; } .aboutCompany-ourValues__item-wrapper{ border: none; } .aboutCompany-ourValues__items { display: flex; flex-flow: column; gap: 24px; } .aboutCompany-historyBrand__item-wrapper:first-child .aboutCompany-historyBrand__years-item{ padding: 0 16px 20px 16px; } .aboutCompany-historyBrand__years-item{ padding: 20px 16px; } .aboutCompany-historyBrand__item-wrapper:last-child .aboutCompany-historyBrand__years-item{ padding: 20px 16px 0 16px; } .aboutCompany-ourValues__title h2, .aboutCompany-historyBrand__title h2, .aboutCompany-quality__title h2, .aboutCompany-ourShop__title h2, .aboutCompany-readmMore__title h2{ margin-bottom: 12px; } .aboutCompany-ourValues__content { gap: 6px; } .aboutCompany-historyBrand__years-number{ font-size: 32px; } .sevenBlock{ font-size: 14px; margin-top: 16px; } .aboutCompany-quality > .aboutCompany-image, .aboutCompany-ourShop > .aboutCompany-image{ gap: 6px; } .aboutCompany-quality > .aboutCompany-image img{ max-width: 100%; } .aboutCompany-ourShop__descr{ margin-bottom: 0; } .aboutCompany-luisaWang__title{ margin-bottom: 32px; padding: 0 16px; } .aboutCompany-luisaWang__title h2{ margin-bottom: 16px; } .aboutCompany-luisaWang__title p{ margin-bottom: 8px; } .aboutCompany-readmMore__title h2{ margin-bottom: 0; } .aboutCompany-readmMore__title{ margin-bottom: 24px; } .aboutCompany-readmMore-items__image{ width: 320px; } .aboutCompany-readmMore-items{ gap: 8px; } .contacts__item-description.contacts-br br { display: none; } } @media screen and (max-width: 440px) { .image-404 > picture { margin: 84px auto 41px auto; } .title-404 { font-size: 18px; } .description-404 { font-size: 14px; margin: 12px auto 0 auto; padding: 0 10px; } .button-404 { margin-top: 24px; gap: 8px; } .button-404 a { font-size: var(--font-very-small); } .error-404 #items-see { display: none; } } /* End */ /* Start:/local/templates/luisawang/template_styles.css?174858833619643*/ .bottom-margin { margin-bottom: 24px; } ._loading { color: transparent; background-repeat: no-repeat; background-position: top; background-size: 22px auto; background-image: url('/local/templates/luisawang/img/spinner.webp'); } #basket .popup-content__box { position: relative; } #basket .popup-content__box._loading { background-position: center; color: unset; } #basket .popup-content__box._loading::after { content: ''; position: absolute; display: block; width: 100%; z-index: 1; height: 100%; background: rgb(0 0 0 / 17%); } .filter-sort__box .sort-item.disabled label { background: #efeded; } .filter-sort__box .sort-item.disabled label:hover { border: 1px solid var(--light-grey); } .tags-list__box .swiper-wrapper { align-items: center; } #item-page { margin-bottom: 90px; } .footer-menu__block .social-links { justify-content: flex-start; } .catalog-items__box .item-txt__box > * { height: 17px; } .slider-img-background { width: 100%; height: 100%; background: #fff; } .main-slider .swiper-slide .txt-slider { color: #000; } .hidden-desktop { display: none; } .hidden-mobile { display: block; } .hidden-desktop-mobile { display: none; } .hidden-mobile-mobile { display: block; } .catalog-item__txt-box .item-colors__list { height: 33px; } .form_personal { margin-bottom: 20px; } /* .catalog-item__txt-box { top: 0; } */ #menu.popup.left { left: 80px; min-width: 300px; max-width: 350px; } #menu .popup-header { padding: 24px 28px 0; justify-content: center; } #menu .menu-logo { max-width: 294px; } #menu .menu-logo img { width: 100%; } #menu .top-links__block { display: none; } .delete-icon-white { width: 16px; height: 16px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1998 4.80078L4.7998 19.2008' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M19.1998 19.2008L4.7998 4.80078' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1998 4.80078L4.7998 19.2008' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M19.1998 19.2008L4.7998 4.80078' stroke='%231A1B1C' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .menu-icon-polos { width: 16px; height: 16px; background-color: var(--white); mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4H2V3H14V4Z' fill='black'%3E%3C/path%3E%3Cpath d='M14 13H2V12H14V13Z' fill='black'%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4H2V3H14V4Z' fill='black'%3E%3C/path%3E%3Cpath d='M14 13H2V12H14V13Z' fill='black'%3E%3C/path%3E%3C/svg%3E"); } .menu-top .icon { -webkit-transition: none; transition: none; } .popup-header-wrapp { width: 100%; } .popup-header-wrapp .close-link { display: none; } .menu-block li a { font-size: var(--font-very-small); padding: 11px 0 9px; } #retailcrm-consultant-app.retail_loaded { z-index: 8; } #retailcrm-consultant-app.retail_loaded .consultant-widget-wrap, #retailcrm-consultant-app.retail_loaded .consultant-icon { width: 34px; height: 34px; } #retailcrm-consultant-app.retail_loaded .consultant-app svg { width: 16px; height: 16px; } #retailcrm-consultant-app.retail_loaded .consultant-icon__img { max-width: 24px; max-height: 24px; } #retailcrm-consultant-app.retail_loaded .consultant-icon_opened, #retailcrm-consultant-app.retail_loaded .consultant-icon_opened .consultant-icon__close { transform: none; } footer .logo-footer { margin: 0; flex: 1 0 50%; width: 50%; } .content-box-left { flex: 1 0 50%; width: 50%; } .ajax__filter #tags { position: absolute; width: 100%; top: 0; } .ajax__filter { position: relative; } .footer-menu__block:not(:first-child) { margin-top: 80px; } .footer-subscribe__block { max-width: 100%; margin-bottom: 80px; } .main-slider a, footer a, .footer-menu__block h4, .legal-box, .copyright, .footer-menu__link ul li a, .footer-menu__link ul li, .footer-subscribe__block input[type=text] { font-size: var(--font-very-small); line-height: 10px; } .social-block:not(:first-child) { margin: 0; } .footer-subscribe__block { align-items: flex-start; } .legal-box { line-height: 16px; } .footer-menu__link ul li:not(:last-child) { margin: 0 0 16px; } .footer-subscribe__block .subscribe-block { max-width: 50%; } .item-txt__box { padding: 0 8px; } .item-txt__box a { font-size: 11px; } #filter-popup .popup-header h2 { opacity: 0; visibility: hidden; } #filter-popup .popup-scroll { max-width: 490px; } #filter-popup .popup-content__box { align-items: center; } #filter-popup .delete-icon { width: 16px; height: 16px; } .catalog-item__txt-box h1, .item-price__box>div, .catalog-item__desc, .popup-header h2, .basket-item__left h4, .basket-color, .fav-size, #add-item .popup-scroll .btn, .care-txt__container, .popup-tabber, .popup, .table-sizes__info-list>div h4, .table-sub__txt, h4, .care-table__item .order-page__delivary-box, .care-table__item .order-page__delivary-box h5, #table-delivery .location-box, .care-table__item .flex, .read-more, .care-table__item p { font-size: var(--font-very-small); line-height: 1.5; } .catalog-item__txt-box .item-color__txt:not(:last-child), .catalog-item__txt-box .item-art__box .item-art, .catalog-item__txt .size-table button, .catalog-item__btn-size button, .catalog-item__btns-list button, .catalog-item__btn-buy .btn { font-size: 11px; line-height: 1.5; } .catalog-item__btn-buy .btn, #add-item .popup-scroll .btn { padding: 12px; } .catalog-item__txt-box .item-art__box, .item-size__select-box .size-table, .phone-buy__btn-box { justify-content: center; } /* .catalog-item__btn-buy .btn { text-transform: none; } */ .basket-selector .plus { width: 20px; height: 20px; } .catalog-item__title .fav-btn button { width: 16px; height: 16px; } .catalog-item__txt-box .item-color__txt:not(:last-child) { text-transform: none; } .catalog-item__txt-box .item-art__box .item-art { text-transform: lowercase; } body .f-carousel__dots .is-current button { border: 0; position: relative; } body .f-carousel__dots .is-current button::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%); width: 4px; height: 4px; background-color: #0a0b09; } #add-item.popup { min-width: 300px; max-width: 425px; } footer .content-box { flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 100px; } footer .content-box .copyright { width: 100%; } .catalog-item__logo { display: flex; margin: 0 auto; justify-content: center; position: sticky; top: 0; height: 100vh; } .catalog-item__img-list .swiper-slide img { /* height: 100%; */ object-fit: cover; position: absolute; width: 100%; } .catalog-item__img>div { width: 100%; /* height: 100%; */ } /* .catalog-item__img-list { overflow: scroll; height: 100vh; margin: 0; } */ .catalog-item__logo img { max-width: 180px; } .catalog-item__img { display: grid; grid-template-columns: 1fr 2fr; /* display: flex; align-items: center; justify-items: flex-end; */ /* height: 100vh; position: sticky; top: 0; */ } .catalog-item__content { gap: 0; display: grid; grid-template-columns: 1.5fr 1fr; } #filter .filter-header__box { gap: 170px; } /* #catalog.catalog-box h2 { text-transform: none; } */ #items-see:last-child, #seo:last-child, #recomend:last-child, #recomend, #seo, #items-see, .fast-links__cat { margin: 60px 0; } .order__check { margin: 148px 0 160px 0; } .order__check_wrapper { padding-inline: 16px; max-width: 1140px; margin: 0 auto; } .order__check_heading { text-align: center; margin: 0; font-size: 16px; } .order__check_flex { align-items: flex-end; width: 100%; } #order_info_form .error-txt { position: absolute; } .order__check_flex .input-box { width: 100%; margin: 0; } .order__check_load { margin: 40px 0 80px; } .order__check_form { width: 100%; } .order__check_load>* { max-width: 645px; width: 100%; } .order__check_load { display: flex; align-items: center; justify-content: center; flex-direction: column; } .order__check_flex .btn { width: 100%; max-width: 250px; } .order__check_text p { max-width: 643px; margin: 0; } .order__check_text { display: flex; justify-content: center; text-align: center; line-height: 140%; font-size: var(--font-very-small); } .order__check_text a { text-decoration: underline; } .order_load-info._loading { width: 100%; height: 22px; margin-top: 40px; } .order__info_left h2 { font-size: 14px; } .delivery__last div { margin: 0; padding: 8px 26px 8px 56px; background: #F5F5F5; } .delivery__last div.complete:before { background: url('/local/templates/luisawang/./img/icon/order-received.svg') no-repeat center center; } .delivery__last div.return-expected:before { background: url('/local/templates/luisawang/./img/icon/return-expected.svg') no-repeat center center; } .delivery__last div.delivery-ready:before { background: url('/local/templates/luisawang/./img/icon/delivery-ready.svg') no-repeat center center; } .delivery__last div.delivery-pending:before { background: url('/local/templates/luisawang/./img/icon/delivery-pending.svg') no-repeat center center; } .delivery__last div.delivery-ready-pick-up:before { background: url('/local/templates/luisawang/./img/icon/delivery-ready-pick-up.svg') no-repeat center center; } .delivery__last div:before { content: ""; position: absolute; display: block; width: 24px; height: 24px; top: 14.5px; left: 16px; } .delivery__last:after { content: ""; position: absolute; display: block; width: 87px; height: 1px; bottom: 8px; left: -15px; border-bottom: 1px dashed #A2A2A2; transform: rotate(90deg); } .delivery__active div:after { content: ""; position: absolute; display: block; width: 8px; height: 8px; top: 5px; left: 24px; border-radius: 50%; background: var(--link-color); } .delivery__history div:before { content: ""; position: absolute; display: block; width: 24px; height: 24px; border-radius: 50%; top: 0; left: 16px; background: #BABABA url('/local/templates/luisawang/./img/icon/arrow-white.svg') no-repeat center center; } .delivery__history:after { content: ""; position: absolute; display: block; width: 71px; height: 1px; top: -15px; left: -7px; border-bottom: 1px solid #D5D5D5; transform: rotate(90deg); } .order__info { margin-top: 40px; } .order__info_left-list p { margin: 0; color: #747474; font-size: var(--font-very-small); display: inline-block; height: 20px; } .order__info_left-list h4 { margin: 0; text-transform: uppercase; display: inline-block; } .order__info_left-list ul { display: flex; flex-direction: column; gap: 24px; } .order__info_left-list li { position: relative; } .order__info_left-list li div { display: flex; flex-direction: column; width: max-content; position: relative; padding-left: 48px; z-index: 2; } .order__info_left h2 { margin-bottom: 16px; } .order__info_right>div{ display: flex; justify-content: flex-end; } .order__info_right_more a { display: flex; align-items: center; gap: 6px; font-size: var(--font-very-small); } .order__info_right_more a img { height: 10px; } .order__info_right .vozvrat-item__message { align-items: flex-start; } .order__info_right .vozvrat-item__message p { margin: 0; font-size: var(--font-very-small); line-height: 1.5; } .order__info_right_more { margin-bottom: 16px; } .personal__wrapper { max-width: 1054px; margin: 0 auto; padding-inline: 16px; } .personal__account { margin-top: 140px; margin-bottom: 160px; } .personal__list { display: flex; gap: 67px; } .personal__menu { max-width: 280px; width: 100%; } .personal__menu_bonus { border: 1px solid #D5D5D5; display: flex; align-items: center; gap: 10px; padding: 16px 24px; } .personal__menu_bonus span { font-size: var(--font-very-small); } .personal__information_head h1 { text-align: left; margin: 0 0 8px; font-size: 16px; } .personal__information_head span { color: #747474; font-size: var(--font-very-small); } .personal__information_head { margin-bottom: 32px; } .personal__information_form .input-box { width: 100%; } .personal__information_form .input-box input { max-width: 240px; display: block; } .personal__information_form .input-box:not(:last-child) { margin: 0 0 20px; } .personal__information_form .flex .input-box { margin: 0; max-width: 240px; } .personal__information { width: 100%; } .personal__information_form .flex { justify-content: flex-start; margin-bottom: 20px; align-items: flex-start; } .personal__information_form .btns { margin-top: 32px; margin-bottom: 0; display: none; } .switch { display: flex; align-items: center; gap: 12px; cursor: pointer; font-size: var(--font-very-small); color: var(--font-color); margin: 28px 0 0 0; } .switch .jq-checkbox { display: none; } .slider-input { position: relative; width: 38px; height: 22px; background-color: #D5D5D5; border-radius: 24px; transition: background-color 0.3s; } .slider-input::before { content: ""; position: absolute; height: 18px; width: 18px; left: 2px; top: 2px; background-color: white; border-radius: 50%; transition: transform 0.3s; } .switch .checked+.slider-input { background-color: var(--link-color); } .switch .checked+.slider-input::before { transform: translateX(16px); } .label-text { user-select: none; color: var(--font-color); } .personal__information_form .birthday-input span { margin-top: 4px; color: #A2A2A2; font-size: var(--font-very-small); } .js-edit-phone { margin-top: 6px; color: var(--link-color); font-size: var(--font-very-small); cursor: pointer; } .personal__information_form .error-txt { font-size: var(--font-very-small); } .personal__information_form .input-box input[disabled] { color: var(--grey); } #change-phone .popup-txt__box { margin-bottom: 32px; } #change-phone .popup-header { padding: 45px 40px 20px 0; } #change-phone .login-code { padding-top: 45px; } .timer .login-time { display: none; } .timer._active .js-send-another-sms { display: none; } .timer._active .login-time { display: block; } .login-timer__btn { cursor: pointer; } .code-box .pinlogin { display: flex; } .code-box .pinlogin input:hover { border-color: var(--grey); } .code-box .pinlogin input { -moz-transition: var(--animation); -webkit-transition: var(--animation); transition: var(--animation); } .input-box.error .pinlogin input { border: 1px solid var(--error); } @media screen and (max-width: 1700px) { .catalog-item__logo { display: none; } .catalog-item__img { grid-template-columns: 1fr; } .catalog-item__content { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1279px) { #menu .close { width: 36px; height: 36px; } .search-icon, .basket-icon, .fav-icon { width: 16px; height: 16px; } footer .content-box { gap: 0 100px; } .content-box { padding-top: 90px; padding-bottom: 30px; } } @media screen and (max-width: 1100px) { .footer-subscribe__block { justify-content: space-between; gap: 20px; } } @media screen and (max-width: 1080px) { #basket-popup .popup-footer .basket-link { width: 80px; justify-content: flex-start; } } @media screen and (max-width: 856px) { footer .content-box { gap: 30px; } .content-box { min-height: auto; } .footer-subscribe__block { flex-direction: column; gap: 50px; } .footer-menu__block:not(:first-child), .footer-subscribe__block { margin-top: 40px; } .footer-subscribe__block { margin-bottom: 40px; } .copyright { margin: 0; } footer .content-box .copyright { line-height: 20px; } .footer-subscribe__block .subscribe-block { max-width: 100%; width: 100%; } .content-box-left, footer .logo-footer { flex: 1 0 100%; width: 100%; } } @media screen and (max-width: 800px) { .hidden-desktop { display: block; } .hidden-mobile { display: none; } } @media screen and (max-width: 736px) { #change-phone .popup-header { padding: 20px 40px 20px 0; } .item-img__box { height: calc(100% - 64px); } #change-phone .login-code { padding-top: 20px; } #catalog .add-basket { width: 13px; height: 13px; } #catalog .add-basket .plus { width: 8px; height: 8px; } #catalog { padding-top: 0; } #filter .filter-header__box { gap: 0; } #filter-popup { max-width: 100%; } .catalog-item__img { display: block; height: 100%; position: static; overflow: auto; width: 100%; justify-items: stretch; } .catalog-item__img-list { overflow: unset; } #menu i.delete-icon-white { width: 12px; height: 12px; } .popup-header-wrapp .close-link { display: flex; } .catalog-item__txt-box .item-colors__list { height: auto; } .popup-header-wrapp { width: auto; } #menu .popup-header { padding: 4px 6px; } #menu.popup.left { left: 0; max-width: 100%; } #menu .popup-header { justify-content: space-between; } #menu .menu-logo img { width: auto; height: 20px; margin-top: 4px; } footer .logo-footer img { height: 28px; } #menu .top-links__block { display: flex; } .catalog-item__content { grid-template-columns: 1fr; } .catalog-item__img>div:last-child { height: calc(100dvh - 222px); flex-shrink: 0; overflow: hidden; align-self: flex-start; } #item .items-tables__box .fav-btn button, #item2 .items-tables__box .fav-btn button { padding: 11px 8px; } } @media screen and (max-width: 576px) { .personal__account { margin-top: 76px; margin-bottom: 60px; } .personal__information_form .flex:first-child { flex-direction: column; } .personal__information_form .input-box input, .personal__information_form .flex .input-box { max-width: 100%; } .personal__information_form .btn { font-size: 12px; padding: 13px 0; width: 100%; } .personal__information_form .btns { gap: 8px; } .order__check { margin: 76px 0 60px 0; } .order__check_flex { flex-direction: column; gap: 24px; } .order__check_flex .btn { max-width: 100%; } .order__check_load { margin: 24px 0 32px; } #order_info .error-txt { position: unset; } .hidden-desktop-mobile { display: block !important; } .hidden-mobile-mobile { display: none !important; } .order__info_left h2 a, .order__info_left h2 img { height: 12px; } .order__info_left h2 { display: flex; justify-content: space-between; align-items: center; } .order__info.col-2 { grid-template-columns: repeat(1, 1fr); } .order__info_left-list li div { width: 100%; } .order__info { margin-top: 32px; } .order_load-info._loading { margin-top: 32px; } #basket-popup .ts-control { min-width: auto; } #basket-popup .basket-selectors { gap: 8px; } #basket-popup .basket-item__txt { gap: 8px; } #basket-popup .jq-number__spin { width: 14px; } #basket-popup .jq-number__spin.plus, .jq-number__spin.minus:after { mask-position: center; mask-repeat: no-repeat; mask-size: contain; width: 14px; } } /* End */ /* /local/templates/luisawang/css/swiper-bundle.min.css?174291188618450 */ /* /local/templates/luisawang/css/jquery.formstyler.css?17429118868207 */ /* /local/templates/luisawang/css/fancybox.css?174291188625343 */ /* /local/templates/luisawang/css/map.css?174540933916844 */ /* /local/templates/luisawang/style.css?1746607402202106 */ /* /local/templates/luisawang/css/mobile.css?174487425857648 */ /* /local/templates/luisawang/template_styles.css?174858833619643 */