/* Start:/local/templates/chinafairytale/fonts/onest/font-face.css?17581545331045*/ /* https://onest.md/ */ @font-face { font-family: 'Onest'; src: url('/local/templates/chinafairytale/fonts/onest/./TTF/Onest-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Onest'; src: url('/local/templates/chinafairytale/fonts/onest/./TTF/Onest-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Onest'; src: url('/local/templates/chinafairytale/fonts/onest/./TTF/Onest-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Onest'; src: url('/local/templates/chinafairytale/fonts/onest/./TTF/Onest-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Onest'; src: url('/local/templates/chinafairytale/fonts/onest/./TTF/Onest-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Onest'; src: url('/local/templates/chinafairytale/fonts/onest/./TTF/Onest-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/chinafairytale/css/swiper-bundle.min.css?175815453318448*/ /** * Swiper 11.0.7 * 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: February 27, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/chinafairytale/css/fancybox.css?175815453325343*/ :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/chinafairytale/css/style.css?1760517257271337*/ @charset "UTF-8"; :root { --primary: #292D32; --white: #fff; --light: #E7E7E7; --light2: #F9F9F9; --light3: #FAFAFA; --pink: rgb(241, 73, 145); --dark: #3A3A3B; --blue: #2aabee; --gray1: rgba(41, 45, 50, 0.7); --gray2: #D9D9D9; --gray3: #B0B0B0; --green: #1BC339; --red: #EC2E32; --light-red: #F9E6E6; } /*Обнуление*/ * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a { color: inherit; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { height: 100%; min-width: 320px; } body { line-height: 1; font-size: 10px; font-family: "Onest", sans-serif; color: var(--primary); -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: "Onest", sans-serif; } input::-ms-clear { display: none; } button { cursor: pointer; background-color: transparent; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul, li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /*--------------------*/ html { scroll-behavior: smooth; } body { background: var(--white); scrollbar-gutter: stable; } body.lock { overflow: hidden; -ms-touch-action: none; touch-action: none; } @media (max-width: 1615px) { body { font-size: 9px; } } @media (max-width: 1436.98px) { body { font-size: 8.2px; } } @media (max-width: 1279.98px) { body { font-size: 7px; } } @media (max-width: 991.98px) { body { font-size: 8px; } } .wrapper { min-height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper>main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .wrapper.banner { /*header { padding-top: 4em; @media (max-width:$mobile) { padding-top: 6em; } } .page { margin-top: 3em;; @media (max-width:$mobile) { margin-top: 6em; } }*/ } .wrapper.banner .page__main { margin-top: 18em; } @media (max-width: 991.98px) { .wrapper.banner .page__main { margin-top: 16em; } } @media (max-width: 767.98px) { .wrapper.banner .page__main { margin-top: 19em; } } .wrapper.banner .page__profile { margin-top: 18em; } @media (max-width: 991.98px) { .wrapper.banner .page__profile { margin-top: 16em; } } .container { margin: 0 auto; padding: 0 15px; max-width: 1600px; -webkit-box-sizing: content-box; box-sizing: content-box; } @media (max-width: 1650px) { .container { max-width: 1400px; } } @media (max-width: 1550px) { .container { max-width: 1300px; } } @media (max-width: 1450px) { .container { max-width: 1200px; } } @media (max-width: 1350px) { .container { max-width: 1100px; } } @media (max-width: 1250px) { .container { max-width: 970px; } } @media (max-width: 991.98px) { .container { max-width: none; padding: 0 10px; } } @media (max-width: 500px) { .catalog__container.container { padding: 0 3px; } } /*links*/ .link, .link-invert { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .link::before, .link-invert::before { content: ""; position: absolute; width: 0; height: 1px; bottom: 0; left: 0; background: var(--primary); -webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s; } @media (any-hover: hover) { .link:hover::before, .link-invert:hover::before { width: 100%; } } .link-invert::before { width: 100%; left: auto; right: 0; } @media (any-hover: hover) { .link-invert:hover::before { width: 0%; } } /*title text*/ .title-big, .title-main { font-weight: 300; font-size: 4.8em; line-height: 100%; } .title-big span, .title-main span { font-weight: 600; } .title-main { font-size: 4em; } .title-xl, .title, .title-s { font-size: 3.2em; line-height: 100%; } .title { font-size: 2.6em; } .title-s { font-size: 2.4em; } .text-main, .text, .text-s, .text-xs { font-size: 2em; line-height: 120%; } .text { font-size: 1.6em; } .text-m { font-size: 1.4em; } .text-s { font-size: 1.2em; } .text-xs { font-size: 1em; } /*slider buttons*/ .slider-controls__pagination .swiper-pagination-bullet { opacity: 1; width: 1em; height: 1em; background: transparent; border: 2px solid var(--white); border-radius: 0.5em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .slider-controls__pagination .swiper-pagination-bullet-active { background: var(--white); width: 2.2em; } .slider-controls__prev, .slider-controls__next { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; border-radius: 50%; background: transparent; border: 1px solid var(--pink); width: 2.4em; height: 2.4em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .slider-controls__prev.swiper-button-disabled, .slider-controls__next.swiper-button-disabled { opacity: 0.4; } @media (any-hover: hover) { .slider-controls__prev:not(.swiper-button-disabled):hover, .slider-controls__next:not(.swiper-button-disabled):hover { cursor: pointer; background: var(--pink); } .slider-controls__prev:not(.swiper-button-disabled):hover svg path, .slider-controls__next:not(.swiper-button-disabled):hover svg path { stroke: var(--white); } } .slider-controls__prev svg, .slider-controls__next svg { width: 0.35em; height: 0.7em; } .slider-controls__prev svg path, .slider-controls__next svg path { -webkit-transition: stroke 0.3s ease 0s; transition: stroke 0.3s ease 0s; stroke: var(--pink); } .scrollbar { height: 2px; background: var(--white); } .scrollbar .swiper-scrollbar-drag { cursor: pointer; height: 2.6em; border-radius: 1em; background: var(--light-lila); border: 2px solid var(--lila); top: calc(50% - 1.3em); position: relative; -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .scrollbar .swiper-scrollbar-drag::before { content: ""; position: absolute; width: 1em; height: 1em; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--lila); } @media (any-hover: hover) { .scrollbar .swiper-scrollbar-drag:hover { background: var(--light); } } /*search*/ .search-block input[type=search]::-webkit-search-decoration, .search-block input[type=search]::-webkit-search-cancel-button, .search-block input[type=search]::-webkit-search-results-button, .search-block input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } .search-block__boby { border: 1px solid var(--gray1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.625rem; height: 100%; border-radius: 10em; padding: 0.7em 0.9em; cursor: pointer; background: var(--white); } @media (min-width: 991.98px) { .search-block__boby { width: 21.3em; } } .search-block__boby.active { width: 100%; border: 1px solid var(--pink); } .search-block__boby.active .search-block__button::before, .search-block__boby.active .search-block__button::after { content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 50%; background: var(--pink); } .search-block__boby.active .search-block__button::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .search-block__boby.active .search-block__button::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .search-block__boby.active .search-block__button svg { display: none; } .search-block__boby.active .search-block__input { display: none; } .search-block__input { background: transparent; font-size: 1.6em; line-height: 1.25; letter-spacing: -0.04em; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search-block__input::placeholder{ color: rgba(41, 45, 50, 0.2); } @media (max-width: 991.98px) { .search-block__input { width: 100%; } } .search-block__button { position: relative; width: 2.4em; height: 2.4em; } .search-block__button svg { width: 100%; height: 100%; } @media (max-width: 767.98px) { .search-block__button { width: 2em; height: 2em; } } /*select*/ .select { width: -webkit-max-content; width: -moz-max-content; width: max-content; cursor: pointer; margin-bottom: 2em; border-radius: 1em; border: 1px solid var(--gray2); } @media (max-width: 767.98px) { .select { width: 100%; } } .select__body { position: relative; z-index: 5; } .select__button { position: relative; z-index: 3; padding: 0.75em 2em 0.75em 0.75em; cursor: pointer; font-size: 2em; line-height: 120%; width: 100%; } .select__button::before, .select__button::after { content: ""; top: 50%; right: 0.75em; border-radius: 2px; position: absolute; width: 0.6em; height: 2px; background: var(--primary); } .select__button::before { -webkit-transform: rotate(-135deg) translateX(50%); transform: rotate(-135deg) translateX(50%); } .select__button::after { -webkit-transform: rotate(-45deg) translateX(50%); transform: rotate(-45deg) translateX(50%); } .select__spoller { cursor: pointer; position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; } .select__spoller.active { height: auto; } .select__spoller.active .select__list { opacity: 1; visibility: visible; } .select__list { text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 1em; background: var(--white); -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922); } .select__item { width: 100%; padding: 0.75em; font-size: 1.6em; line-height: 110%; } .select__item.active { color: var(--white); background: var(--pink); } /*form errors*/ .error-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5rem; } .error-block__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 1em; width: 5em; height: 5em; background: var(--pink); -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); } .error-block__icon i { width: 3.5em; height: 3.5em; } .error-block__icon i svg { width: 100%; height: 100%; } .error-block__text { width: 100%; text-align: center; border-radius: 0.5em; padding: 1em 0.5em; background: var(--white); -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); } /*toggle*/ .toggle__button { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5rem; } .toggle__button span { display: block; position: relative; height: 2.05em; width: 3.25em; border-radius: 108px; background: var(--light); } .toggle__button span::before { content: ""; position: absolute; width: 1.82em; height: 1.916em; top: 50%; transform: translateY(-50%); left: 0.1em; border-radius: 50%; background: var(--white); -webkit-transition: all 0.3s ease ; transition: all 0.3s ease ; } .toggle__button.active span{ background: #1DB248; } .toggle__button.active span::before { left: auto; right: 0.1em; border: 1.08px solid rgba(53, 69, 116, 0.03); } .toggle__text.text-m{ font-weight: 500; font-size: 1.5em; line-height: 120%; color: var(--primary); } /*Buttons*/ .button-icon, .button-red-big, .button-black-big, .button-black, .button-white, .button-gray, .button-red, .button-blue{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-max-content; width: -moz-max-content; width: max-content; gap: 0.625rem; padding: 0.4375em 1.1875em; border-radius: 10em; font-size: 1.6em; line-height: 1.25; letter-spacing: -0.04em; color: var(--primary); background: var(--white); border: 1px solid var(--primary); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (any-hover: hover) { .button-icon:hover, .button-red-big:hover, .button-black-big:hover, .button-black:hover, .button-white:hover, .button-gray:hover, .button-red:hover { color: var(--white); background: var(--primary); } .button-icon:hover svg path, .button-red-big:hover svg path, .button-black-big:hover svg path, .button-black:hover svg path, .button-white:hover svg path, .button-gray:hover svg path, .button-red:hover svg path { stroke: var(--white); } } .button-icon i, .button-red-big i, .button-black-big i, .button-black i, .button-white i, .button-gray i, .button-red i, .button-blue i{ font-size: 10px; width: 2.4em; height: 2.4em; } .button-icon i svg, .button-red-big i svg, .button-black-big i svg, .button-black i svg, .button-white i svg, .button-gray i svg, .button-red i svg, .button-blue i svg { width: 100%; height: 100%; } .button-icon i svg path, .button-red-big i svg path, .button-black-big i svg path, .button-black i svg path, .button-white i svg path, .button-gray i svg path, .button-red i svg path, .button-blue i svg path { -webkit-transition: stroke 0.3s ease 0s; transition: stroke 0.3s ease 0s; } .button-icon:disabled, .button-red-big:disabled, .button-black-big:disabled, .button-black:disabled, .button-white:disabled, .button-gray:disabled, .button-red:disabled, .button-blue:disabled { pointer-events: none; opacity: 0.7; } @media (max-width: 767.98px) { .button-icon, .button-red-big, .button-black-big, .button-black, .button-white, .button-gray, .button-red, .button-blue{ padding: 0.5em 1em; gap: 0.5em; } .button-icon i, .button-red-big i, .button-black-big i, .button-black i, .button-white i, .button-gray i, .button-red i, .button-blue i { width: 2em; height: 2em; } } .button-icon { position: relative; gap: 0.5rem; } .button-icon.number span, .button-icon #favorite-count { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.8em; height: 100%; width: 1.75em; height: 1.75em; top: -0.75em; right: 0.5em; border-radius: 50%; color: var(--white); background: var(--pink); } .header__button #favorite-count{ background: var(--pink) !important; } @media (max-width: 767.98px) { .button-icon { padding: 0.5em; } .button-icon.number span, .button-icon #favorite-count { font-size: 1em; right: 0; } } @media (max-width: 479.98px) { .button-icon.name span { display: none; } } .button-red-big, .button-red { color: var(--white); background: var(--pink); border: 1px solid var(--pink); } @media (any-hover: hover) { .button-red-big:hover, .button-red:hover { color: var(--pink); background: var(--white); } .button-red-big:hover svg path, .button-red:hover svg path { stroke: var(--pink); } } .button-blue{ color: var(--white); background: var(--blue); border: 1px solid var(--blue); } @media (any-hover: hover) { .button-blue:hover { color: var(--blue); background: var(--white); } .button-blue:hover svg path { stroke: var(--blue); } } .button-black, .button-white, .button-gray { white-space: nowrap; } .button-gray { color: var(--primary); background: var(--white); border: 1px solid var(--gray2); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .button-gray svg path { stroke: var(--primary); } .button-gray.current { color: var(--white); background: var(--pink); border: 1.27px solid var(--pink); } .button-gray.current svg path { stroke: var(--white); } @media (any-hover: hover) { .button-gray:not(.current):hover { color: var(--white); background: var(--pink); border: 1.27px solid var(--pink); } .button-gray:not(.current):hover svg path { stroke: var(--white); } } .button-black, .button-black-big { color: var(--white); background: var(--primary); } .button-black svg path, .button-black-big svg path { stroke: var(--white); } @media (any-hover: hover) { .button-black:hover, .button-black-big:hover { color: var(--primary); background: var(--white); } .button-black:hover svg path, .button-black-big:hover svg path { stroke: var(--primary); } } .button-red-big, .button-black-big { width: 100%; padding: 0.5em; border-radius: 0.2em; font-size: 2.6em; line-height: 110%; } .button-white-tr, .button-black-tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding: 0.5em 1em; border-radius: 0.5em; font-size: 1.6em; line-height: 110%; width: -webkit-max-content; width: -moz-max-content; width: max-content; white-space: nowrap; color: var(--primary); background: transparent; border: 1px solid var(--primary); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (any-hover: hover) { .button-white-tr:hover, .button-black-tr:hover { background: var(--gray2); } } .button-white-tr i, .button-black-tr i { width: 1.5em; height: 1.5em; } .button-white-tr i svg, .button-black-tr i svg { width: 100%; height: 100%; } .button-white-tr { color: var(--white); border: 1px solid var(--white); } @media (any-hover: hover) { .button-white-tr:hover { background: var(--gray1); } } /*checkbox*/ .checkbox { position: relative; } .checkbox:not(:last-child) { margin-bottom: 0.5em; } .checkbox__input { position: absolute; width: 0; height: 0; opacity: 0; } .checkbox__input:checked+.checkbox__label:before { border: 1px solid var(--pink); background: url("/local/templates/chinafairytale/css/../img/icons/check.svg") 50%/50% no-repeat, transparent; } .checkbox__label { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; position: relative; gap: 0.5rem; } .checkbox__label:before { content: ""; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 0.5em; width: 2em; height: 2em; border: 1px solid var(--primary); } .checkbox__label a { text-decoration: underline; -webkit-transition: -webkit-text-decoration 0.3s ease 0s; transition: -webkit-text-decoration 0.3s ease 0s; transition: text-decoration 0.3s ease 0s; transition: text-decoration 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; } @media (any-hover: hover) { .checkbox__label a:hover { text-decoration: none; } } .checkbox__text { font-size: 1.4em; line-height: 110%; } /*input*/ input[type=text], input[type=email], input[type=tel], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input-block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 1em 4em 1em 1em; border-radius: 1em; background: rgba(0, 0, 0, 0.0509803922); border: 1px solid rgba(0, 0, 0, 0.0509803922); } .input-block label { margin-bottom: 0.5em; } .input-block i { position: absolute; width: 2em; height: 2em; top: 50%; right: 2em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .input-block i svg { width: 100%; height: 100%; } .input-block:focus-within { border: 1px solid var(--dark); } [data-pass] { position: relative; } [data-pass] input, [data-pass] label { margin-right: 2em; } [data-pass] i { cursor: pointer; display: block; position: absolute; width: 2em; height: 2em; top: 50%; right: 1.5em; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background 0.3s ease 0s, -webkit-box-shadow 0.3s; transition: background 0.3s ease 0s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, background 0.3s ease 0s; transition: box-shadow 0.3s, background 0.3s ease 0s, -webkit-box-shadow 0.3s; } [data-pass] i svg { width: 100%; height: 100%; } @media (any-hover: hover) { [data-pass] i:hover { background: var(--light); -webkit-box-shadow: 1px 1px 1em 1px var(--light); box-shadow: 1px 1px 1em 1px var(--light); } } [data-pass].view::before { content: ""; position: absolute; z-index: 10; width: 2em; height: 3px; top: 50%; right: 1.5em; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); background: var(--gray2); } .input { font-size: 1.4em; line-height: 110%; background: transparent; } .input::-webkit-input-placeholder { color: var(--gray2); } .input::-moz-placeholder { color: var(--gray2); } .input:-ms-input-placeholder { color: var(--gray2); } .input::-ms-input-placeholder { color: var(--gray2); } .input::placeholder { color: var(--gray2); } [data-file-input] { position: relative; cursor: pointer; padding: 1em 7em 1em 0; } [data-file-input] .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 5em; height: 5em; overflow: hidden; top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: rgba(241, 73, 145, 0.1); border-radius: 1.2em; } [data-file-input] .icon svg { width: 2em; height: 2em; } [data-file-input] .icon svg path{ fill: var(--pink); } [data-file-input] .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } [data-file-input] .label { color: var(--gray3); font-size: 1.8em; line-height: 100%; } [data-file-input] input { cursor: pointer; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } textarea { resize: none; } /*breadcrumbs*/ .breadcrumbs { white-space: nowrap; overflow: clip; overflow-x: auto; } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } .breadcrumbs__item { position: relative; } .breadcrumbs__item:not(:last-child)::before { content: ""; position: absolute; width: 0.5em; height: 0.5em; top: 50%; right: -0.5rem; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 50%; background: var(--primary); opacity: 0.5; } .breadcrumbs__link, .breadcrumbs__current { font-size: 1.6em; line-height: 1.25; color: var(--primary); letter-spacing: -0.05em; opacity: 0.5; text-transform: lowercase; } @media (max-width: 1279px) { .breadcrumbs__link, .breadcrumbs__current { font-size: 13px; } } .breadcrumbs__link { -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } @media (any-hover: hover) { .breadcrumbs__link:hover { color: var(--pink); } } /*popup*/ .popup { z-index: 150; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup.open { opacity: 1; visibility: visible; } .popup [data-pass] i { right: 2em; } .popup [data-pass].view::before { right: 2em; background: var(--primary); } @media (max-width: 991px) { .popup__wrapper { padding: 0 10px; } } .popup__content { padding: 2em 4em; border-radius: 1em; position: relative; background: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } #popupreview .popup__content{ border-radius: 4em; padding: 4em 4em 8.5em; gap: 2em; } @media(max-width: 530px){ #popupreview .popup__content{ padding: 5em 4em 8.5em; } } @media(max-width: 500px){ #popupreview .popup__content{ padding: 5em 2.5em 6em; } } .popup__header { margin-top: 3em; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } #popupreviewdone .popup__header{ margin-top: 0; } .popup__text { text-align: center; width: 18em; } .popup__close { position: absolute; z-index: 10; top: 2em; right: 1em; margin-left: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.4em; height: 2.4em; border-radius: 50%; border: 1px solid var(--primary); -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } @media (any-hover: hover) { .popup__close:hover { background: var(--gray2); } } @media (max-width: 479.98px) { .popup__close { top: 1em; } } #popupreview .popup__close, #popupreviewdone .popup__close{ top: 4em; right: 4em; width: 3.5em; height: 3.5em; font-size: inherit; } @media (max-width: 530px) { #popupreview .popup__close, #popupreviewdone .popup__close { width: 3em; height: 3em; top: 3em; } } .popup__close span { display: block; position: relative; width: 100%; height: 100%; } .popup__close span::before, .popup__close span::after { content: ""; position: absolute; width: 1em; height: 2px; top: 50%; left: 50%; -webkit-transition: -webkit-transform 0.9s ease 0s; transition: -webkit-transform 0.9s ease 0s; transition: transform 0.9s ease 0s; transition: transform 0.9s ease 0s, -webkit-transform 0.9s ease 0s; background: var(--primary); } #popupreview .popup__close span::before, #popupreview .popup__close span::after, #popupreviewdone .popup__close span::before, #popupreviewdone .popup__close span::after{ width: 1.5em; } .popup__close span::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .popup__close span::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @media (any-hover: hover) { .popup__close span:hover::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .popup__close span:hover::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } } .popup__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (max-width: 479.98px) { .popup__form { width: 100%; } } .popup__input-block { width: 100%; } @media (min-width: 479.98px) { .popup__input-block { min-width: 32em; } } .popup__buttons, .popup__footer { margin: 0 auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (max-width: 479.98px) { .popup__buttons, .popup__footer { width: 100%; } } .popup__buttons { padding-bottom: 1rem; border-bottom: 1px solid var(--gray1); } .popup__checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; width: 100%; } .popup__button, .popup__button-big { margin: 0 auto; padding: 1.25em 0.5em; width: 14em; } @media (max-width: 479.98px) { .popup__button, .popup__button-big { width: 100%; } } #popupreview .popup__button{ width: fit-content; font-size: 2em; letter-spacing: -0.05em; padding: 0.6em 1.125em; } @media (max-width: 1279px) { #popupreview .popup__button{ font-size: 16px; } .popup__accept{ font-size: 11px; text-align: center; } } .popup__button-big { width: 100%; } .popup__link { -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } @media (any-hover: hover) { .popup__link:hover { text-decoration: underline; opacity: 0.5; } } .popup__error { margin-bottom: 1em; } .popup__accept a { text-decoration: underline; } .popup__wait-message{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 0.9375em; padding: 1.125em 1.25em; background: var(--white); -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1019607843); margin-top: 15px; } .popup__wait-message .wait-message__text{ font-weight: 400; font-size: 12px; line-height: 120%; color: #070707; max-width: 303px; } @media (max-width:380px) { .popup__wait-message .wait-message__text{ font-size: 11px; max-width: 85%; } .popup__wait-message{ gap: 15px; } } /*header-banner*/ .popup-banner { position: relative; z-index: 70; background: var(--pink); -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75em 3.5em; } .popup-banner__text span { color: var(--white); } .popup-banner__close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2em; height: 2em; border-radius: 50%; border: 1px solid var(--white); -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } @media (any-hover: hover) { .popup-banner__close:hover { background: var(--gray2); } } @media (max-width: 1615px) { .popup-banner__close { right: 1em; } } .popup-banner__close span { display: block; position: relative; width: 100%; height: 100%; } .popup-banner__close span::before, .popup-banner__close span::after { content: ""; position: absolute; width: 1em; height: 2px; top: 50%; left: 50%; -webkit-transition: -webkit-transform 0.9s ease 0s; transition: -webkit-transform 0.9s ease 0s; transition: transform 0.9s ease 0s; transition: transform 0.9s ease 0s, -webkit-transform 0.9s ease 0s; background: var(--white); } .popup-banner__close span::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .popup-banner__close span::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @media (any-hover: hover) { .popup-banner__close span:hover::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .popup-banner__close span:hover::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } } /*modals*/ .popup-big { display: block; padding-top: 10em; } .popup-big__content { margin: 0 auto; padding: 2em; border-radius: 1em; position: relative; background: var(--white); width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3em; } @media (min-width: 767.98px) { .popup-big__content { max-width: 90em; } } .popup-big__header { position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding-bottom: 2em; border-bottom: 1px solid var(--pink); width: 100%; } @media (min-width: 767.98px) { .popup-big__text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4.5em; } } .popup-big__title{ font-weight: 400; font-size: 2.4em; line-height: 120%; } @media (max-width: 767.98px) { .popup-big__title { margin-bottom: 0.5em; } } .popup-big__text { font-weight: 400; font-size: 1.6em; line-height: 120%; color: #b0b0b0; } .popup-big__close.button-gray{ padding: 0.5em 0.625em; } .popup-big__close svg path { stroke: var(--pink); } @media (max-width: 767.98px) { .popup-big__close span { display: none; } } .popup-big__body { overflow: hidden; } .popup-big__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .popup-big__date { padding: 1em; border-radius: 10em; border: 1px solid var(--pink); width: -webkit-max-content; width: -moz-max-content; width: max-content; } .popup-big__date .text{ font-weight: 400; font-size: 1.6em; letter-spacing: -0.05em; } .popup-big__images { margin-top: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5em; margin-bottom: 4em; } .popup-big__image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; border-radius: 0.5em; width: 16.8em; height: 16.8em; } .popup-big__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .popup-big__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } @media (max-width: 767.98px) { .popup-big__image { width: 11em; height: 11em; } } .popup-big__block { margin-top: 6em; } .popup-big__block .item-about { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .popup-big__block .item-about__title { max-width: 10em; } .popup-big__block .item-about__bg { right: 2em; } @media (min-width: 767.98px) { .popup-big__block .item-about__image { width: 26em; position: relative; } } .popup-big__map-body { margin-top: 3em; width: 100%; height: 42em; } .popup-big__map { overflow: hidden; width: inherit; height: inherit; } .popup-big__map img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*popup-mobile*/ .popup-mobile { position: fixed; z-index: 10; width: 100%; bottom: 0; left: 0; -webkit-box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.0509803922); padding: 2em; border-radius: 2em 2em 0 0; color: var(--white); background: var(--primary); } @media (min-width: 767.98px) { .popup-mobile { display: none; } } .popup-mobile__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .popup-mobile__button { background-color: var(--white) !important; } .popup-mobile__noproduct { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 1em 2em; gap: 0.5em; border-radius: 0.75em; font-size: 1.4em; line-height: 110%; color: var(--primary); background: var(--white); border: 1px solid var(--pink); } .popup-mobile__noproduct i { width: 1.6em; height: 1.6em; } .popup-mobile__noproduct i svg { width: 100%; height: 100%; } .popup-mobile__noproduct i svg path { stroke: var(--primary); } .popup-mobile__text span { font-weight: 600; } /*add to cart*/ .catalog-cart { z-index: 50; position: fixed; width: -webkit-max-content; width: -moz-max-content; width: max-content; top: 20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: var(--white); border-radius: 1em; padding: 1em 2em; border: 1px solid rgba(0, 0, 0, 0.1019607843); -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2509803922); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2509803922); opacity: 0; visibility: hidden; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-cart.active { opacity: 1; visibility: visible; } .catalog-cart__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 3em; } @media (max-width: 767.98px) { .catalog-cart__body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } } #cartadded .catalog-cart__button{ border-radius: 40px; } /*popup size*/ #popupSize { padding-top: 16em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (max-width: 767.98px) { #popupSize { padding-top: 22em; } } .popup__size-content { color: var(--white); background: var(--pink); position: relative; } .popup__size-content .popup-banner__close { top: 1em; right: 1em; -webkit-transform: translate(0); transform: translate(0); } .popup__size-content .popup__header { width: 100%; padding: 0 5em; } @media (max-width: 767.98px) { .popup__size-content .popup__header { padding: 0 2em; } } .popup__size-content .popup__button { color: var(--pink); border: 1px solid var(--white); } @media (any-hover: hover) { .popup__size-content .popup__button:hover { color: var(--white); background: var(--pink); } } @media (max-width: 767.98px) { .popup__size-content { width: 100%; padding: 2em; } } .popup__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .popup__tabs .tabs__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .popup__tabs .tabs__title { opacity: 0.5; padding: 1em; font-size: 1.6em; line-height: 110%; border-radius: 1em; color: var(--pink); background: var(--white); -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .popup__tabs .tabs__title._tab-active { opacity: 1; } @media (any-hover: hover) { .popup__tabs .tabs__title:hover { opacity: 0.7; } } .popup__tabs .tabs__content { width: 50em; } @media (max-width: 767.98px) { .popup__tabs .tabs__content { width: 100%; } } .popup .popup__tablet { width: 100%; font-size: 1.8em; border-spacing: 0.5em; table-layout: fixed; } .popup .popup__tablet th, .popup .popup__tablet td { line-height: 100%; border-radius: 0.5em; border: 1px solid var(--white); padding: 0.5em; color: var(--pink); background: var(--white); } .popup .popup__tablet td { text-align: center; color: var(--white); background: transparent; } /*popup review*/ .product-popup__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; width: calc(100% - 3.5em - 1em); } @media(max-width: 530px){ .product-popup__body{ width: 100%; } } #popupreviewdone .popup__body{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-popup__image { border-radius: 2em; border: 1px solid var(--light); overflow: hidden; width: 10em; height: 10em; } @media(max-width: 530px){ .product-popup__image{ width: 100px; height: 100px; } .product-popup__text-block{ flex: 1; } } .product-popup__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product-popup__text-block { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; min-height: 100%; max-width: 46em; } .product-popup__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 2em; line-height: 100%; } .product-popup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .product-popup__list .info-cart-item__desc{ font-size: 12px; } .product-popup__text { color: var(--gray3); font-size: 1.2em; line-height: 100%; } @media(max-width: 767px){ #popupfoto .popup-big__wrapper{ padding: 0 10px; } } #popupreviewdone .popup__title { font-size: 3.6em; line-height: 110%; } @media(max-width: 450px){ #popupreviewdone .popup__title { font-size: 3em; } } #popupreviewdone .popup__title span { color: var(--pink); } #popupreviewdone .popup__content { padding-bottom: 0; gap: 2em; } #popupreviewdone .popup__content .popup__button { border-radius: 4.4em; padding: 0.6em 0.95em; font-size: 2em; width: fit-content; } #popupreviewdone .popup__content { border-radius: 4em; width: 70em; padding: 7.2em 2em 1.8em; } @media (max-width: 600px) { #popupreviewdone .popup__content { width: 100%; } #popupreviewdone .popup__wrapper { width: 100%; } } #popupreviewdone .popup__image { overflow: hidden; width: 19.6em; height: 19.6em; margin-top: 0.7em; } #popupreviewdone .popup__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .review-popup { width: 100%; } .review-popup__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5em; } .review-popup__label { font-size: 2em; line-height: 100%; } .review-popup__input-wrap { margin-top: 1em; border-radius: 2em; padding: 2.5em 1em; background: var(--light2); } .review-popup__input-wrap textarea, .review-popup__input-wrap input { font-size: 1.8em; line-height: 100%; width: 100%; background: transparent; } .review-popup__input-wrap textarea::-webkit-input-placeholder, .review-popup__input-wrap input::-webkit-input-placeholder { color: var(--gray3); } .review-popup__input-wrap textarea::-moz-placeholder, .review-popup__input-wrap input::-moz-placeholder { color: var(--gray3); } .review-popup__input-wrap textarea:-ms-input-placeholder, .review-popup__input-wrap input:-ms-input-placeholder { color: var(--gray3); } .review-popup__input-wrap textarea::-ms-input-placeholder, .review-popup__input-wrap input::-ms-input-placeholder { color: var(--gray3); } .review-popup__input-wrap textarea::placeholder, .review-popup__input-wrap input::placeholder { color: var(--gray3); } .review-popup__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5rem; } .review-popup__rating svg { width: 5em; height: 5em; cursor: pointer; } @media(max-width: 400px){ .review-popup__rating svg { width: 4em; height: 4em; } } .review-popup__rating svg path { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (any-hover: hover) { .review-popup__rating svg:hover path { fill: var(--pink); stroke: var(--pink); } } .review-popup__radio-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; -ms-flex-wrap: wrap; flex-wrap: wrap; } .review-popup__radio { position: relative; padding: 1em; border-radius: 10em; border: 1px solid var(--light); background: var(--white); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (any-hover: hover) { .review-popup__radio:not(.active):hover { background: var(--light); } } .review-popup__radio.active { color: var(--white); background: var(--primary); } .review-popup__radio span { font-size: 1.6em; line-height: 100%; } @media (max-width: 1279px) { .review-popup__radio span { font-size: 12px; } } .review-popup__radio input { cursor: pointer; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } /*popup last order*/ #popuplast { z-index: 10; background: transparent; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; top: auto; bottom: 1em; left: calc((100vw - 1615px) / 2); } @media (max-width: 1615px) { #popuplast { left: 1em; } } @media (max-width: 991.98px) { #popuplast { width: auto; top: 16em; } } #popuplast .popup__wrapper { padding-top: 2.5em; background: transparent; background-color: transparent; } #popuplast .popup__content { padding: 2em 3em; border-radius: 3em; border: 1px solid rgba(0, 0, 0, 0.1); backdrop-filter: blur(47.400001525878906px); } @media (max-width: 479.98px) { #popuplast .popup__content { padding-left: 11px; padding-right: 10px; } } #popuplast .popup__content:not(:last-child) { margin-bottom: 1em; } #popuplast .popup__content.hidden-count{ padding: 1.25em 3em; } .popup__info-block { position: absolute; top: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 1.3em 2em; border-radius: 100px; background: var(--white); border: 1px solid rgba(41, 45, 50, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .popup__info-block span { font-size: 1.6em; } .popup__info-block i { width: 2.4em; height: 2.4em; } .popup__body-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (min-width: 479.98px) { .popup__body-columns { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .popup__body-columns.product-block{ width: 100%; } } .popup__body-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } .popup__body-column .popup__button { margin: 0; } .popup__body-column .slider-last__info-block { gap: 1em; } @media (min-width: 479.98px) { .popup__body-column { max-width: 32em; } .popup__body-column .slider-last__image { width: 21em; } .popup__body-column:last-child { -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } @media (max-width: 479.98px) { .popup__body-column .slider-last__image { width: 96px; } .popup__body-column .slider-last__info-block { display: none; } .popup__body-column .popup__button { position: absolute; width: 100%; bottom: 2em; right: 10px; } .popup__content .popup__body{ width: 100%; } } .popup__body-row { width: 100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .popup__body-row .popup__button { margin-right: 0; } .popup__text-row { font-size: 2em; } .popup__text-row span { font-size: 1.2em; color: var(--pink); } #popuplast .popup__button.button-black{ padding: 1em 1.5em; border-radius: 100px; font-size: 1.8em; width: fit-content; } @media (max-width: 479.98px) { #popuplast .popup__button.button-black{ background: var(--pink); color: white; font-size: 10px; border: 1px solid var(--pink); } #popuplast .popup__button.button-black:hover{ background: transparent; color: #292d32; } } #popuplast .popup__button.button-red{ padding: 1em 1.5em; border-radius: 100px; font-size: 1.8em; background-color: transparent; border: 1px solid #ec2e32; width: fit-content; color: #292d32; } @media (max-width: 479.98px) { #popuplast .popup__button.button-red{ font-size: 9px; padding: 8px 10px; width: 105px; } } #popuplast .popup__button.button-red:hover{ background-color: var(--pink); border: 1px solid var(--pink); color: var(--white); } #popuplast .slider-last__name.text{ font-size: 1.6em; margin-top: 0.5em; } @media (max-width: 479.98px) { #popuplast .slider-last__name.text{ display: none; } } #popuplast .slider-last__title.title-s{ padding-top: 1em; } @media (max-width: 479.98px) { #popuplast .slider-last__title.title-s{ font-size: 14px; max-width: 170px; } .popup__text-row { font-size: 11px; } .popup__content#popuplast__positions{ padding: 5px 16px; } } #popuplast .popup__close{ right: 3em; } .popup__body-column.popuplast__image-block{ gap: 0; } /*popup bonus*/ #popupbonus .popup__header { max-width: 42em; letter-spacing: -0.05em; } #popupbonus .popup__text { color: var(--gray1); } /*liquid glass*/ .liquidGlass-effect { position: absolute; z-index: 0; inset: 0; border-radius: 10em; backdrop-filter: blur(3px); filter: url(#glass-distortion); overflow: hidden; isolation: isolate; } .liquidGlass-shine { position: absolute; inset: 0; border-radius: 10em; z-index: 2; overflow: hidden; box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset 1px -1px 1px 0px rgba(255, 255, 255, 0.5); } .submenu__spoller-wrap .liquidGlass-effect__bloggers, .submenu__spoller-wrap .liquidGlass-shine{ z-index: -1; border-radius: 0; } .liquidGlass-effect__play-button { position: absolute; z-index: -1; inset: 0; border-radius: 10em; backdrop-filter: blur(2px); filter: url(#glass-distortion-reviews); overflow: hidden; isolation: isolate; } .liquidGlass-shine__play-button { position: absolute; inset: 0; border-radius: 10em; z-index: -1; overflow: hidden; box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.5), inset 1px -1px 0px rgba(255, 255, 255, 0.5); } .liquidGlass-effect__bloggers { position: absolute; z-index: -1; inset: 0; border-radius: 4.2em; backdrop-filter: blur(2px); filter: url(#glass-distortion-bloggers); overflow: hidden; isolation: isolate; } @media (max-width: 991.98px) { .liquidGlass-effect, .liquidGlass-shine{ border-radius: 4em; } } /*header*/ .header { position: fixed; z-index: 60; width: 100%; top: 2em; } .header__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; padding: 2em 2.5em; } @media (max-width: 850px) { .header__row{ gap: 3em; } } @media (max-width: 430px) { .header__row{ gap: 1em; } } /*.header__row::before {*/ /* content: "";*/ /* position: absolute;*/ /* width: 100vw;*/ /* height: 1px;*/ /* bottom: 0;*/ /* left: 50%;*/ /* -webkit-transform: translateX(-50%);*/ /* transform: translateX(-50%);*/ /* background: var(--light);*/ /*}*/ .header__row:last-child::before { -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922); } @media (min-width: 991.98px) { .header__row.desktop-hidden{ display: none; } } @media (max-width: 991.98px) { .header__row.desktop-hidden{ padding-bottom: 0; } } .header__container.container{ border-radius: 10em; padding: 0; position: relative; isolation: isolate; background: rgba(255, 255, 255, 0.5); overflow: hidden; box-shadow: inset 5px 5px 20px rgba(231, 231, 231, 0.3), inset -1px -3px 5px rgba(255, 255, 255, 0.3); z-index: 35; } @media (max-width: 999.98px) { .header__container.container{ max-width: calc(100% - 20px); } } @media (max-width: 991.98px) { .header__container.container{ border-radius: 4em; } } .header__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 5.1em; position: relative; z-index: 30; } @media (max-width: 1650px) { .header__block { gap: 3em; } } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 30; width: 29.7em; height: auto; } .header__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1450px) { .header__logo { width: 25em; } } @media (min-width: 1651px) { .header__logo { margin-right: 1.3em; } } @media (max-width: 350px) { .header__logo { width: 22em; } } @media (max-width: 767.98px) { .header__body { -webkit-transform: translate(0, -200%); transform: translate(0, -200%); position: fixed; width: 100%; /*height: 100%;*/ top: 0; left: 0; padding: 23em 3em 5em; background: var(--white); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .header__body.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922); } } .header__menu { display: none; } @media (max-width: 767.98px) { .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-y: auto; } } .header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; opacity: 0.7; } @media (max-width: 767.98px) { .header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 601px) { .header__list{ display: none; } } @media (max-width: 767.98px) { .header__item { text-align: right; } } .header__link { font-size: 1.6em; line-height: 100%; opacity: 0.7; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } @media (any-hover: hover) { .header__link:hover { opacity: 1; } } @media (max-width: 767.98px) { .header__link { font-size: 2.4em; } } .header__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; } .header__contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.625em; font-size: 1.6em; line-height: 1.25; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .header__contact svg { width: 1em; height: 1em; } @media (any-hover: hover) { .header__contact:hover { color: var(--pink); } } @media (max-width: 767.98px) { .header__contact { font-size: 2.4em; } } .header__nav{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2em; z-index: 30; opacity: 0.7; } @media (min-width: 1651px) { .header__nav { margin-left: 1.8em; } } @media (max-width: 600px) { .header__nav { display: none; } } .header-nav__item{ font-size: 1.6em; line-height: 1.25; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; letter-spacing: -0.04em; } @media (max-width: 1650px) { .header-nav__item { font-size: 1.44em; } } @media (max-width: 1615px) { .header-nav__item { font-size: 1.6em; } } @media (max-width: 1450px) { .header-nav__item { font-size: 1.3em; } } @media (max-width: 1436px) { .header-nav__item { font-size: 1.6em; } } @media (max-width: 1350px) { .header-nav__item { font-size: 11.9px; } } @media (max-width: 1279px) { .header-nav__item { font-size: 1.6em; } } @media (max-width: 991px) { .header-nav__item, .header__contact { font-size: 1.8em; } } @media (max-width: 600px) { .header-nav__item, .header__contact { font-size: 16px; } } .header-nav__item:hover{ color: var(--pink); } .header__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; position: relative; z-index: 30; } .header__button { position: relative; } .header__button.button-icon { gap: 0; padding: 0.4375em; } @media (max-width: 1450px) { .header__button.button-icon i, .submenu__button.button-red i{ width: 2.1em; height: 2.1em; } } @media (max-width: 1250px) { .header__button.button-icon i, .submenu__button.button-red i{ width: 1.6em; height: 1.6em; } } @media (max-width: 991px) { .header__button.button-icon i, .submenu__button.button-red i{ width: 2.2em; height: 2.2em; } } @media (max-width: 465px) { .header__button.button-icon i, .submenu__button.button-red i{ width: 2em; height: 2em; } } /*burger*/ .icon-menu { display: none; } @media (max-width: 600px) { .icon-menu { display: block; background: transparent; position: relative; width: 40px; height: 22.5px; cursor: pointer; z-index: 10; } .icon-menu span, .icon-menu::before, .icon-menu::after { content: ""; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: 0px; position: absolute; width: 100%; height: 2px; background: var(--primary); } .icon-menu::before { top: 0px; } .icon-menu::after { bottom: 0px; } .icon-menu span { top: calc(50% - 1px); } .icon-menu.active span { -webkit-transform: scale(0); transform: scale(0); } .icon-menu.active::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px); } .icon-menu.active::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: calc(50% - 1px); } } /*submenu*/ .submenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: visible; } @media (max-width: 767.98px) { .submenu { display: none; } } .submenu__body { z-index: 5; } .submenu__button { cursor: pointer; } .submenu__button.active { background: var(--white); border: 1px solid var(--pink); color: var(--pink); } .submenu__button.active svg path{ stroke: var(--pink); } .submenu__spoller { height: 0; opacity: 0; visibility: hidden; } .submenu__spoller.active { position: fixed; z-index: 30; width: 100%; height: auto; left: 0; top: calc(2em + 40px); opacity: 1; visibility: visible; } .submenu__spoller.active::before { opacity: 1; } @media (max-width: 767.98px) { .submenu__spoller.active { border-radius: 0 0 2em 2em; } } .submenu__spoller-wrap { padding: 6em 1.5em 2.6em; } @media (max-width: 991px) { .header .submenu__spoller-wrap { padding: 10em 1.5em 2.6em; } } @media (min-width: 767.98px) { .submenu__spoller-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 36.8em 5.5em 34em; grid-template-columns: 36.8em 34em; gap: 5.5em; background: rgba(250, 250, 250, 0.5); position: relative; box-shadow: inset 5px 5px 17px rgba(230,230,230,0.3); } } @media (max-width: 999.98px) { .submenu__spoller-body.container { max-width: calc(100% - 30px); } } .submenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; } @media (max-width: 767.98px) { .submenu__list { gap: 2em; } .submenu__list:not(:last-child) { margin-bottom: 1em; } } .submenu__item { width: 100%; } .submenu__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; position: relative; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; font-weight: 500; font-size: 2em; line-height: 120%; color: #24282b; } .submenu__link svg path{ -webkit-transition: 0.3s ease 0s; transition: 0.3s ease 0s; } @media (any-hover: hover) { .submenu__link:hover { color: var(--pink); } .submenu__link:hover svg path{ stroke: var(--pink); } } @media (max-width: 767.98px) { .submenu__link { font-size: 3.6em; text-transform: uppercase; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } @media (max-width: 767.98px) { .submenu__spoller-block { display: none; } .block-submenu{ display: block; } } .block-submenu { overflow: hidden; position: relative; border-radius: 2.5em; padding: 5em 5em 8.6em; color: #5c5c5c; background: rgba(241, 73, 145, 0.05); } .header .block-submenu{ background: var(--pink); color: #fff; padding: 2em 1.8em 2em 2em; border-radius: 10px; } .block-submenu__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3.5em; position: relative; z-index: 5; } .header .block-submenu__body{ gap: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media(max-width: 540px){ .block-submenu__body { gap: 2.5em; } } .block-submenu__title.text-main { font-weight: 500; font-size: 3em; line-height: 1.267; text-align: center; max-width: 14.8767em; } .header .block-submenu__title.text-main{ font-weight: 400; font-size: 2em; letter-spacing: -0.05em; color: #fff; text-align: left; } @media(max-width: 540px){ .block-submenu__title.text-main { font-size: 2.5em; } } @media(max-width: 380px){ .block-submenu__title.text-main { font-size: 2.3em; } } @media(max-width: 355px){ .block-submenu__title.text-main { font-size: 2.2em; } } @media(max-width: 343px){ .block-submenu__title.text-main { font-size: 2.1em; } } @media(max-width: 331px){ .block-submenu__title.text-main { font-size: 2em; } } .block-submenu__button.button-red{ font-size: 2em; gap: 0.6em; padding: 0.6em 0.95em; font-width: 300; } .block-submenu__button.button-white-tr svg path{ transition: .3s ease; } .block-submenu__button.button-white-tr:hover{ background: var(--white); color: var(--pink); } .block-submenu__button.button-white-tr:hover svg path{ stroke: var(--pink); } .block-submenu__bg{ position: absolute; right: 0; bottom: 0; height: 75.89%; } .header .block-submenu__bg{ height: 100%; } @media(max-width: 1250px){ .block-submenu__bg{ right: -5%; height: 70%; } } @media(max-width: 915px){ .block-submenu__bg{ height: 60%; } } @media(max-width: 855px){ .block-submenu__bg{ right: -10%; } } @media(max-width: 815px){ .block-submenu__bg{ height: 55%; right: -12%; } } @media(max-width: 767.98px){ .block-submenu__bg{ height: 60%; right: -5%; } } @media(max-width: 600px){ .block-submenu__bg{ height: 55%; right: -10%; } } @media(max-width: 510px){ .block-submenu__bg{ right: -15%; } } @media(max-width: 460px){ .block-submenu__bg{ height: 50%; } } @media(max-width: 440px){ .block-submenu__bg{ height: 42%; right: -17%; } } @media(max-width: 410px){ .block-submenu__bg{ display: none; } } .block-submenu__bg svg{ height: 100%; } /*search popup*/ .search-popup { position: fixed; z-index: 15; width: 100vw; top: 0; left: 0; background: var(--white); height: 0; opacity: 0; visibility: hidden; overflow-y: auto; overflow-x: hidden; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .search-popup.active { height: 100%; opacity: 1; visibility: visible; } .search-popup__body { padding-top: 16em; padding-bottom: 3em; } .search-popup__header { position: relative; padding: 4em 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .search-popup__header::before { content: ""; position: absolute; width: 100vw; height: 1px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: var(--light); } .search-popup__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; padding: 0.5em 2em 0.5em 1em; border-radius: 3em; border: 1px solid var(--gray2); } @media (max-width: 767.98px) { .search-popup__toggle { display: none; } } .search-popup__close { margin-left: auto; } @media (max-width: 767.98px) { .search-popup__close { padding: 0.5em; } .search-popup__close span { display: none; } } .search-popup__content:not(:last-child) { margin-bottom: 2em; } .search-popup__content.error .search-popup__content-body { display: block; } .search-popup__content-body { position: relative; display: none; width: 50%; min-height: 24em; padding: 4em; border-radius: 2em; border: 1px solid var(--gray2); } @media (max-width: 767.98px) { .search-popup__content-body { width: 100%; } } .search-popup__text-block { position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; margin-right: 20em; } @media (max-width: 479.98px) { .search-popup__text-block { margin-right: 0; margin-bottom: 14em; } } .search-popup__image { overflow: hidden; position: absolute; width: 20em; height: 20em; bottom: 0; right: 2em; } .search-popup__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 479.98px) { .search-popup__image { width: 14em; height: 14em; } } .input-search-popup { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 767.98px) { .input-search-popup { width: 100%; } } .input-search-popup__input { width: 100%; font-size: 2.4em; line-height: 110%; } .input-search-popup__button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 10px; width: 2.4em; height: 2.4em; border-radius: 0.5em; border: 1px solid var(--primary); } .input-search-popup__button svg { width: 0.5em; height: 1.1em; } .input-search-popup__button svg path { -webkit-transition: stroke 0.3s ease 0s; transition: stroke 0.3s ease 0s; } /*footer*/ .footer { color: var(--white); background: var(--primary); margin-top: 12em; padding: 2em 0; } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 767.98px) { .footer__row { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__text { font-weight: 500; } .footer__text a { -webkit-transition: -webkit-text-decoration 0.3s ease 0s; transition: -webkit-text-decoration 0.3s ease 0s; transition: text-decoration 0.3s ease 0s; transition: text-decoration 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; } @media (any-hover: hover) { .footer__text a:hover { text-decoration: underline; } } .page__main { margin-top: 14em; } @media (max-width: 991.98px) { .page__main { margin-top: 12em; } } @media (max-width: 767.98px) { .page__main { margin-top: 16em; } } .page__catalog { margin-top: 0em; } .page__catalog.catalog-margin{ margin-top: 8.6em; } .page__catalog.popular-block{ margin-top: 6em; } .page__last { margin-top: 8em; } .page__bloggers { margin-top: 8em; margin-bottom: 6em; position: relative; } .page__reviews { margin-top: 8em; margin-bottom: 6em; } .page__banner { margin-top: 8em; } .page__about { margin-top: 18em; } .page__detail { margin-top: 12em; } @media (max-width: 991.98px) { .page__detail { margin-top: 17em; } } .page__delivery { margin-top: 18em; } .page__questions { margin-top: 8em; } .page__profile { margin-top: 12em; } @media (max-width: 991px) { .page__profile { margin-top: 15em; } } @media (max-width: 767.98px) { .page__profile { margin-top: 10em; } } .page__cart { margin-top: 13.6em; } @media (max-width: 991px) { .page__cart { margin-top: 18em; } } .page__error { margin-top: 18em; } @media (max-width: 767.98px) { .page__error { margin-top: 12em; } } /*home-page*/ .main-page__container { position: relative; padding-bottom: 2em; } .slider-main__swiper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .slider-main__image-block { overflow: hidden; border-radius: 2em; } .slider-main__image_d, .slider-main__image_m { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: auto; } .slider-main__image_d img, .slider-main__image_m img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767.98px) { .slider-main__image_d { display: none; } } @media (min-width: 767.98px) { .slider-main__image_m { display: none; } } .slider-main__prev, .slider-main__next { position: absolute; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; width: 4em; height: 4em; border: 1px solid var(--primary); background: var(--primary); } .slider-main__prev svg, .slider-main__next svg { width: 0.6em; height: 1.2em; } .slider-main__prev svg path, .slider-main__next svg path { stroke: var(--white); } @media (max-width: 767.98px) { .slider-main__prev, .slider-main__next { display: none; } } .slider-main__prev { left: 1em; } .slider-main__next { right: 1em; } .slider-main__pagination { width: 70% !important; top: auto !important; left: 50% !important; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .slider-main__pagination .swiper-pagination-progressbar-fill { background: var(--primary) !important; } @media (max-width: 767.98px) { .slider-main__pagination { display: none; } } .slider-main__autoplay-progress { position: absolute; width: 70%; height: 0.3125em; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: var(--light); } .slider-main__autoplay-progress span { --progress: 0; display: block; position: absolute; left: 0; top: 0; z-index: 10; width: calc(100% * var(--progress)); height: 100%; background: var(--primary); } /*last*/ .last-container__wrap { padding: 2.3em 5em 8em; border: 1.03px solid #efefef; border-radius: 30px; background: var(--pink); } @media (max-width: 992px) { .last-container__wrap { padding: 2.3em 3em 5em; } } .last__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .title-xl.last__title { font-size: 3.9em; font-weight: 656; letter-spacing: -0.03em; color: var(--white); } @media (max-width: 768px) { .title-xl.last__title { font-size: 3.2em; } } .last__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 767.98px) { .last__controls { display: none; } } .last__wrap { margin-top: 3em; height: 100%; } .slider-last__prev, .slider-last__next { width: 5em; height: 5em; background: var(--white); } .slider-last__prev svg, .slider-last__next svg { width: 1.1em; height: 2em; } .slider-last__prev svg path, .slider-last__next svg path { stroke: var(--pink); } @media (any-hover: hover) { .slider-last__prev:not(.swiper-button-disabled):hover, .slider-last__next:not(.swiper-button-disabled):hover { background: transparent; border: 1px solid var(--white); } .slider-last__prev:not(.swiper-button-disabled):hover svg path, .slider-last__next:not(.swiper-button-disabled):hover svg path { stroke: var(--white); } } .slider-last__swiper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .slider-last__slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; height: 100%; } .slider-last__date { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding: 1.15em 1.9em; z-index: 5; top: 0; left: 0; border-radius: 9.6em; background: var(--white); border: 0.96px solid rgba(41, 45, 50, 0.1); } .slider-last__date p { font-size: 1.5em; font-weight: 500; } .slider-last__date i { height: 2.3em; } .slider-last__date svg { width: 2.3em; height: 2.3em; } .slider-last__body { padding: 3em 2.9em 0; margin-top: 2.4em; border-radius: 2.9em; background: var(--white); border: 1px solid var(--gray3); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; border: 0.96px solid rgba(0, 0, 0, 0.1); } .slider-last__title { color: rgba(41, 45, 50, 0.6); font-weight: 500; letter-spacing: -0.05em; } .title-s.slider-last__title { font-size: 2.5em; } .slider-last__title span { color: var(--primary); } @media (max-width: 767.98px) { .slider-last__title { font-size: 2em; } } .slider-last__product { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; margin-top: 2em; } @media (any-hover: hover) { .slider-last__product:hover .slider-last__name { text-decoration: none; } .slider-last__product:hover .slider-last__image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .slider-last__product:hover .slider-last__desc, .slider-last__product:hover .slider-last__info { color: var(--primary); } } .slider-last__product .text { font-size: 1.5em; } .slider-last__name { margin-bottom: 0.6em; } @media (min-width: 767.98px) { .slider-last__name { text-decoration: underline; -webkit-transition: -webkit-text-decoration 0.3s ease 0s; transition: -webkit-text-decoration 0.3s ease 0s; transition: text-decoration 0.3s ease 0s; transition: text-decoration 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; } } .slider-last__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.6em; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .slider-last__info-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5em; } .slider-last__desc, .slider-last__info { color: rgba(41, 45, 50, 0.7); -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .slider-last__image { overflow: hidden; width: 100%; aspect-ratio: 1/1; } .slider-last__image img { width: 100%; max-width: 288px; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } /*banner*/ .banner__wrap { padding: 3em 5em; color: var(--white); border-radius: 2em; background: var(--dark); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 991.98px) { .banner__wrap { padding: 2em; } } @media (min-width: 991.98px) { .banner__text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4rem; } } @media (min-width: 991.98px) { .banner__title { width: 11.75em; } } .banner__text a { text-decoration: underline; text-underline-position: under; } @media (any-hover: hover) { .banner__text a:hover { text-decoration: none; } } @media (min-width: 991.98px) { .banner__text { width: 15em; } } @media (max-width: 767.98px) { .banner__text { display: none; } } .banner__image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; width: 10em; height: 10em; } .banner__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } /*bloggers*/ .bloggers__wrap { color: var(--pink); background: rgba(241, 73, 145, 0.05); padding: 4em 5em 6em; border-radius: 4.2em; overflow: hidden; border: 1.05px solid #fff; position: relative; box-shadow: inset 5px 5px 17px rgba(230, 230, 230, 0.3); } @media (max-width: 767.98px) { .bloggers__wrap { padding: 3em; } } @media (max-width: 380px) { .bloggers__wrap { padding: 3em 2em; } } .page-bloggers__bg{ position: absolute; width: 110%; height: 10.8em; background: #f14991; left: 50%; top: 9.8em; transform: rotate(-6deg) translateX(-50%); z-index: -1; } @media (max-width: 920px) { .page-bloggers__bg{ top: 30%; } } .bloggers__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .title-xl.bloggers__title { font-weight: 500; font-size: 3.6em; line-height: 1.2777; letter-spacing: -0.05em; color: #f14991; } @media (max-width: 570px) { .title-xl.bloggers__title { font-size: 3.2em; } } @media (max-width: 435px) { .title-xl.bloggers__title { font-size: 2.8em; } } @media (max-width: 379px) { .title-xl.bloggers__title { font-size: 2.3em; } } .bloggers__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .reviews__wrap .bloggers__controls{ margin-top: 2.6em; } @media (max-width: 767.98px) { .bloggers__controls { display: none; } .reviews__wrap .bloggers__controls{ display: flex; } } .bloggers__slider { margin-top: 3em; } .slider-bloggers { overflow: visible; } .slider-bloggers__prev, .slider-bloggers__next { background: transparent; } .slider-bloggers__next:hover{ background: transparent; } .slider-bloggers__slide { opacity: 0; -webkit-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .slider-bloggers__slide.swiper-slide-visible { opacity: 1; } .slider-bloggers__body { position: relative; } .slider-bloggers__new { position: absolute; z-index: 10; top: 0; right: 0; color: #ec2e32; background: var(--white); text-transform: uppercase; font-weight: 500; font-size: 2.1em; line-height: 1.23; padding: 0.4545em 0.7272em; border-radius: 1.28em; letter-spacing: -0.03em; -webkit-transform: translate(27%, -37%) rotate(-33deg); -ms-transform: translate(27%, -37%) rotate(-33deg); transform: translate(27%, -37%) rotate(-33deg); } /* Только для iOS */ @supports (-webkit-touch-callout: none) { a.slider-bloggers__body { display: block; width: 100%; } } .slider-bloggers__image { display: block; overflow: hidden; border-radius: 2em; width: 100%; height: 28.1em; margin-bottom: 2em; } .slider-bloggers__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .slider-bloggers__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .slider-bloggers__title { font-weight: 400; font-size: 2em; line-height: 1.3; letter-spacing: -0.05em; color: #696c70; max-width: 20.15em; } /*reviews*/ .reviews__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .reviews__title { font-weight: 600; } .reviews__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 767.98px) { .reviews__controls { display: none; } } .reviews__slider { margin-top: 4em; } .slider-reviews__body { overflow: hidden; border-radius: 4.2em; } .slider-reviews__first .slider-reviews__bg{ background: rgba(241, 73, 145, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding: 4em 2em; -webkit-box-shadow: inset 5px 5px 10px rgba(230, 230, 230, 0.3); box-shadow: inset 5px 5px 10px rgba(230, 230, 230, 0.3); border-radius: 4.2em; } .slider-reviews__bg { overflow: hidden; width: 100%; height: 52em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shorts-card{ position: absolute; width: 100%; height: 100%; } .slider-reviews__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .review-first__bg{ position: absolute; bottom: 0; right: 0; } @media (max-width: 1436px) { .review-first__bg{ right: -8em; bottom: -2em; } } @media (max-width: 1250px) { .review-first__bg{ width: 29.6em; right: 0; bottom: -6em; } } @media (max-width: 991px) { .review-first__bg{ width: 33.6em; bottom: 0; right: 0; } } @media (max-width: 875px) { .review-first__bg{ bottom: -1em; right: -2em; } } @media (max-width: 367px) { .review-first__bg{ width: 29.6em; } } @media (max-width: 347px) { .review-first__bg{ width: 25.6em; bottom: -3em; right: -2em; } } .slider-reviews__title{ font-weight: 500; font-size: 2.4em; line-height: 1.292; letter-spacing: -0.05em; color: #f14991; } @media (max-width: 1650px) { .slider-reviews__title{ font-size: 2.1em; } } @media (max-width: 1615px) { .slider-reviews__title{ font-size: 2.4em; } } @media (max-width: 1550px) { .slider-reviews__title{ font-size: 2.2em; } } @media (max-width: 1450px) { .slider-reviews__title{ font-size: 2em; } } @media (max-width: 1250px) { .slider-reviews__title{ font-size: 2.4em; } } @media (max-width: 991px) { .slider-reviews__title{ font-size: 2.5em; } } @media (max-width: 830px) { .slider-reviews__title{ font-size: 2.4em; } } @media (max-width: 767px) { .slider-reviews__title{ font-size: 2.6em; max-width: 80%; } } @media (max-width: 650px) { .slider-reviews__title{ font-size: 2.4em; max-width: 90%; } } @media (max-width: 554px) { .slider-reviews__title{ font-size: 2.3em; max-width: 100%; } } @media (max-width: 493px) { .slider-reviews__title{ font-size: 2.1em; } } @media (max-width: 479px) { .slider-reviews__title{ max-width: 90%; } } @media (max-width: 398px) { .slider-reviews__title{ max-width: 100%; } } .slider-reviews__subtitle{ font-weight: 400; font-size: 1.6em; line-height: 1.25; letter-spacing: -0.05em; color: #f14991; opacity: 0.8; } @media (max-width: 1550px) { .slider-reviews__subtitle{ font-size: 1.5em; } } @media (max-width: 1450px) { .slider-reviews__subtitle{ font-size: 1.6em; } } @media (max-width: 1250px) { .slider-reviews__subtitle{ font-size: 1.9em; } } @media (max-width: 830px) { .slider-reviews__subtitle{ font-size: 1.7em; } } @media (max-width: 767px) { .slider-reviews__subtitle{ font-size: 2em; max-width: 80%; } } @media (max-width: 697px) { .slider-reviews__subtitle{ max-width: 90%; font-size: 1.8em; } } @media (max-width: 580px) { .slider-reviews__subtitle{ max-width: 100%; } } @media (max-width: 533px) { .slider-reviews__subtitle{ font-size: 1.6em; } } @media (max-width: 479px) { .slider-reviews__subtitle{ max-width: 90%; } } @media (max-width: 398px) { .slider-reviews__subtitle{ max-width: 100%; } } .slider-reviews__bg .button-red{ margin-top: 1.8em; } .slider-reviews__bg .button-red:hover{ background: transparent; } .button-red i svg path, .button-red i svg circle { -webkit-transition: fill 0.3s ease 0s; transition: fill 0.3s ease 0s; } .slider-reviews__bg .button-red:hover svg path, .slider-reviews__bg .button-red:hover svg circle { fill: var(--pink); stroke: none; } .slider-reviews__body .play-button{ background: rgba(241, 73, 145, 0.2); width: 10em; height: 10em; border-radius: 8.7em; position: relative; -webkit-transition: 0.3s ease 0s; transition: 0.3s ease 0s; isolation: isolate; } .play-button__icon{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .slider-reviews__body .play-button:hover{ transform: scale(1.1); } .slider-reviews__prev, .slider-reviews__next, .slider-bloggers__next, .slider-bloggers__prev{ width: 4.8em; height: 4.8em; border: none; } @media (any-hover: hover) { .slider-controls__prev.slider-reviews__prev:not(.swiper-button-disabled):hover, .slider-controls__next.slider-reviews__next:not(.swiper-button-disabled):hover, .slider-controls__next.slider-bloggers__next:not(.swiper-button-disabled):hover, .slider-controls__prev.slider-bloggers__prev:not(.swiper-button-disabled):hover { cursor: pointer; background: transparent; transform: scale(1.07); } .slider-controls__prev.slider-reviews__prev:hover svg path, .slider-controls__next.slider-reviews__next:hover svg path, .slider-controls__next.slider-bloggers__next:hover svg path, .slider-controls__prev.slider-bloggers__prev:hover svg path { stroke: var(--pink); } } .slider-reviews__prev svg, .slider-reviews__next svg, .slider-bloggers__next svg, .slider-bloggers__prev svg { width: 100%; height: 100%; } /*catalog*/ .catalog__title { font-weight: 500; font-size: 3.6em; line-height: 1.2777; letter-spacing: -0.05em; color: #f14991; } @media (max-width: 570px) { .catalog__title{ font-size: 3.2em; } } @media (max-width: 500px) { .catalog__title{ margin-left: 8px; } } @media (max-width: 435px) { .catalog__title{ font-size: 2.8em; } } .catalog-margin .catalog__title{ font-weight: 400; font-size: 3.5em; line-height: 1.314; letter-spacing: -0.05em; color: var(--primary); } .catalog__items { margin-top: 2em; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 10px; row-gap: 1rem; } @media (max-width: 1279.98px) { .catalog__items { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767.98px) { .catalog__items { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; row-gap: 1rem; } } @media (max-width: 500px) { .catalog__items { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; row-gap: 3px; } } .item-catalog { position: relative; padding: 10px 1.3em 4.3em; overflow: hidden; border-radius: 4.2em; background: var(--white); -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s ease 0s; transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s ease 0s; transition: transform 0.3s, box-shadow 0.3s ease 0s; transition: transform 0.3s, box-shadow 0.3s ease 0s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s ease 0s; border: 1.05px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 500px) { .item-catalog{ border-radius: 3em; } } @media (any-hover: hover) { .item-catalog:hover { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-box-shadow: 0px 0.2em 1em 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 0.2em 1em 0px rgba(0, 0, 0, 0.0509803922); } .item-catalog:hover .item-catalog__button { background: var(--pink); } .item-catalog:hover .item-catalog__button svg path { stroke: var(--white); } } .item-catalog__button { position: absolute; width: 5.23em; height: 5.23em; top: 2em; right: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: var(--light3); -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } @media(max-width: 500px){ .item-catalog__button{ width: 4em; height: 4em; } } .item-catalog__button svg { width: 4.6em; height: 4.5em; } .item-catalog__button svg path { -webkit-transition: stroke 0.3s ease 0s; transition: stroke 0.3s ease 0s; } .item-catalog__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.6em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media(max-width: 500px){ .item-catalog__body{ gap: 1em; } } .item-catalog__image { overflow: hidden; display: block; width: 100%; aspect-ratio: 1/1; } .item-catalog__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4.2em; } .item-catalog__text-block { width: 100%; padding: 0 0.6em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5625rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .item-catalog__name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; word-break: break-all; background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #c5c5c5), to(#797979)); background: linear-gradient(to top, #c5c5c5 5%, #797979 100%); -webkit-background-clip: text; background-clip: text; color: transparent; height: 100%; } .item-catalog__name.text{ font-size: 2.2em; line-height: 1.318; font-weight: 500; letter-spacing: -0.05em; } @media (max-width: 1279.98px) { .item-catalog__name { font-size: 2.2em; } } @media (max-width: 767.98px) { .item-catalog__name { font-size: 2em; } } .item-catalog__price { font-weight: 600; font-size: 2em; line-height: 1.3; } @media(max-width: 500px){ .item-catalog__name.text{ font-size: 2em; } .item-catalog__price{ font-size: 1.8em; } .item-catalog__text-block{ gap: 5px; } } @media(max-width: 420px){ .item-catalog__name.text{ font-size: 1.9em; } .item-catalog__price{ font-size: 1.7em; } } /*catalog-page*/ .catalog-page { position: relative; margin-top: 18em; } .catalog-page__content{ position: relative; width: 100%; } .catalog-page__back-to-top { position: fixed; bottom: 3em; right: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 5em; height: 5em; background: var(--pink); border: 1px solid var(--pink); border-radius: 50%; cursor: pointer; z-index: 10; -webkit-transition: background 0.3s, opacity 0.5s ease 0s; transition: background 0.3s, opacity 0.5s ease 0s; visibility: hidden; opacity: 0; } .catalog-page__back-to-top svg { width: 2.4em; height: 2.4em; } .catalog-page__back-to-top svg path { -webkit-transition: stroke 0.3s ease 0s; transition: stroke 0.3s ease 0s; } .catalog-page__back-to-top.active { opacity: 1; visibility: visible; } @media (any-hover: hover) { .catalog-page__back-to-top:hover { background: var(--white); } .catalog-page__back-to-top:hover svg path { stroke: var(--pink); } } .catalog-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .catalog-page__title { color: var(--gray1); } .catalog-page__wrap { margin-top: 2em; } @media (min-width: 767.98px) { .catalog-page__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } } .catalog-page__items { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr; grid-template-columns: repeat(5, 1fr); gap: 1rem; } @media (max-width: 1279.98px) { .catalog-page__items { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767.98px) { .catalog-page__items { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 479.98px) { .catalog-page__items { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1279.98px) { .catalog-page__items .item-catalog__image { height: 22.5vw; } } @media (max-width: 767.98px) { .catalog-page__items .item-catalog__image { height: 30vw; border-radius: 1em; } } @media (max-width: 479.98px) { .catalog-page__items .item-catalog__image { height: 45vw; } } .mobile-spoller { width: 100%; } .mobile-spoller__title { display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--primary); position: relative; width: 100%; text-align: left; } .mobile-spoller__title::before, .mobile-spoller__title::after { content: ""; top: 50%; right: 0; border-radius: 2px; position: absolute; width: 0.6em; height: 2px; background: var(--primary); } .mobile-spoller__title::before { -webkit-transform: rotate(-135deg) translateX(50%); transform: rotate(-135deg) translateX(50%); } .mobile-spoller__title::after { -webkit-transform: rotate(-45deg) translateX(50%); transform: rotate(-45deg) translateX(50%); } .mobile-spoller__title.spoller-active::before, .mobile-spoller__title.spoller-active::after { width: 1.2em; background: var(--pink); } .mobile-spoller__title.spoller-active::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px); } .mobile-spoller__title.spoller-active::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: auto; bottom: calc(50% - 1px); } @media (min-width: 767.98px) { .mobile-spoller__title { display: none; } } @media (max-width: 479.98px) { .mobile-spoller__title { width: 100%; } } .filter { width: 23em; padding: 2em; border-radius: 1em; border: 1px solid var(--gray2); } @media (max-width: 767.98px) { .filter { width: 100%; margin-bottom: 3em; padding: 1.5em; } } @media (max-width: 767.98px) { .filter__body { width: 100%; } } .filter__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (max-width: 767.98px) { .filter__items { width: 100%; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .filter__button { margin-top: 2em; } .item-filter { padding-bottom: 2em; } .item-filter:not(:last-child) { border-bottom: 1px solid var(--gray2); } .item-filter__title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5rem; color: var(--primary); font-size: 2.4em; line-height: 100%; } .item-filter__title i { border-radius: 0.25em; border: 2px solid var(--primary); width: 1em; height: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .item-filter__title i { border-radius: 0.375em; width: 1.25em; height: 1.25em; } } .item-filter__title svg { width: 50%; height: 50%; } .item-filter__title.spoller-active i { border: 2px solid var(--pink); } .item-filter__title.spoller-active i svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .item-filter__title.spoller-active i svg path { stroke: var(--pink); } @media (max-width: 767.98px) { .item-filter__title { font-size: 2.8em; } } .item-filter__spoller-body { margin-top: 2em; max-height: 32em; overflow-y: auto; } .item-filter__spoller-body #search_brand { margin-bottom: 0.75em; font-size: 1.4em; } @media (max-width: 767.98px) { .item-filter__list { margin: 0 2em; padding-right: 1em; } } @media (max-width: 767.98px) { .item-filter__checkbox .checkbox__text { font-size: 2.4em; } .item-filter__checkbox:not(:last-child) { margin-bottom: 1.25em; } .item-filter__checkbox .checkbox__label { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .item-filter__checkbox .checkbox__label::before { content: ""; width: 3.5em; height: 3.5em; border-radius: 1em; } } .item-filter__inputs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; margin-bottom: 2em; } .item-filter__inputs::before { content: ""; position: absolute; width: 1.3em; height: 1px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--pink); } .item-filter__input-body { padding: 0.5em; border-radius: 0.75em; border: 2px solid var(--gray2); max-width: 8.5em; } .item-filter__input { width: 100%; font-size: 1.6em; line-height: 100%; } .mobile-filter { display: none; } @media (max-width: 767.98px) { .mobile-filter { position: fixed; display: block; z-index: 200; width: 100%; height: auto; max-height: 75vh; overflow-y: auto; top: auto; bottom: 0; left: 0; background: var(--white); border-top: 1px solid var(--light); border-radius: 3em 3em 0 0; -webkit-box-shadow: 0 -2em 2em 0 rgba(0, 0, 0, 0.2); box-shadow: 0 -2em 2em 0 rgba(0, 0, 0, 0.2); } } .mobile-filter__body { width: 100%; } .mobile-filter__body .popup__close { width: 3.6em; height: 3.6em; top: 1em; } .mobile-filter__body .popup__close span::before, .mobile-filter__body .popup__close span::after { width: 1.6em; } .mobile-filter__body.popup__content { padding: 2em; padding-top: 8em; } /*detail-page*/ .detail-page__back { padding: 0.25em 0.75em; border-radius: 4em; font-size: 2em; line-height: 110%; color: var(--gray1); border: 1px solid var(--gray2); } .detail-page__back i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.7em; height: 2.7em; border-radius: 50%; border: 1px solid var(--gray2); } .detail-page__back i svg { width: 0.6em; height: 1.2em; } .detail-page__back i svg path { stroke: var(--gray2); } .detail-page__wrap { margin-top: 3.3em; } @media (min-width: 767.98px) { .detail-page__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1006fr 586fr; grid-template-columns: 1006fr 586fr; margin-left: 8px; } } @media (max-width: 991.98px) { .detail-page__wrap { gap: 3em; -ms-grid-columns: 2fr 1.5fr; grid-template-columns: 2fr 1.5fr; } } .detail-page__slider-body { position: relative; width: 100%; } @media (max-width: 991.98px) { .detail-page__slider-body { overflow: hidden; } } .detail-page__slider-block { position: relative; } @media (min-width: 991.98px) { .detail-page__slider-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .detail-page__content-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2em; } .detail-page__content { padding: 3em; border-radius: 4em; background: var(--white); border: 1px solid var(--gray2); } @media (max-width: 896px) { .detail-page__content { padding: 3em 2.5em; } } @media (max-width: 767.98px) { .detail-page__content { margin-top: 2em; padding: 3em; border-radius: 3em; } .detail-page__content.detail-page__recommendation-block { margin-top: 0; } } @media (max-width: 459px) { .detail-page__content { padding: 2em; } } .detail-page__content.detail-page__recommendation-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1em 3em; } @media (max-width: 459px) { .detail-page__content.detail-page__recommendation-block { padding: 1em 2em; } } .detail-page__recommendation-block .button-white-tr{ border: 1px solid var(--pink); font-size: 1.4em; line-height: 0.714; letter-spacing: -0.05em; color: var(--primary); border-radius: 3em; padding: 1em; } @media(max-width: 1279px){ .detail-page__recommendation-block .button-white-tr{ font-size: 12px; } } .detail-page__recommendation-block .button-white-tr:hover{ background: var(--pink); color: var(--white); } .detail-page__rec-title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1em; } .detail-page__rec-title svg{ width: 3em; height: 3em; } @media(max-width: 1279px){ .detail-page__rec-title svg{ width: 4em; height: 4em; } } @media(max-width: 991px){ .detail-page__rec-title svg{ width: 3em; height: 3em; } } .detail-page__rec-title span{ font-weight: 500; font-size: 1.3em; line-height: 1.333; color: var(--primary); } @media (max-width: 1450px) and (min-width: 1437px){ .detail-page__rec-title span{ max-width: 200px; } } @media (max-width: 1436px){ .detail-page__rec-title span{ font-size: 12px; max-width: 13em; } } @media (max-width: 1250px){ .detail-page__rec-title span{ font-size: 11px; } } @media (max-width: 330px){ .detail-page__rec-title span{ font-size: 10px; } } .detail-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; margin-left: 8px; } @media (max-width: 767.98px) { .detail-page__header { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 767.98px) { .detail-page__header-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } } @media (min-width: 767.98px) { .detail-page__mobile-button { display: none; } } @media (max-width: 767.98px) { .detail-page__mobile-button { left: 1em; } } .detail-page__fav-button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.5em; height: 4.5em; background: #fafafa; border-radius: 63px; padding: 1.05em; margin: 0; } @media (max-width: 1350px) { .detail-page__fav-button { width: 3.5em; height: 3.5em; padding: 0.8em; } } .detail-page__fav-button svg { width: 100%; height: 100%; transition: transform ease .3s; } .detail-page__fav-button svg path { -webkit-transition: stroke 0.3s ease 0s; transition: stroke 0.3s ease 0s; } .detail-page__fav-button.active svg path { stroke: var(--pink); } .in_favorite svg path{ stroke: var(--pink); } @media (any-hover: hover) { .detail-page__fav-button:hover svg path { stroke: var(--pink); } } @media (max-width: 767.98px) { .detail-page__fav-button { right: 1em; } } @media (max-width: 767.98px) { .detail-page__mobile-button, .detail-page__fav-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6em; position: absolute; z-index: 10; top: 1.5em; right: 1.5em; width: 4.5em; height: 4.5em; padding: 1.05em; } } @media (max-width: 500px) { .detail-page__mobile-button, .detail-page__fav-button { width: 4em; height: 4em; padding: 0.9em; } } @media (max-width: 380px) { .detail-page__mobile-button, .detail-page__fav-button { width: 3.5em; height: 3.5em; padding: 0.8em; top: 1.3em; right: 1.3em; } } .detail-page__title-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } .detail-page__title.title { color: var(--gray1); font-weight: 400; font-size: 3.2em; line-height: 1.2812em; letter-spacing: -0.05em; color: #797979; } @media(max-width: 370px){ .detail-page__title.title{ font-size: 22px; } } .detail-page__price { font-weight: 600; } @media(max-width: 1250px){ .detail-page__price{ margin-left: 0.2em; } } .detail-page__price-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2em; } @media(max-width: 1250px) and (min-width: 768px){ .detail-page__price-block{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media(max-width: 440px){ .detail-page__price-block{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .detail-page__title-price{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.7em; width: 100%; } @media(max-width: 1250px) and (min-width: 768px){ .detail-page__title-price{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.2em; } } @media(max-width: 440px){ .detail-page__title-price{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.2em; } } .detail-page__title-condition{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.9em; } .detail-page__condition.title{ font-weight: 400; font-size: 2em; line-height: 1.3; letter-spacing: -0.05em; color: var(--primary); opacity: 0.5; } .detail-page__condition.title.pink{ color: var(--pink); text-transform: lowercase; } .detail-page__split-price{ border-radius: 4em; padding: 1.5em; background: var(--pink); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1em; width: fit-content; } .detail-split__text{ font-weight: 500; font-size: 1.7em; line-height: 12px; color: var(--white); } .detail-split__text-small{ font-size: 12px; } .detail-split__logo{ width: 8em; } .detail-page__tabs-block { margin-top: 3em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3em; } .detail-page__buttons { margin-top: 3em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.8em; } @media (max-width: 879px) and (min-width: 768px) { .detail-page__buttons { flex-direction: column; align-items: flex-start; } } @media (max-width: 479.98px) { .detail-page__buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 440px) { .detail-page__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .detail-page__button { white-space: nowrap; font-weight: 400; font-size: 2em; letter-spacing: -0.05em; border-radius: 4em; padding: 0.85em 2.55em; } .detail-page__button.button-red { padding: 0.85em 2.55em; } @media (max-width: 1350px) { .detail-page__button.button-red, .detail-page__button{ padding: 0.85em 2em; } .detail-page__button.button-black i{ width: 2em; height: 2em; } } @media (max-width: 956px) { .detail-page__button.button-red, .detail-page__button{ padding: 0.85em 1.5em; } } @media (max-width: 919px) { .detail-page__button.button-red, .detail-page__button{ padding: 0.85em 1.2em; } } @media (max-width: 879px) { .detail-page__button.button-red, .detail-page__button{ padding: 0.85em 2.55em; } } @media (max-width: 550px) { .detail-page__button.button-red, .detail-page__button{ width: fit-content; } } @media (max-width: 440px) { .detail-page__button.button-red, .detail-page__button{ width: 100%; } } @media (max-width: 767.98px) and (min-width: 551px) { .detail-page__button { width: 100%; } } .detail-page__noproduct-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.2em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 3em auto 0; } @media (max-width: 410px) { .detail-page__noproduct-container img{ width: 90%; } } .detail-page__noproduct-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 1.2em 2.1em; border-radius: 10em; font-size: 2em; font-weight: 400; letter-spacing: -0.05em; line-height: 130%; color: var(--white); background: var(--pink); text-align: center; } @media (max-width: 410px) { .detail-page__noproduct-text{ font-size: 1.8em; } } .detail-page__content.auto-height{ height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-bottom: 0; } .detail-page__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5rem; width: 100%; font-size: 1.3em; line-height: 110%; } @media (max-width: 479.98px) { .detail-page__info { width: fit-content; } } .detail-page__info svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2em; height: 2em; } @media (max-width: 1436px) { .detail-page__info span { font-size: 12px; } } @media (max-width: 1250px) { .detail-page__info span { font-size: 11px; } } @media (max-width: 879px) { .detail-page__info span { font-size: 12px; max-width: none !important; } .detail-page__info svg{ width: 2.1em; height: 2.1em; } .detail-page__info{ margin-left: 0.9em; } } @media(max-width: 879px) and (min-width: 521px){ .detail-page__info span br{ display: none; } } @media(max-width: 440px){ .detail-page__info span br{ display: none; } } @media (min-width: 479.98px) { .detail-page__info span { max-width: 10em; } } .detail-page__info-block { margin-top: 2em; } .detail-page__info-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding: 0.9em 1.5em; border-radius: 10em; background: var(--light3); } .detail-page__info-row:not(:last-child) { margin-bottom: 5px; } .detail-page__info-row span{ font-size: 1.3em; line-height: 120%; color: var(--primary); } @media (max-width: 1436px){ .detail-page__info-row span{ font-size: 12px; } } @media (max-width: 1350px){ .detail-page__info-row span{ font-size: 11px; } } .detail-page__info-row svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2.7em; height: 2.7em; } .recommendation-detail { height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding: 2em; border-radius: 4em; background: var(--white); border: 1px solid var(--gray2); } @media (max-width: 767.98px) { .recommendation-detail { padding: 1em; border-radius: 2em; } } .recommendation-detail__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .recommendation-detail__row i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--pink); width: 3em; height: 3em; border-radius: 50%; } .recommendation-detail__row i svg { width: 1.6em; height: 1.6em; } .recommendation-detail__text span { color: var(--pink); } .recommendation-detail__button { padding: 0.75em 1em; border-radius: 2em; } .slider-thumb-detail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 991.98px) { .slider-thumb-detail { margin-left: 0; margin-right: 0; max-height: 69em; width: 13em; } } @media (max-width: 991.98px) { .slider-thumb-detail { margin-top: 2em; } .slider-detail__swiper.swiper-wrapper, .slider-thumb-detail__swiper.swiper-wrapper{ height: auto; } } @media (max-width: 767.98px) { .slider-thumb-detail { display: none; } } .slider-thumb-detail__slide { overflow: hidden; cursor: pointer; border-radius: 1.5em; border: 1.34px solid var(--gray2); width: 100%; aspect-ratio: 1/1; } .swiper-slide-thumb-active{ border-color: var(--pink); } .slider-thumb-detail__image { background: var(--white); overflow: hidden; width: inherit; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-thumb-detail__image img { width: 90%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .slider-thumb-detail__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .slider-detail { overflow: visible; position: relative; width: 100%; } @media (max-width: 1650px) and (min-width: 1616px) { .slider-detail { padding: 0 2em; } } @media (max-width: 1450px) { .slider-detail { padding: 0 4em; } } @media (max-width: 1436px) { .slider-detail { padding: 0; } } @media (max-width: 1350px) and (min-width: 1280px) { .slider-detail { padding: 0 4em; } } @media (max-width: 1250px) and (min-width: 992px) { .slider-detail { padding: 0 4em; } } @media (min-width: 992px) { .slider-detail { max-width: 69.6em; } } @media (max-width: 767.98px) { .slider-detail { border-radius: 2em; border: 1px solid var(--gray2); } } .slider-detail__slide { width: 100%; aspect-ratio: 1/1; opacity: 0; } .slider-detail__slide.swiper-slide-active { opacity: 1; } .slider-detail__image { display: block; overflow: hidden; width: inherit; height: inherit; border-radius: 2em; padding: 2em; background: var(--white); } .slider-detail__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 767.98px) { .slider-detail__image { border-radius: 5.1em; border: 1px solid rgba(0, 0, 0, 0.1); } } .slider-detail__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6em; position: absolute; z-index: 10; width: 4em; height: 4em; /*border-radius: 1em; border: 1px solid var(--gray2);*/ color: var(--gray2); top: auto; left: auto; bottom: 1em; right: 1em; } @media (min-width: 767.98px) { .slider-detail__pagination { display: none; } } .slider-detail__prev, .slider-detail__next { position: absolute; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.1em; height: 4.2em; border: none; border-radius: 0; } .slider-detail__prev svg, .slider-detail__next svg { width: 100%; height: 100%; } .slider-detail__prev svg path, .slider-detail__next svg path { stroke: var(--primary); opacity: 0.5; } @media (max-width: 767.98px) { .slider-detail__prev, .slider-detail__next { display: none; } } @media (any-hover: hover) { .slider-detail__prev:hover, .slider-detail__next:hover { background: transparent !important; } .slider-detail__prev:hover svg path, .slider-detail__next:hover svg path { stroke: var(--pink) !important; } } .slider-detail__prev { left: 0; transform: translateX(-200%) translateY(-50%); } .slider-detail__next { right: 0; transform: translateX(200%) translateY(-50%); } @media (max-width: 1650px) and (min-width: 1616px) { .slider-detail__prev { transform: translateX(-15px) translateY(-50%); } .slider-detail__next { transform: translateX(15px) translateY(-50%); } } @media (max-width: 1550px) { .slider-detail__prev { transform: translateX(-150%) translateY(-50%); } .slider-detail__next { transform: translateX(150%) translateY(-50%); } } @media (max-width: 1450px) { .slider-detail__prev { transform: translateX(5px) translateY(-50%); } .slider-detail__next { transform: translateX(-5px) translateY(-50%); } } @media (max-width: 1436px) { .slider-detail__prev { transform: translateX(-28px) translateY(-50%); } .slider-detail__next { transform: translateX(28px) translateY(-50%); } } @media (max-width: 1350px) and (min-width: 1280px) { .slider-detail__prev { transform: translateX(3px) translateY(-50%); } .slider-detail__next { transform: translateX(-3px) translateY(-50%); } } @media (max-width: 1250px) { .slider-detail__prev { transform: translateX(0px) translateY(-50%); } .slider-detail__next { transform: translateX(0px) translateY(-50%); } } @media (max-width: 992px) { .slider-detail__prev { transform: translateY(-50%); left: 10px; } .slider-detail__next { transform: translateY(-50%); right: 10px; } } .tabs-detail__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .tabs-detail__title.text{ font-weight: 400; font-size: 2em; line-height: 1.3; letter-spacing: -0.05em; color: var(--primary); } @media(max-width: 1279px){ .tabs-detail__title.text{ font-size: 2.3em; } } @media(max-width: 991px){ .tabs-detail__title.text{ font-size: 2.2em; } } @media(max-width: 896px){ .tabs-detail__title.text{ font-size: 2em; } } .tabs-detail__link.text{ font-weight: 400; font-size: 2em; line-height: 1.3; letter-spacing: -0.05em; text-align: right; color: var(--primary); opacity: 0.5; } .tabs-detail__items, .tabs-detail__items-small { margin-top: 1em; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr; grid-template-columns: repeat(5, 1fr); gap: 0.5rem; } @media (max-width: 1279.98px) { .tabs-detail__items, .tabs-detail__items-small { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 991.98px) { .tabs-detail__items, .tabs-detail__items-small { grid-template-columns: repeat(auto-fit, 11em); } } .tabs-detail__items-small { -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr); } @media (max-width: 1350px) { .tabs-detail__items-small { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } } .tabs-detail__items-small.colors{ -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } @media (max-width: 1279px) { .tabs-detail__items-small.colors{ -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 991.98px) { .tabs-detail__items-small { grid-template-columns: repeat(auto-fit, 6.5em); } } .tabs-detail__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; border-radius: 0.6em; width: 100%; aspect-ratio: 1/1; border: 1.2px solid var(--gray2); -webkit-transition: border 0.3s ease 0s; transition: border 0.3s ease 0s; } .tabs-detail__item.chosen { border: 1.20px solid var(--pink); } .tabs-detail__item.notallowed { cursor: not-allowed; opacity: 0.7; border: 1px dashed var(--gray2); } @media (any-hover: hover) { .tabs-detail__item:not(.notallowed):hover { cursor: pointer; border: 1px solid var(--primary); } } .tabs-detail__image { background: var(--white); overflow: hidden; width: inherit; aspect-ratio: 1/1; } .tabs-detail__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .tabs-detail__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .tabs-detail__text { font-weight: 400; font-size: 2.4em; line-height: 1.2917em; letter-spacing: -0.05em; text-align: center; color: var(--primary); } @media (max-width: 1650px) { .tabs-detail__text{ font-size: 1.8em; } } @media (max-width: 1615px) { .tabs-detail__text{ font-size: 2.1em; } } @media (max-width: 1279px) { .tabs-detail__text{ font-size: 2.4em; } } .information-detail { margin-top: 2rem; font-size: inherit; } .information-detail__title { font-weight: 400; font-size: 2.6em; line-height: 1.269em; letter-spacing: -0.05em; color: var(--primary); margin-bottom: 10px; } .information-detail__table{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .information-detail__row{ display: -ms-grid; display: grid; -ms-grid-columns: (11em)[2]; grid-template-columns: repeat(2, 11em); } .information-detail__row .text { font-weight: 400; font-size: 2em; line-height: 1.3; letter-spacing: -0.05em; color: var(--primary); } .information-detail__row .text:first-child { color: var(--gray1); } /*favourite*/ .favourite { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25em; padding: 1em 1em 0 1em; border-radius: 1em; color: var(--white); background: radial-gradient(50% 49.96% at 50% 49.96%, #EC2E32 0%, #EC2F84 100%); } @media (max-width: 767.98px) { .favourite { width: 100%; margin-top: 3em; } } #favourite-page button.detail-page__fav-button.favorite{ position: absolute; right: 1em; } .favourite__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767.98px) { .favourite__body { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } } .favourite__image { overflow: hidden; width: 13.5em; height: 16em; } .favourite__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } /*detail review*/ .page__detail-review { margin-top: 6em; } .detail-review__title.title{ font-weight: 400; font-size: 3.5em; letter-spacing: -0.05em; line-height: 1.314; } .detail-review__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 13px; } .detail-review__rating-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .detail-review__rating { font-weight: 600; font-size: 4.9em; letter-spacing: -0.05em; color: #000; line-height: 1.286; } .detail-review__stars svg { width: 3.3em; height: 3.3em; } .detail-page__content .detail-review__rating-block{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 3px; } .detail-page__content .detail-review__rating{ font-size: 13px; font-weight: 400; opacity: 0.5; } .detail-page__content .detail-review__stars{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2px; } .detail-page__content .detail-review__stars svg { width: 13px; height: 13px; } .detail-review__slider-block { margin-top: 2.8em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1em; } @media (min-width: 991.98px) { .detail-review__slider-block { width: 99em; margin-left: 0; margin-right: auto; } } .detail-review__slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin: 0; } .detail-review__items { margin-top: 4em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } @media (min-width: 991.98px) { .detail-review__items { width: 99em; margin-left: 0; margin-right: auto; } } .slider-detail-review__slide { overflow: hidden; width: 15.2em; height: 15.2em; border-radius: 7px; } .slider-detail-review__image { overflow: hidden; width: 100%; height: 100%; } .slider-detail-review__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .slider-detail-review__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .slider-detail-review__prev, .slider-detail-review__next { -webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s; width: 3.1em; height: 3.1em; border: 2px solid var(--pink); } @media(max-width: 1250px){ .slider-detail-review__prev, .slider-detail-review__next { width: 25px; height: 25px; } } .slider-detail-review__prev svg, .slider-detail-review__next svg { width: auto; height: 48.5%; } .slider-detail-review__next{ padding-left: 0.2em; } .slider-detail-review__prev svg{ transform: rotate(180deg); } .slider-detail-review__prev.swiper-button-disabled, .slider-detail-review__next.swiper-button-disabled { display: none; } .item-detail-review { border-bottom: 1px solid var(--gray2); } .item-detail-review__body { padding-bottom: 2.7em; } .item-detail-review__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .item-detail-review__avatar { overflow: hidden; border-radius: 1em; border: 1px solid var(--gray2); width: 5.6em; height: 5.6em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .item-detail-review__avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .item-detail-review__avatar svg { width: 3.4em; height: 3.4em; } .item-detail-review__header-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 5.6em; } .item-detail-review__rating svg { width: 2em; height: 2em; } .item-detail-review__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.3em; } .item-detail-review__name, .item-detail-review__date { color: var(--primary); opacity: 0.5; font-weight: 300; } .item-detail-review__images { margin-top: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; } @media(max-width: 545px){ .item-detail-review__images{ flex-wrap: wrap; } } .item-detail-review__image { overflow: hidden; border-radius: 1em; width: 8.4em; height: 8.4em; } .item-detail-review__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .item-detail-review__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .item-detail-review__content { margin-top: 2.8em; } .item-detail-review__content-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.8em; } @media(max-width: 450px){ .item-detail-review__content-row{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .item-detail-review__content-row:not(:last-child) { margin-bottom: 1em; } .item-detail-review__desc { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 7em; color: var(--gray3); } .item-detail-review__desc.text-main { font-weight: 500; font-size: 2.2em; line-height: 1.273; letter-spacing: -0.05em; color: var(--primary); opacity: 0.5; } @media (max-width: 600px){ .item-detail-review__desc.text-main{ font-size: 16px; } } .item-detail-review__text.text-main{ font-weight: 400; font-size: 2.2em; line-height: 1.273; letter-spacing: -0.05em; color: var(--primary); } @media (max-width: 600px){ .item-detail-review__text.text-main{ font-size: 14px; } } /*company-page*/ .about-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .about-page__title { color: var(--gray1); } .about-page__subtitle { color: #000; } .about-page__wrap { margin-top: 4em; } @media (min-width: 991.98px) { .about-page__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } } .about-page__content { width: 100%; padding: 4em 2em; border-radius: 1em; border: 1px solid var(--gray2); } @media (max-width: 991.98px) { .about-page__content { padding: 2em; } } .about-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } .about-page__rows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .about-page__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding-bottom: 1em; border-bottom: 1px solid var(--gray2); } .about-page__desc { color: var(--gray1); } .about-page__name { text-align: right; } @media (max-width: 991.98px) { .about-page__items { margin-top: 1rem; } } @media (min-width: 767.98px) { .about-page__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } } .item-about { overflow: hidden; position: relative; border-radius: 1em; width: 38em; padding: 2em; } @media (max-width: 991.98px) { .item-about { width: 100%; min-height: 32em; } } @media (max-width: 767.98px) { .item-about:not(:last-child) { margin-bottom: 1rem; } } .item-about_red { color: var(--white); background: radial-gradient(50% 49.96% at 50% 49.96%, #EC2E32 0%, #EC2F84 100%); } .item-about_white { border: 1px solid var(--gray2); } .item-about__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; position: relative; z-index: 5; } .item-about__bg, .item-about__image { overflow: hidden; position: absolute; } .item-about__bg img, .item-about__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .item-about__bg { right: -2em; bottom: -2em; } .item-about__image { width: 19em; height: auto; right: 0; bottom: -3em; } /*delivery-page*/ .delivery-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .delivery-page__title { color: var(--gray1); } .delivery-page__content { margin-top: 4em; } .delivery-page__items { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 3rem; } @media (max-width: 991.98px) { .delivery-page__items { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; } } .item-delivery { position: relative; width: 16em; border-radius: 2em; border: 1px solid var(--gray2); padding: 2em 1em; } .item-delivery__number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--white); background: var(--pink); border-radius: 50%; font-size: 1.6em; width: 1.875em; height: 1.875em; position: absolute; top: 0.5em; left: 0.5em; } .item-delivery__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .item-delivery__image { overflow: hidden; width: 4.8em; height: 5.8em; margin-bottom: 1rem; } .item-delivery__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .item-delivery__text { border-top: 1px solid var(--gray2); padding-top: 1rem; color: var(--gray1); } /*questions*/ .questions__wrap { position: relative; margin-top: 4em; } @media (min-width: 991.98px) { .questions__wrap { max-width: 102em; } } @media (min-width: 991.98px) { .questions__spoler-body { max-width: calc(50% - 0.5rem); } } .spoller-questions:not(:last-child) { margin-bottom: 1em; } .spoller-questions__button { width: 100%; text-align: left; border-radius: 1em; border: 1px solid var(--gray2); padding: 1em; color: var(--primary); -webkit-transition: border 0.3s, background 0.3s ease 0s; transition: border 0.3s, background 0.3s ease 0s; } .spoller-questions__button.spoller-active { border: 1px solid var(--primary); } @media (any-hover: hover) { .spoller-questions__button:not(.spoller-active):hover { background: var(--gray2); } } .spoller-questions__content { color: var(--gray1); border: 1px solid var(--gray2); border-radius: 1em; padding: 2em; } @media (min-width: 991.98px) { .spoller-questions__content { position: absolute; width: calc(50% - 0.5rem); min-height: 100%; top: 0; left: 50%; } } @media (max-width: 991.98px) { .spoller-questions__content { margin-top: 2em; } } .spoller-questions__title { color: var(--primary); padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid var(--gray2); } .spoller-questions__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .profile-page__breadcrumbs{ margin-left: 8px; } /*profile-page*/ @media (max-width: 767.98px) { .profile-page__breadcrumbs { display: none; } } .profile-page__wrap { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 3.365em; } @media (max-width: 767.98px) { .profile-page__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } @media (max-width: 767.98px) { .profile-page__menu.mobile-hide { display: none; } } @media (min-width: 767.98px) { .profile-page__back-button { display: none; } } .profile-page__body { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; gap: 2.6em; } .profile-page__body.order-detail{ gap: 3.6em; } @media (min-width: 992px) { .profile-page__body { margin-left: 1.714em; } .profile-page__body.order-detail{ margin-left: 0; } } .profile-page__title.title, .operations-profile__title.title{ font-weight: 400; font-size: 3.2em; letter-spacing: -0.05em; line-height: 1.3125; color: var(--primary); opacity: 0.5; } @media (min-width: 767.98px) { .profile-page__title { color: var(--gray1); } } @media (max-width: 767.98px) { .profile-page__title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0 0 0.5em 0.5em; border-left: 1px solid var(--gray2); border-right: 1px solid var(--gray2); border-bottom: 1px solid var(--gray2); margin-top: 1em; padding: 2.5em 0.5em 0.5em 0.5em; } .profile-page__title span { text-align: center; } .profile-page__title a { position: absolute; bottom: 0.5em; left: 0.5em; } } .profile-page__form-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .operations-profile__title { color: var(--gray1); } .operations-profile__filter.filter { width: 100%; padding: 0; border: none; } .operations-profile__filter .filter__list { margin-top: 1.9em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.27em; overflow-x: auto; } @media(max-width: 790px) and (min-width: 768px){ .operations-profile__filter .filter__list{ gap: 5px; } } .operations-profile__filter .filter__button { white-space: nowrap; margin: 0; cursor: pointer; font-size: 2em; line-height: 120%; padding: 0.62em 1.16em; border-radius: 1.5em; border: 1px solid var(--light); -webkit-transition: background 0.3s, color 0.3s ease 0s; transition: background 0.3s, color 0.3s ease 0s; } @media(max-width: 900px){ .operations-profile__filter .filter__button{ font-size: 1.8em; } } @media(max-width: 835px) and (min-width: 768px){ .operations-profile__filter .filter__button{ font-size: 13px; } } @media (any-hover: hover) { .operations-profile__filter .filter__button:not(.active):hover { border: 1px solid var(--pink); } } .operations-profile__filter .filter__button.active { border: 1px solid var(--pink); } .no-bonus__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid rgba(41, 45, 50, 0.2); border-radius: 2.5em; padding: 3.7em 23.7em 3.2em 3.7em; margin-top: 3em; gap: 20px; position: relative; overflow: hidden; } @media (max-width: 991px) { .no-bonus__wrapper { padding-right: 20em; } } @media (max-width: 920px) { .no-bonus__wrapper { padding-right: 19em; } } @media (max-width: 926px) { .no-bonus__wrapper { padding: 3em 15em 3em 3em; } } @media (max-width: 774px) and (min-width: 768px) { .no-bonus__wrapper { padding: 3em 14em 3em 2em; } } @media (max-width: 767px) { .no-bonus__wrapper { padding: 3em 20em 3em 3em; } } @media (max-width: 632px) { .no-bonus__wrapper { padding: 3em; } } @media (max-width: 496px) { .no-bonus__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .no-bonus__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.26em; } .no-bonus__text h3 { font-weight: 400; font-size: 3.3em; line-height: 1.2727; letter-spacing: -0.04em; color: #292d32; } @media (max-width: 991px) { .no-bonus__text h3 { font-size: 3em; } } @media (max-width: 889px) { .no-bonus__text h3 { font-size: 2.8em; } .no-bonus__text{ gap: 1em; } } .no-bonus__text span { font-weight: 400; font-size: 2em; line-height: 1.3; letter-spacing: -0.04em; color: #292d32; opacity: 0.5; } @media (max-width: 1351px) and (min-width: 1280px) { .no-bonus__text span { font-size: 1.8em; } .no-bonus__text h3{ font-size: 3em; } } @media (max-width: 889px) { .no-bonus__text h3{ font-size: 2.8em; } } @media (max-width: 868px) { .no-bonus__text h3{ font-size: 2.5em; } .no-bonus__text span { font-size: 1.8em; } } .no-bonus__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .no-bonus__content .bonus-profile__item { height: fit-content; padding-right: 7.8em; } @media (max-width: 1351px) { .no-bonus__content .bonus-profile__item { padding-right: 6em; } } @media (max-width: 950px) { .no-bonus__content .bonus-profile__item { padding-right: 3em; } } @media (max-width: 889px) { .no-bonus__content .bonus-profile__item span{ font-size: 14px; } .no-bonus__content .bonus-profile__item { padding: 1.5em 2em; } } @media (max-width: 496px) { .no-bonus__content .bonus-profile__item, .no-bonus__content{ width: fit-content; } .no-bonus__content .bonus-profile__item{ padding-right: 7.8em; } } .no-bonus__bg{ position: absolute; bottom: 0; right: 0; max-height: 100%; } @media (max-width: 1615px) { .no-bonus__bg{ right: -2%; } } @media(max-width: 1279px){ .no-bonus__bg{ right: -5%; } } @media(max-width: 950px){ .no-bonus__bg{ right: -7%; } } @media(max-width: 926px){ .no-bonus__bg{ right: -9%; max-height: 78%; } } @media(max-width: 841px){ .no-bonus__bg{ right: -11%; max-height: 78%; } } @media(max-width: 767px){ .no-bonus__bg{ right: -6%; max-height: 100%; } } @media(max-width: 632px){ .no-bonus__bg{ display: none; } } .operations-profile__items { margin-top: 3em; } .item-operations { overflow: hidden; } .item-operations:not(:last-child) { margin-bottom: 2em; } .item-operations.hide { display: none; } .item-operations__body { position: relative; padding: 3.1em 5.3em 3.24em 2.44em; border-radius: 2.5em; border: 1px solid var(--light); } @media(max-width: 930px){ .item-operations__body{ padding: 3em 2.4em 3.2em 2.44em; } } .item-operations__date { font-weight: 400; font-size: 1.5em; line-height: 120%; color: rgba(41, 45, 50, 0.5); } .item-operations__text.title-s{ font-weight: 400; font-size: 2.5em; line-height: 120%; } @media(max-width: 991px){ .item-operations__text.title-s{ font-size: 2em; } } .item-operations__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 615px) { .item-operations__row { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } .item-operations__info-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .item-operations__text a { text-decoration: underline; text-underline-position: under; } @media (any-hover: hover) { .item-operations__text a:hover { text-decoration: none; } } .item-operations__bonuses { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.838em; } .item-operations__bonuses span { font-weight: 500; font-size: 4.5em; letter-spacing: -0.03em; line-height: 1.289; } @media(max-width: 991px){ .item-operations__bonuses span{ font-size: 4em; } } @media(max-width: 930px){ .item-operations__bonuses span{ font-size: 3.5em; } } .item-operations__bonuses i { width: 4.6em; height: 4.6em; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media(max-width: 930px){ .item-operations__bonuses i{ width: 4em; height: 4em; } } .item-operations__bonuses i svg { width: 2.4em; height: 2.4em; } .item-operations__bonuses.red span { color: var(--pink); } .item-operations__bonuses.red i { background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_pink.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .item-operations__bonuses.green span { color: var(--green); } .item-operations__bonuses.green i { background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_green.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .item-operations__bonuses.blue span { background: radial-gradient(50% 50% at 50% 50%, #035ECF 0%, #66AAFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .item-operations__bonuses.blue i { background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_blue.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .item-operations__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4em; } .item-operations__line .item-operations__text { color: var(--gray3); } @media (min-width: 767.98px) { .item-operations__line { padding: 2em 0; margin-right: 30%; } } @media (max-width: 767.98px) { .item-operations__line { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .item-operations__text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } .item-operations__image { overflow: hidden; position: absolute; top: 50%; right: 2em; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 16em; height: 100%; } .item-operations__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767.98px) { .item-operations__image { display: none; } } .bonus-profile { display: -ms-grid; display: grid; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-grid-columns: 1fr 1rem 1fr; grid-template-columns: repeat(2, 1fr); gap: 1.27em; } @media (max-width: 970px) { .bonus-profile { -ms-grid-columns: 1.7fr 2fr; grid-template-columns: 1.7fr 2fr; } } @media (max-width: 920px) { .bonus-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .bonus-profile__columns { display: -ms-grid; display: grid; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-grid-columns: 1fr 1rem 1fr; grid-template-columns: repeat(2, 1fr); gap: 1.27em; } .bonus-profile__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; gap: 1.27em; } .bonus-profile__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.8em 2.4em; border-radius: 3em; border: 1px solid var(--light); -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } @media (any-hover: hover) { .bonus-profile__item:hover { background: var(--light); } } .bonus-profile__item i { width: 6.35em; height: 6.35em; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--primary); } .bonus-profile__item i svg { width: 3.048em; height: 3.048em; } .bonus-profile__item span { font-size: 2em; line-height: 120%; } @media(max-width: 1450px){ .bonus-profile__item span { font-size: 1.8em; } } @media(max-width: 898px){ .bonus-profile__item span { font-size: 14px; } } @media(max-width: 889px){ .bonus-profile__item span { font-size: 2em; } } @media(max-width: 441px){ .bonus-profile__item span { font-size: 1.8em; } } @media(max-width: 355px){ .bonus-profile__item span { font-size: 13.5px; } .bonus-profile__item i { width: 40px; height: 40px; } .bonus-profile__item i svg{ width: 20px; height: 20px; } } @media(max-width: 344px){ .bonus-profile__item span { font-size: 12px; } } .bonus-profile__item.red i { border: 1px solid var(--pink); } .bonus-profile__item.green i { border: 1px solid #1DB248; } .bonus-profile__item.big { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-bonus { padding: 2em; border-radius: 3em; color: var(--white); background-image: url("/local/templates/chinafairytale/css/../img/profile/bonusBG.png"); background-repeat: no-repeat; background-size: cover; } .main-bonus__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.5em; margin-bottom: 2.4em; } .main-bonus__title span { font-weight: 500; font-size: 5.4em; line-height: 100%; } .main-bonus__title i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 5.4em; height: 5.4em; border-radius: 50%; background: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_white.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .main-bonus__title i svg { width: 3em; height: 3em; } .main-bonus__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding-top: 1.2em; border-top: 1px solid var(--white); } .main-bonus__item { font-size: 2em; line-height: 120%; font-weight: 400; } .main-bonus__item:last-child{ display: flex; flex-direction: column; align-items: flex-end; } .form-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (min-width: 991.98px) { .form-profile { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } .form-profile__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 991.98px) { .form-profile__body { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-profile__items { display: -ms-grid; display: grid; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .form-profile__items.profile-items__four-columns{ -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr; grid-template-columns: repeat(4, 1fr); } @media (max-width: 1650px) and (min-width: 1616px) { .form-profile__items, .form-profile__items.profile-items__four-columns{ width: 100%; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1550px) { .form-profile__items, .form-profile__items.profile-items__four-columns{ width: 100%; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 991.98px) { .form-profile__items, .form-profile__items.profile-items__four-columns{ width: 100%; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 479.98px) { .form-profile__items, .form-profile__items.profile-items__four-columns { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .form-profile__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 479.98px) { .form-profile__row { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-profile__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } @media (min-width: 991.98px) { .form-profile__column.birthday-profile__column{ max-height: calc(2rem + 12.4em + 4px); } } @media (max-width: 991.98px) { .form-profile__column .form-profile__info-body { width: 100%; } } @media (max-width: 991.98px) { .form-profile__column { width: calc(50% - 0.5rem); } } @media (max-width: 479.98px) { .form-profile__column { width: 100%; } } .form-profile__input-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; width: 25em; border-radius: 2em; border: 1px solid var(--gray2); padding: 0.7em 1.1em 2.1em; background: var(--white); } @media (max-width: 991.98px) { .form-profile__input-body { width: 100%; } } .form-profile__error { position: absolute; z-index: 5; width: 100%; top: 110%; left: 0; } .form-profile__info-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 25em; border-radius: 0 0 1em 1em; border-left: 1px solid var(--gray2); border-right: 1px solid var(--gray2); border-bottom: 1px solid var(--gray2); margin-top: -1em; padding: 3em 1.5em 2em; } @media (max-width: 479.98px) { .form-profile__info-body { width: 100%; } } .form-profile__label { color: #b0b0b0; font-weight: 400; font-size: 1.3em; line-height: 120%; } .form-profile__input { color: var(--primary); font-size: 1.7em; line-height: 1.15; background: transparent; } .form-profile__input::-webkit-input-placeholder { color: #24282b; opacity: 0.2; } .form-profile__input::-moz-placeholder { color: #24282b; opacity: 0.2; } .form-profile__input:-ms-input-placeholder { color: #24282b; opacity: 0.2; } .form-profile__input::-ms-input-placeholder { color: #24282b; opacity: 0.2; } .form-profile__input::placeholder { color: #24282b; opacity: 0.2; } .form-profile__input[type=date] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; height: 100%; min-width: 90%; background: url("/local/templates/chinafairytale/css/../img/icons/date.svg") 90%/1em no-repeat, var(--white); text-align: left; text-align-last: left; } .form-profile__input[type=date]::-webkit-calendar-picker-indicator { opacity: 0; } .form-profile__button { width: 15.625em; } @media (max-width: 479.98px) { .form-profile__button { width: 100%; } } .order-block__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2em; width: 99.5em; } @media (max-width: 1650px) { .order-block__items { width: 100%; } } .order-block__item { overflow: hidden; border-radius: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } @media (max-width: 767.98px) { .order-block__title { text-align: center; } } .order-block__main { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .order-block__main .item-cart { padding-right: 0; } @media (max-width: 767.98px) { .order-block__main .block-order { max-width: 100%; } } @media (max-width: 991.98px) { .order-block__main .cart-page__items { width: 100% !important; } } @media (max-width: 991.98px) { .order-block__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } .order-block__blocks { width: 100%; } @media (min-width: 991.98px) { .order-block__blocks:not(:last-child) { margin-bottom: 2em; } } @media (max-width: 991.98px) { .order-block__blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 1rem; } } .order-block__item:not(:last-child){ margin-bottom: 0.5em; } .item-order__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; position: relative; z-index: 5; border-radius: 3em; background: var(--white); border: 1px solid #eaeaea; padding: 2.2em 3em 2.2em 2.4em; width: 100%; } @media (max-width: 420px) { .item-order__body{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .item-order__body.rejected{ border: 1px solid var(--pink); } @media (max-width: 767.98px) { .item-order__body .block-order { display: none; } } .item-order__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 530px) { .item-order__content { flex-direction: column; gap: 15px; } } .item-order__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.242em; } .order-detail .item-order__header{ margin-left: 1em; } .item-order__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; color: var(--gray3); } .item-order__date, .item-order__id{ font-weight: 400; font-size: 1.5em; line-height: 120%; } .order-detail .item-order__date, .order-detail .item-order__id{ font-size: 1.6em; } .item-order__link { border: 1px solid var(--pink); } @media (min-width: 767.98px) { .item-order__link { display: none; } } .item-order__text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.242em; } .item-order__title{ font-weight: 400; font-size: 3em; line-height: 120%; color: #24282b; } .order-detail .item-order__title{ font-size: 3.2em; } .rejected .item-order__title{ color: var(--pink); } .item-order-rejected__title{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2em; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media(max-width: 900px) and (min-width: 768px){ .item-order-rejected__title{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1em; } } @media(max-width: 649px){ .item-order-rejected__title{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1em; } } .item-order-rejected__title p{ font-weight: 400; font-size: 1.4em; line-height: 120%; color: #b0b0b0; } .item-order-rejected__title p a{ color: var(--pink); } .item-order__body .button-red, .item-order__block .button-red{ width: 11.5em; } .item-order__button.button-red{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2em; letter-spacing: -0.04em; font-weight: 300; gap: 0.6335em; padding: 0.45em; height: fit-content; } .item-order__button.button-red i, .review-block-order__button.button-red i{ font-size: inherit; width: 1.5em; height: 1.5em; } .order-detail-review__container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(max-width: 425px){ .order-detail-review__container{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media(max-width: 340px){ .order-detail-review__container{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .item-order__products-block { max-width: 100%; overflow-x: auto; } .rejected .item-order__products-block{ filter: blur(3px); } .item-order__products { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } .review-block-order { padding: 2em; border-radius: 2em; color: var(--white); background: radial-gradient(121.4% 233.76% at 77.43% 44.33%, #EC2E32 0%, #EC2E87 100%), linear-gradient(236.83deg, #EC2E87 3.3%, #EC2E32 73.07%); } @media (max-width: 767.98px) { .review-block-order { display: none; } } .review-block-order__body { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .review-block-order__button.button-red{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2em; letter-spacing: -0.04em; font-weight: 300; gap: 0.6335em; padding: 0.45em; position: absolute; right: 1.5em; } @media(max-width: 530px){ .review-block-order__button.button-red{ top: 3em; } } @media (max-width: 420px) { .review-block-order__button.button-red{ position: static; } } .order-detail-review__container .review-block-order__button.button-red{ position: static; } .order-product__body { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.7em; } .order-product__image, .order-product__count{ overflow: hidden; width: auto; height: 11em; aspect-ratio: 1/1; border-radius: 1em; border: 1px solid rgba(41, 45, 50, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .order-product__count{ background: rgba(241, 73, 145, 0.05); font-weight: 500; font-size: 4.4em; line-height: 120%; text-align: center; color: var(--pink); height: 2.5em; border-radius: 0.2273em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(max-width: 800px) and (min-width: 768px){ .order-product__image, .order-product__count{ height: 75px; } .order-product__count{ height: 75px; } } @media(max-width: 350px){ .order-product__image, .order-product__count{ height: 70px; } .order-product__count{ height: 70px; } } .order-product__image img { width: 90%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .order-product__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .order-product-body__info-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-product__title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 400; font-size: 1.4em; letter-spacing: -0.05em; } .item-order__price.text-main{ font-weight: 700; font-size: 2em; line-height: 120%; color: #24282b; } @media (max-width: 767.98px) { .order-product__title, .order-product__price { display: none; } } .block-order { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; background: rgba(241, 73, 145, 0.05); margin-top: -7.8em; border-radius: 3em; padding: 9.4em 3em 1.63em 2.5em; } @media (max-width: 415px) { .block-order{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-order.order-detail{ margin-top: 0; padding: 3.9em 2.7em 3.9em 2.7em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(min-width: 967px){ .block-order.order-detail{ width: 82.7em; } } .block-order__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; border-radius: 1em; border-bottom: 1px solid var(--gray2); padding: 1.5em; } .block-order__logo { overflow: hidden; width: 9em; height: auto; } .block-order__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .block-order__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.7em; } @media(max-width: 922px) and (min-width: 768px){ .block-order__content{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media(max-width: 649px){ .block-order__content{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .block-order__link-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .block-order__link-block button { width: 2.4em; height: 2.4em; } .block-order__link-block button svg { width: 100%; height: 100%; } .block-order__content .title-xl{ font-weight: 500; font-size: 3em; line-height: 120%; color: var(--pink); } @media(max-width: 922px) and (min-width: 768px){ .block-order__content .title-xl{ font-size: 22px; } } @media(max-width: 649px){ .block-order__content .title-xl{ font-size: 20px; } } .block-order__text { font-weight: 400; font-size: 1.4em; line-height: 120%; color: var(--gray3); } @media(max-width: 470px) and (min-width: 416px){ .block-order__text { max-width: 150px; } .block-order__text br{ display: none; } } .block-order__text a{ color: var(--pink); } .report-order { color: var(--primary); margin-top: 5px; padding: 1.4em 2.5em 1.2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.5em; border-radius: 3em; background: rgba(241, 73, 145, 0.05); width: fit-content; } .report-order__title{ font-weight: 500; font-size: 1.6em; line-height: 120%; } @media (max-width: 420px) { .report-order__title{ font-size: 1.4em; } } .report-order_review { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 767.98px) { .report-order_review { display: none; } } .report-order__button { width: 3.25em; height: 3.25em; } .report-order__button svg{ width: 100%; height: 100%; } .report-order__button svg path{ transition: .4s ease; } .report-order__button:hover svg path:last-child{ stroke: #fff; } .report-order__button:hover svg path:first-child{ fill: var(--pink); } .banner-profile { width: -webkit-max-content; width: -moz-max-content; width: max-content; } @media (max-width: 767.98px) { .banner-profile { width: 100%; } } @media (min-width: 479.98px) { .banner-profile_big .banner-profile__content { padding: 1em 20em 0 2em; } .banner-profile_big .banner-profile__image { position: absolute; bottom: 0; right: 0; } } @media (max-width: 479.98px) { .banner-profile_big .banner-profile__image { display: none; } } .profile-page__banner.banner-profile.banner-profile_big { margin-top: auto; } .banner-profile__content { position: relative; border-radius: 1em; padding: 1em 2em 0; position: relative; color: var(--white); background: radial-gradient(50% 49.96% at 50% 49.96%, #EC2E32 0%, #EC2F84 100%); min-height: 9.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 767.98px) { .banner-profile__content { padding: 1em 1em 0; } } .banner-profile__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .banner-profile__bg { overflow: hidden; position: absolute; top: -2em; right: -2em; height: calc(100% + 2em); } .banner-profile__bg img { -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } .banner-profile__image { overflow: hidden; width: 17em; height: 17em; } .banner-profile__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .menu-profile { background: var(--white); width: 40.6em; height: 59.7em; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 991.98px) { .menu-profile { width: -webkit-max-content; width: -moz-max-content; width: max-content; background: transparent; } } @media (max-width: 767.98px) { .menu-profile { margin-top: 7em; width: 100%; height: auto; } } @media (min-width: 767.98px) { .menu-profile { border-radius: 5em; border: 1.27px solid #efefef; padding: 2.4em; } } .menu-profile__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; gap: 1rem; } .menu-profile__links { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.27em; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .menu-profile__link, .menu-profile__button-exit { width: 100%; border: 1.27px solid rgba(0, 0, 0, 0.2); border-radius: 2.5em; font-size: 2em; line-height: 1.2; color: #24282b; gap: 0.6em; padding: 0.5em 0.6em; letter-spacing: normal; } .menu-profile__button-exit{ width: fit-content; padding: 0.5em 2em 0.5em 0.6em; } .menu-profile__link.button-gray i{ font-size: inherit; width: 1.5em; height: 1.5em; } .menu-profile__link p { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu-profile__link p .id { color: var(--gray3); font-size: 1em; line-height: 110%; } @media (max-width: 767.98px) { .menu-profile__link { gap: 10px; } } @media (max-width: 767.98px) { .menu-profile__button-exit, .menu-profile__button, .menu-profile__link { padding: 0.8em 1em; } .menu-profile__button-exit i, .menu-profile__button i, .menu-profile__link i { font-size: inherit; width: 1.5em; height: 1.5em; } } .menu-profile__bonus-block { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.5rem; } .menu-profile__bonus-block i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: var(--pink); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3em; height: 3em; border-radius: 50%; background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_pink.png"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease 0s; } .button-gray.current .menu-profile__bonus-block i { background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_white.png"); } @media (any-hover: hover) { .button-gray:not(.current):hover .menu-profile__bonus-block i { background-image: url("/local/templates/chinafairytale/css/../img/profile/bonus_white.png"); } } .menu-profile__bonus-block i svg { width: 100%; height: 100%; } .menu-profile__bonus-block i svg path { stroke: var(--white); } /**/ /*cart-page*/ .cart-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (max-width: 767.98px) { .cart-page__breadcrumbs { display: none; } } .cart-page__title{ font-weight: 400; font-size: 3.2em; line-height: 1.1875; color: #292d32; } .cart-page__empty { margin-top: 4em; } .cart-page__done { margin-top: 4em; } .cart-page__container.container{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 967px) { .cart-page__container.container{ width: auto; } } .cart-page__wrap { margin-top: 3.7em; margin-bottom: 10em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2em; } @media (max-width: 967px) { .cart-page__wrap{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767.98px) { .cart-page__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } .cart-page__form .form-profile__input-body { width: 100%; } .cart-page__items, .cart-page__form { width: 100%; } @media (min-width: 967px) { .cart-page__items, .cart-page__form { width: 82.7em; } } .cart-page__item:not(:last-child) { margin-bottom: 2em; } .cart-page__spoller-button { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; padding: 1.5em 1em; border-radius: 1em; font-size: 1.6em; line-height: 110%; border: 1px solid var(--gray2); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .cart-page__spoller-button.spoller-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cart-page__spoller-button.spoller-active svg path { stroke: var(--pink); } @media (any-hover: hover) { .cart-page__spoller-button:hover { color: var(--white); background: var(--primary); } .cart-page__spoller-button:hover svg path { stroke: var(--white); } } @media (min-width: 479.98px) { .cart-page__spoller-button { display: none; } } @media (max-width: 479.98px) { .cart-page__spoller-body { margin-top: 1rem; } } .cart-page__spoller-body .form-profile__input-body { width: 100%; } .cart-page__checkbox { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 2em auto 0; } @media (max-width: 524.98px) { .cart-page__checkbox { width: 100%; margin: 2em auto 0; } .cart-page__checkbox label{ margin-bottom: 5px; } } .payment-cart { margin-top: 1rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .payment-cart__input-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; width: 100%; border-radius: 1em; background: var(--white); border: 1px solid var(--gray2); padding: 1em 1.5em; } .payment-cart__input-body i { width: 4em; height: 4em; } .payment-cart__input-body i svg { width: 100%; height: 100%; } .payment-cart__input-body.required { border: 1px solid var(--pink); } .payment-cart__input-body.required svg path { stroke: var(--pink); } .payment-cart__input-body.required .payment-cart__popup { display: block; } .payment-cart__popup { display: none; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; } .payment-cart__label { color: var(--gray1); } .payment-cart__column { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .payment-cart__input { width: 100%; color: var(--primary); font-size: 1.6em; line-height: 110%; } .payment-cart__input::-webkit-input-placeholder { color: var(--primary); } .payment-cart__input::-moz-placeholder { color: var(--primary); } .payment-cart__input:-ms-input-placeholder { color: var(--primary); } .payment-cart__input::-ms-input-placeholder { color: var(--primary); } .payment-cart__input::placeholder { color: var(--primary); } .payment-cart__button { background-color: var(--primary) !important; width: 100%; } @media (any-hover: hover) { .payment-cart__button:hover { background-color: var(--white) !important; } } .payment-cart__info { border-radius: 1em; border: 1px solid var(--gray2); padding: 1em 1.5em; } .item-cart { position: relative; } .item-cart__body { padding: 1.7em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; background: var(--white); border: 1px solid #efefef; border-radius: 3em; } .item-cart__body.order-has-review{ padding-right: 9.3em; } @media(max-width: 580px){ .item-cart__body.order-has-review{ padding-right: 9em; } } .item-cart__image { border-radius: 1em; display: block; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 10em; height: 10em; aspect-ratio: 1/1; } .item-cart__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } @media (any-hover: hover) { .item-cart__image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } .item-cart__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 767.98px) { .item-cart__content { min-height: 100%; } } .item-cart__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; } @media (min-width: 426px) { .item-cart__header { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (max-width: 425px) { .item-cart__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } } .item-cart__name { -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; font-weight: 400; font-size: 2.1em; line-height: 1.29; letter-spacing: -0.05em; color: #292d32; } @media (any-hover: hover) { .item-cart__name:hover { color: var(--pink); } } @media (max-width: 580px) { .item-cart__name { font-size: 14px; } } @media (max-width: 360px) { .item-cart__name { font-size: 13px; } } .item-cart__price { white-space: nowrap; font-weight: 500; font-size: 2.6em; letter-spacing: -0.04em; color: var(--pink); line-height: 1.31; } @media (max-width: 767px) { .item-cart__price{ font-size: 2.3em; } } @media (max-width: 580px) { .item-cart__price{ font-size: 16px; } } .item-cart__actions{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; padding-left: 4.8em; } .order-detail .item-cart__actions{ padding-left: 2.9em; } @media(max-width: 940px){ .item-cart__actions{ padding-left: 0; } } .item-cart__actions .detail-page__fav-button.favorite, .item-cart__delete { width: 3.4em; height: 3.4em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: rgba(241, 73, 145, 0.05); -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; margin: 0; padding: 0; } @media(max-width: 767px){ .item-cart__actions .detail-page__fav-button.favorite, .item-cart__delete { width: 3em; height: 3em; } } .item-cart__actions .detail-page__fav-button.favorite svg, .item-cart__delete svg { width: 1.8em; height: 1.8em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media(max-width: 767px){ .item-cart__actions .detail-page__fav-button.favorite svg, .item-cart__delete svg { width: 1.6em; height: 1.6em; } } .item-cart__actions .detail-page__fav-button.favorite svg path{ stroke: var(--pink); } .detail-page__fav-button.favorite:hover svg, .in_favorite svg{ fill: var(--pink) !important; } .detail-page__fav-button.favorite:hover svg, .item-cart__delete:hover svg { transform: scale(0.9); } @media (max-width: 767.98px) { .item-cart__actions .detail-page__fav-button.favorite{ position: static; } } .info-cart-item__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1em; } .info-cart-item__row:not(:last-child) { margin-bottom: 5px; } .info-cart-item__desc, .info-cart-item__text { color: var(--gray1); font-weight: 400; letter-spacing: -0.05em; line-height: 1.3125; } .menu-cart { width: 32.5em; } @media (max-width: 767.98px) { .menu-cart { width: 100%; } } .menu-cart .form-profile__input-body { width: 100%; margin-bottom: 1em; } @media (max-width: 767.98px) { .menu-cart .form-profile__input-body.gradient-border { position: relative; border: none; } .menu-cart .form-profile__input-body.gradient-border::before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: linear-gradient(315deg, #ec2e32 0%, #7e53fe 62.5%, #b40cb4 100%); z-index: -1; border-radius: 1em; } } .menu-cart__input-promo, .menu-cart__input-bonus { position: relative; } .menu-cart__input-promo input, .menu-cart__input-bonus input { padding-right: 4em; } .menu-cart__input-promo i, .menu-cart__input-bonus i { border-radius: 50%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 2.4em; height: 2.4em; top: 2em; right: 1em; } .menu-cart__input-promo.done i, .menu-cart__input-bonus.done i { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid var(--green); } .menu-cart__input-promo.error i, .menu-cart__input-bonus.error i { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid var(--pink); } .menu-cart__input-promo.error p, .menu-cart__input-bonus.error p { color: var(--pink); } .menu-cart__input-bonus.error input::-webkit-input-placeholder { color: var(--pink); } .menu-cart__input-bonus.error input::-moz-placeholder { color: var(--pink); } .menu-cart__input-bonus.error input:-ms-input-placeholder { color: var(--pink); } .menu-cart__input-bonus.error input::-ms-input-placeholder { color: var(--pink); } .menu-cart__input-bonus.error input, .menu-cart__input-bonus.error input::placeholder { color: var(--pink); } .menu-cart__toggle-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; margin-bottom: 1em; } .menu-cart__toggle-block .toggle { padding: 1em; } @media (max-width: 767.98px) { .menu-cart__toggle-block .toggle.search-popup__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-cart__toggle-block { display: -webkit-box; display: -ms-flexbox; display: flex; } } .menu-cart__body { border-radius: 3em; background: var(--white); border: 1px solid #efefef; margin-bottom: 1em; } .menu-cart__title { text-align: center; margin: 0.81em 0 0.62em; font-size: 2.1em; line-height: 1.24; font-weight: 400; } .menu-cart__content { padding: 2em 2.2em 2.2em; width: 100%; border-radius: 3em; border-top: 1px solid var(--gray2); display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4.134em; } .menu-cart__price-block { width: 100%; } .menu-cart__price-row, .menu-cart__price-row_result { color: var(--gray1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .menu-cart__price-row .text-m.discount-result{ opacity: 1; } .menu-cart__price-row:not(:last-child), .menu-cart__price-row_result:not(:last-child) { margin-bottom: 5.8px; } .menu-cart__price-row p, .menu-cart__price-row_result p { text-align: right; } .menu-cart__price-row_result .title-s { font-weight: 500; font-size: 2.6em; line-height: 120%; text-align: right; } .menu-cart__price-row .text-m{ font-weight: 400; font-size: 1.5em; line-height: 120%; color: #24282b; opacity: 0.5; } .menu-cart__price-row p:first-child, .menu-cart__price-row_result p:first-child { text-align: left; } .menu-cart__price-row_result { color: var(--pink); } .menu-cart__bottom { position: relative; width: 100%; } .menu-cart__bottom::before { content: ""; position: absolute; width: 100%; height: 1px; top: -1.625em; left: 0; background: var(--gray2); } .menu-cart__btn { cursor: pointer; color: var(--primary); text-transform: lowercase; text-decoration: underline; } .menu-cart__button { background-color: var(--pink) !important; margin: 1.125em auto 0; width: 100%; font-size: 1.7em; letter-spacing: -0.05em; font-weight: 400; } .menu-cart__button.button-red i { width: 2.6em; height: 2.6em; } @media (any-hover: hover) { .menu-cart__button:hover { background-color: var(--white) !important; } } @media (max-width: 767.98px) { .menu-cart__button.button-red{ padding: 1em; } .menu-cart__button.button-red span{ font-size: 14px; } .menu-cart__button.button-red i{ width: 20px; height: 20px; } } .menu-cart__info-block { border-radius: 2em; background: var(--white); border: 1px solid var(--gray2); padding: 0.8em 1.1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.1em; } .order-block__items .menu-cart__info-block, .popup-big__content .menu-cart__info-block{ width: fit-content; padding: 1.8em 5.7em 1.8em 2em; gap: 1.7em; border-radius: 3em; } @media (max-width: 767.98px) { .menu-cart__info-block{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .menu-cart__info-block i { width: 4.343em; height: 4.343em; } .order-block__items .menu-cart__info-block i, .popup-big__content .menu-cart__info-block i{ width: 6.338em; height: 6.338em; } .menu-cart__info-block i svg { width: 100%; height: 100%; } .menu-cart__text.text-s{ font-weight: 400; font-size: 1.3em; line-height: 1.23em; color: #292d32; } .banner-block { padding-top: 7.5em; width: 100%; } @media (max-width: 767.98px) { .banner-block { display: none; } } .banner-block__content { padding: 1em 13em 0 2em; position: relative; border-radius: 1em; min-height: 9.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; border: 1px solid var(--gray2); } @media (max-width: 767.98px) { .banner-block__content { padding: 1em 1em 0; } } .banner-block__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.35em; } .banner-block__title.text-s{ font-weight: 400; font-size: 1.5em; line-height: 120%; color: #292d32; } .banner-block__text.text-m{ font-weight: 600; font-size: 1.7em; line-height: 120%; color: #292d32; } .banner-block__image { position: absolute; bottom: 0; right: 0; overflow: hidden; width: 12em; height: 12em; } .banner-block__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .empty-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .empty-cart__body { padding: 4em 10.8em; border-radius: 4em; border: 1px solid var(--pink); background: rgba(241, 73, 145, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.6em; margin-top: 6.4em; } @media(max-width: 540px){ .empty-cart__body{ padding: 4em; width: 100%; } } .empty-cart__title { padding-bottom: 0.45em; border-bottom: 1px solid var(--pink); font-size: 3.2em; line-height: 1.1875; } @media(max-width: 675px){ .empty-cart__title{ font-size: 2.6em; } } @media(max-width: 589px){ .empty-cart__title{ font-size: 2.3em; } } @media(max-width: 431px){ .empty-cart__title{ font-size: 2em; } } @media(max-width: 375px){ .empty-cart__title{ max-width: 90%; } } .empty-cart__button.button-red{ font-size: 1.9em; line-height: 1.32; letter-spacing: -0.05em; padding: 1.2632em; } @media(max-width: 589px){ .empty-cart__button.button-red{ padding: 1em 1.2632em; } } @media(max-width: 431px){ .empty-cart__button.button-red{ font-size: 1.7em; } } .button-red i svg path{ transition: ease .3s; } .empty-cart__image{ width: 40.8em; margin-top: 0.8em; } @media(max-width: 589px){ .empty-cart__image{ width: 35em; } } @media(max-width: 390px){ .empty-cart__image{ max-width: 100%; } } .empty-cart__image img{ width: 100%; } .done-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .done-cart__body { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } @media (max-width: 991.98px) { .done-cart__body { width: 100%; } } @media (min-width: 767.98px) { .done-cart__body { padding: 4em 18em; border-radius: 2em; border: 1px solid var(--gray2); } } .done-cart__image { overflow: hidden; width: 13em; height: 16em; } .done-cart__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .done-cart__title { padding-bottom: 1em; border-bottom: 1px solid var(--pink); } .done-cart__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } @media (max-width: 479.98px) { .done-cart__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /*error-page*/ .error-page__container { position: relative; } .error-page__bg { position: absolute; overflow: hidden; width: 100%; height: auto; top: 0; left: 0; } .error-page__bg img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__wrap { position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .error-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .error-page__image { overflow: hidden; width: 19em; height: 19em; -webkit-transform: translateY(4em); transform: translateY(4em); } .error-page__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__text-block { position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; padding: 3em; background: var(--white); border-radius: 1em; border: 1px solid var(--gray1); } /*cookie*/ .use_cookies-wrap { display: none; position: fixed; z-index: 100; width: 100%; bottom: 1em; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .use_cookies-wrap.show { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible; } .use_cookies-wrap__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; background: var(--white); border-radius: 1em; padding: 1em 2em; border: 1px solid rgba(0, 0, 0, 0.1019607843); -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2509803922); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2509803922); } /*headr filter*/ .search-popup__header .item-filter__list b { display: none; } .search-popup__header .select__button { font-size: 1.6em; } /*promo categories*/ .promo-categories{ margin-top: 13em; } @media (max-width: 991px) { .promo-categories{ margin-top: 15.5em; } } .promo-categories__container{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2em 1fr; grid-template-columns: repeat(2, 1fr); gap: 2em; } @media (max-width: 767px) { .promo-categories__container{ gap: 1em; } } .promo-categories__item{ position: relative; overflow: hidden; border-radius: 4.9em; background: rgba(250, 250, 250, 0.2); -webkit-box-shadow: inset 5px 5px 17px rgba(231, 231, 231, 0.3), inset -2px -6px 5px 2px rgba(255, 255, 255, 0.6); box-shadow: inset 5px 5px 17px rgba(231, 231, 231, 0.3), inset -2px -6px 5px 2px rgba(255, 255, 255, 0.6); padding: 5.9em 5.9em 8.135em; } @media (max-width: 955px) { .promo-categories__item{ padding: 5em 4em 8em; } } @media (max-width: 760px) { .promo-categories__item{ padding: 5em 3em 8em; } } @media (max-width: 590px) { .promo-categories__item{ padding: 5em 3em 10em; } } @media (max-width: 515px) { .promo-categories__item{ padding: 5em 3em 20em; } } @media (max-width: 500px) { .promo-categories__item{ padding: 7em 3em 20em; } } @media (max-width: 475px) { .promo-categories__item{ padding: 5em 3em 20em; } } @media (max-width: 370px) { .promo-categories__item{ padding: 5em 2em 20em; } } .promo-categories__text{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } .promo-text__title{ font-weight: 300; font-size: 3.9em; letter-spacing: -0.05em; color: var(--primary); line-height: 1.28; } @media (max-width: 555px) { .promo-text__title{ font-size: 3.2em; } } @media (max-width: 380px) { .promo-text__title{ font-size: 2.8em; } } .promo-text__subtitle{ font-weight: 400; font-size: 12px; letter-spacing: -0.05em; color: var(--primary); line-height: 1.3333; } @media (max-width: 330px) { .promo-text__subtitle{ font-size: 11px; } } .promo-categories__item .button-red, .promo-categories__item .button-blue { margin-top: 1.25em; } @media (max-width: 340px) { .promo-categories__item .button-red, .promo-categories__item .button-blue { font-size: 11px; } } .promo-categories__image{ position: absolute; bottom: 0; right: 0; z-index: 1; } @media (max-width: 1615px) { .promo-categories__image{ max-height: calc(100% - 12px); } } @media (max-width: 890px) { .promo-categories__image{ right: -3em; } } @media (max-width: 820px) { .promo-categories__image{ max-height: calc(100% - 25px); } } @media (max-width: 735px) { .promo-categories__image{ right: -5em; } } @media (max-width: 680px) { .promo-categories__image{ max-height: calc(100% - 35px); } } @media (max-width: 660px) { .promo-categories__image{ max-height: 80%; } } @media (max-width: 650px) { .promo-categories__image{ max-height: 75%; } } @media (max-width: 615px) { .promo-categories__image{ max-height: 70%; } } @media (max-width: 590px) { .promo-categories__image.man{ right: -7em; } } @media (max-width: 565px) { .promo-categories__image{ right: -7em; } .promo-categories__image.man{ right: -8em; } } @media (max-width: 515px) { .promo-categories__image{ max-height: 55%; } } @media (max-width: 500px) { .promo-categories__image.man{ right: -10em; max-height: 53%; } } @media (max-width: 475px) { .promo-categories__image{ max-height: 53%; } } @media (max-width: 445px) { .promo-categories__image{ right: -4em; max-height: 50%; } .promo-categories__image.man{ right: -5em; max-height: 50%; } } @media (max-width: 400px) { .promo-categories__image, .promo-categories__image.man{ max-height: 47%; } } .promo-categories__bg{ position: absolute; bottom: 0; right: 0; height: 100%; } @media (max-width: 991px) { .promo-categories__bg{ right: -5em; } } @media (max-width: 890px) { .promo-categories__bg{ right: -8em; } } @media (max-width: 840px) { .promo-categories__bg{ right: -12em; } } @media (max-width: 785px) { .promo-categories__bg{ right: -15em; } } @media (max-width: 720px) { .promo-categories__bg{ right: -20em; } } @media (max-width: 590px) { .promo-categories__bg{ right: -25em; } } @media (max-width: 515px) { .promo-categories__bg{ bottom: auto; top: 0; right: -30em; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @media (max-width: 475px) { .promo-categories__bg{ right: -33em; } } @media (max-width: 435px) { .promo-categories__bg{ -webkit-transform: rotate(3deg) scale(1.25); -ms-transform: rotate(3deg) scale(1.25); transform: rotate(3deg) scale(1.25); } } @media (max-width: 420px) { .promo-categories__bg{ right: -35em; } } @media (max-width: 385px) { .promo-categories__bg{ right: -37em; } } /*resale*/ .resale__page{ margin-top: 15em; } @media(max-width: 991px){ .resale__page{ margin-top: 19em; } } .resale__container.container{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media(max-width: 991px){ .resale__container.container{ width: auto; } } .resale__wrap{ background: rgba(255, 255, 255, 0.1); border: 1px solid var(--pink); border-radius: 5em; padding: 4em 14em 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4.3em; position: relative; overflow: hidden; } @media(max-width: 991px){ .resale__wrap{ padding: 4em 4em 0; } } @media(max-width: 820px){ .resale__wrap{ padding: 4em 5.5em 0; } } @media(max-width: 810px){ .resale__wrap{ gap: 3em; } } @media(max-width: 756px){ .resale__wrap{ padding: 4em 4em 0; } } @media(max-width: 632px){ .resale__wrap{ padding: 4em 2em 0; } } @media(max-width: 400px){ .resale__wrap{ gap: 2em; } } @media(max-width: 375px){ .resale__wrap{ padding: 4em 1em 0; } } .resale__bg-left{ position: absolute; width: 1071px; height: 27.4em; background: #fff8fb; -webkit-transform: rotate(51deg); -ms-transform: rotate(51deg); transform: rotate(51deg); left: -29em; bottom: 16em; } .resale__bg-right{ position: absolute; width: 1144px; height: 27.4em; background: #fff8fb; -webkit-transform: rotate(-33deg); -ms-transform: rotate(-33deg); transform: rotate(-33deg); right: -20em; bottom: 1em; } @media(max-width: 1615px){ .resale__bg-left{ left: -36em; } .resale__bg-right{ bottom: -4em; } } @media(max-width: 1436px){ .resale__bg-left{ left: -42em; } .resale__bg-right{ bottom: -8em; } } @media(max-width: 1279px){ .resale__bg-left{ left: -52em; } .resale__bg-right{ bottom: -13em; right: -25em; } } @media(max-width: 991px){ .resale__bg-left{ left: -42em; } .resale__bg-right{ bottom: -6em; } } @media(max-width: 810px){ .resale__bg-left{ left: -46em; } } @media(max-width: 720px){ .resale__bg-left{ left: -48em; } .resale__bg-right{ bottom: -11em; } } @media(max-width: 610px){ .resale__bg-left{ left: -51em; } } @media(max-width: 575px){ .resale__bg-left{ height: 22em; } .resale__bg-right{ height: 22em; } } @media(max-width: 571px){ .resale__bg-left{ height: 22em; transform: rotate(66deg); } .resale__bg-right{ height: 22em; transform: rotate(-66deg); right: -53em; } } @media(max-width: 475px){ .resale__bg-left{ transform: rotate(75deg); left: -60em; } } @media(max-width: 400px){ .resale__bg-left{ left: -64em; } } .resale__title-container{ position: relative; } .resale-title__text{ font-weight: 300; font-size: 3.6em; line-height: 1.31; letter-spacing: -0.05em; text-align: center; color: var(--primary); } @media(max-width: 810px){ .resale-title__text{ font-size: 3.2em; } } @media(max-width: 650px){ .resale-title__text{ font-size: 2.8em; } } @media(max-width: 400px){ .resale-title__text{ font-size: 2.4em; } } @media(max-width: 355px){ .resale-title__text{ font-size: 2em; } } .resale-title__bg{ position: absolute; bottom: -0.3em; left: 14.2em; width: 16em; } @media(max-width: 810px){ .resale-title__bg{ bottom: -1em; left: 12.6em; width: 14em; } } @media(max-width: 650px){ .resale-title__bg{ bottom: -1.4em; left: 11em; width: 12em; } } @media(max-width: 400px){ .resale-title__bg{ bottom: -1.9em; left: 10em; width: 9em; } } @media(max-width: 355px){ .resale-title__bg{ left: 8em; width: 8em; } } .resale__button{ font-weight: 400; font-size: 1.9em; line-height: 1.316; letter-spacing: -0.04em; text-align: right; color: #fff; border-radius: 12.3em; padding: 1.116em 1.246em; gap: 0.65em; } @media(max-width: 650px){ .resale__button{ padding: 0.8em 1.246em; } } @media(max-width: 400px){ .resale__button{ font-size: 1.6em; padding: 0.6em 1.1em; } } .resale__button svg{ width: 1.558em; height: 1.558em; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; } .resale__button svg path{ -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; } .resale__steps-wrap{ position: relative; margin-top: 16.9em; } @media(max-width: 485px){ .resale__steps-wrap{ margin-top: 10em; } } .resale-steps__image{ position: absolute; top: -18.7em; left: 47%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 51.3em; } @media(max-width: 720px){ .resale-steps__image{ width: 45em; } } @media(max-width: 591px){ .resale-steps__image{ z-index: 2; } } @media(max-width: 575px){ .resale-steps__image{ width: 40em; } } @media(max-width: 485px){ .resale-steps__image{ width: 30em; top: -13em; } } @media(max-width: 400px){ .resale-steps__image{ width: 25em; top: -10em; } } .resale-steps{ display: -ms-grid; display: grid; -ms-grid-columns: 30em 10px 30em 10px 30em; grid-template-columns: repeat(3, 30em); gap: 10px; } @media(max-width: 991px){ .resale-steps{ -ms-grid-columns: 28em 10px 28em 10px 28em; grid-template-columns: repeat(3, 28em); gap: 10px; } } @media(max-width: 820px){ .resale-steps{ width: 100%; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(3, 1fr); gap: 10px; } } @media(max-width: 600px){ .resale-steps{ -ms-grid-columns: 1fr 6px 1fr 6px 1fr; gap: 6px; } } @media(max-width: 571px){ .resale-steps{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } .resale-step{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2em; border-radius: 4.2em 4.2em 0 0; padding: 15.8em 2.1em 6.7em; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03); background: var(--white); } @media(max-width: 720px){ .resale-step{ padding: 11em 2em 5.7em; } } @media(max-width: 632px){ .resale-step{ gap: 1em; } } @media(max-width: 663px){ .resale-step{ padding: 11em 1.8em 5.7em; } } @media(max-width: 575px){ .resale-step{ padding: 7em 1.8em 5.7em; height: 100%; } } @media(max-width: 571px){ .resale-step{ border-radius: 3.2em; padding: 4em 3em; } .resale-step:nth-child(1){ padding: 7em 3em 4em; } .resale-step:nth-child(3){ border-radius: 3.2em 3.2em 0 0; } } @media(max-width: 400px){ .resale-step:nth-child(1){ padding: 6em 3em 4em; } } .resale-step__title{ font-weight: 300; font-size: 2.4em; line-height: 1.292; letter-spacing: -0.05em; color: #f14991; } @media(max-width: 698px){ .resale-step__title{ font-size: 16px; } } @media(max-width: 571px){ .resale-step__title{ font-size: 18px; } } @media(max-width: 400px){ .resale-step__title{ font-size: 16px; } } @media(max-width: 355px){ .resale-step__title{ font-size: 15px; } } .resale-step__desc{ font-weight: 300; font-size: 1.6em; line-height: 1.25; opacity: 0.6; letter-spacing: -0.05em; color: #292d32; } @media(max-width: 1279px){ .resale-step__desc{ font-size: 12px; } } @media(max-width: 991px){ .resale-step__desc{ font-size: 1.6em; } } @media(max-width: 809px){ .resale-step__desc{ font-size: 12px; } } @media(max-width: 774px){ .resale-step__desc{ font-size: 1.6em; } } @media(max-width: 571px){ .resale-step__desc{ font-size: 15px; } } @media(max-width: 400px){ .resale-step__desc{ font-size: 14px; } } @media(max-width: 355px){ .resale-step__desc{ font-size: 13px; } } @media(max-width: 591px){ .resale__steps-wrap{ width: 100%; } } @media(max-width: 571px){ .resale__steps-wrap{ width: 80%; } } @media(max-width: 450px){ .resale__steps-wrap{ width: 90%; } } /*resale form*/ .resale__form { display: flex; flex-direction: column; gap: 7em; } .resale-form__section { display: flex; flex-direction: column; align-items: flex-start; gap: 4em; } .resale-form__title { font-weight: 300; font-size: 4.2em; line-height: 1.301; letter-spacing: -0.05em; text-align: center; color: var(--primary); } @media (max-width: 450px) { .resale-form__title { font-size: 3.6em; } } @media (max-width: 400px) { .resale-form__title { font-size: 3em; } } .resale-form__grid { display: grid; grid-template-columns: repeat(4, 29.1em); column-gap: 1.2em; row-gap: 4em; } @media (max-width: 991px) { .resale-form__grid { width: 100%; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 820px) { .resale-form__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 435px) { .resale-form__grid { grid-template-columns: repeat(1, 1fr); row-gap: 2em; } } .resale-form__input-container { border: 1.17px solid #efefef; border-radius: 2em; padding: 2.4em 0 2.5em; background: #fff; display: flex; flex-direction: column; gap: 4.66px; position: relative; height: fit-content; } @media (max-width: 1436px) { .resale-form__input-container { height: fit-content; } } .resale-form__input-title { font-weight: 400; font-size: 12px; line-height: 120%; color: #b0b0b0; position: absolute; top: -7px; left: 0.91667em; background: var(--white); padding: 1.5px 8px; } @media (max-width: 1615px) { .resale-form__input-title { left: 0.7em; } } @media (max-width: 1436px) { .resale-form__input-title { left: 0.6em; } } @media (max-width: 1279px) { .resale-form__input-title { font-size: 11px; padding: 1px 6px; } } .resale-form__input-title.pink { color: var(--pink); } .resale-form__input::placeholder, .resale-form__textarea::placeholder { color: #24282b; opacity: 0.5; } .ss-main.custom-select, .resale-form__input, .resale-form__textarea { position: relative; width: 100%; font-weight: 400; font-size: 1.7em; line-height: 120%; color: #24282b; border: none; padding: 0 1.059em; background: transparent; min-height: auto; } .ss-main.custom-select:focus { box-shadow: none; } .ss-main.custom-select .ss-values .ss-placeholder { padding: 0; margin: 0; color: #24282b; line-height: 1.137em; } /* Скрываем стандартную стрелку SlimSelect */ .ss-main.custom-select .ss-arrow { display: none !important; } .custom-select.ss-content .ss-list { border: 1px solid #efefef; border-radius: 0 0 2em 2em; border-top: none; } .custom-select.ss-content { border: none; z-index: 2; } .custom-select.ss-main.ss-open-below { width: calc(100% + 2px); } .custom-select.ss-content .ss-list .ss-option { font-weight: 400; font-size: 1.7em; line-height: 120%; color: #24282b; padding: 0.5em 1.059em; } .custom-select.ss-content .ss-list .ss-option:hover, .custom-select.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected { background-color: rgba(241, 73, 145, 0.05); color: #24282b; } .custom-select.ss-content.ss-open-below { margin: 0 !important; transform: scaleY(1) translateX(-1px) translateY(10px); transform-origin: center top; border-radius: 0 0 2em 2em; } @media (max-width: 1279px) { .custom-select.ss-content.ss-open-below { transform: scaleY(1) translateX(-1px) translateY(6px); } } .custom-select__arrow { position: absolute; right: 1.059em; top: 50%; transform: translateY(-50%); pointer-events: none; transition: transform ease .3s; z-index: 2; } @media (max-width: 991px) { .custom-select__arrow { width: 22px; height: 22px; } } /* Класс для поворота стрелки при открытии */ .custom-select__arrow--rotated { transform: translateY(-50%) rotate(90deg); } .custom-select option { width: 100%; border: none; } .resale-form__info-block { font-weight: 400; font-size: 13px; line-height: 120%; color: #24282b; background: #f9f9f9; border-radius: 1.538em; padding: 1.492em 0.769em; } @media (max-width: 1615px) { .resale-form__info-block { font-size: 12px; } } @media (max-width: 1279px) { .resale-form__info-block { font-size: 11.4px; padding: 1.4em 0.769em; } } @media (max-width: 991px) { .resale-form__info-block { font-size: 11px; } } @media (max-width: 840px) { .resale-form__info-block { font-size: 11.4px; } } @media (max-width: 820px) { .resale-form__info-block { font-size: 12px; width: fit-content; padding: 1.2em 1.3em; } } @media (max-width: 585px) { .resale-form__info-block { font-size: 11.4px; } } .resale-form__info-block p { max-width: 39em; } .resale-form__big-column { grid-column: span 2; display: flex; flex-direction: column; gap: 11px; height: 100%; } @media (max-width: 435px) { .resale-form__big-column { grid-column: span 1; } } .resale-form__images-container { display: flex; gap: 10px; height: 100%; } .resale-form__images-input { display: none; } .resale-form__preview-block { background: var(--white); border: 1.17px solid #efefef; border-radius: 2em; width: 100%; padding: 2.4em 1.8em; display: flex; align-items: center; } @media (max-width: 820px) { .resale-form__preview-block { min-height: 21em; } } .resale-form__preview-block p { font-weight: 400; font-size: 1.8em; line-height: 120%; color: #24282b; } @media (max-width: 395px) { .resale-form__preview-block p { font-size: 12px; } } .resale-form__images-label { background: #f9f9f9; border-radius: 2em; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 1.2em; } @media (max-width: 395px) { .resale-form__images-label svg { width: 40px; height: 40px; } } /* Стили для превью изображений */ .preview-image { aspect-ratio: 1/1; object-fit: cover; border-radius: 1em; border: 1px solid #efefef; } .resale-form__preview-block .preview-item { position: relative; display: inline-block; border: none; overflow: visible; width: 5.8em; height: 5.8em; } @media (max-width: 820px) { .resale-form__preview-block .preview-item { width: 9em; height: 9em; } } .remove-image { position: absolute; top: -5px; right: -5px; background: #F14991; color: white; border: none; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; font-size: 12px; display: flex; align-items: center; justify-content: center; } /* Когда есть изображения, скрываем текст */ .resale-form__preview-block.has-images p { display: none; } .resale-form__preview-block.has-images { display: grid; grid-template-columns: repeat(7, 5.8em); grid-template-rows: repeat(2, 5.8em); padding: 1em; gap: 1em; } @media (max-width: 820px) { .resale-form__preview-block.has-images { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 1em; gap: 1em; } } .resale-form__submit-container { display: flex; flex-direction: column; gap: 2.2em; align-items: center; margin: 2em auto; } @media (max-width: 1279px) { .resale-form__submit-container { gap: 1.8em; } } .resale-form__submit-container .button-red { font-weight: 400; font-size: 1.7em; line-height: 120%; text-align: center; color: #fff; padding: 1.235em 3.059em; border-radius: 100px; } @media (max-width: 1279px) { .resale-form__submit-container .button-red { font-size: 13px; } } @media (max-width: 820px) { .resale-form__submit-container .button-red { font-size: 1.7em; } } .resale-form__submit-container .button-red:hover { color: var(--pink); } .resale-form__checkbox { display: flex; align-items: center; gap: 12px; font-weight: 400; font-size: 1.5em; line-height: 120%; color: #292d32; cursor: pointer; position: relative; } @media (max-width: 1279px) { .resale-form__checkbox { font-size: 12px; } } @media (max-width: 371px) { .resale-form__checkbox { font-size: 11px; gap: 5px; } } /* Скрываем нативный чекбокс */ .resale-form__checkbox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { display: flex; align-items: center; justify-content: center; width: 22px; height: 23px; flex-shrink: 0; transition: all 0.3s ease; } /* Состояние по умолчанию (не выбрано) */ .checkmark svg path:first-child { stroke: #b0b0b0; transition: stroke 0.3s ease; } .checkmark svg path:last-child { opacity: 0; transition: opacity 0.3s ease; } /* Состояние при наведении */ .resale-form__checkbox:hover .checkmark svg path:first-child { stroke: #F14991; } /* Состояние когда чекбокс отмечен */ .resale-form__checkbox input[type="checkbox"]:checked + .checkmark svg path:first-child { stroke: #F14991; } .resale-form__checkbox input[type="checkbox"]:checked + .checkmark svg path:last-child { opacity: 1; } /* Ссылка в тексте */ .checkbox-text .underline { text-decoration: underline; transition: opacity 0.3s ease; } /* Стили для ошибок валидации */ .resale-form__input-container.error { border-color: #ff3860; } .resale-form__input-container.error .resale-form__input-title { color: #ff3860; } .resale-form__input.error, .resale-form__textarea.error { color: #ff3860; } .error-message { color: #ff3860; font-size: 1.2em; margin-top: 0.5em; display: none; } .resale-form__checkbox.error .checkbox-text { color: #ff3860; } .resale-form__checkbox.error .checkmark svg path:first-child { stroke: #ff3860; } /* Показываем ошибки при наличии класса error */ .resale-form__input-container.error .error-message { display: block; padding: 0 1.5em; } .resale-form__checkbox.error .error-message { display: block; } .resale-form__preview-block.error { border-color: #ff3860; } .resale-form__preview-block.error p { color: #ff3860; } .resale-form__preview-block.error .error-message { display: block; position: absolute; bottom: 1em; left: 1.8em; right: 1.8em; } .resale__title-container.resale-form__success{ display: flex; flex-direction: column; align-items: center; gap: 1.2em; } @media (max-width: 400px) { .resale__title-container.resale-form__success{ gap: 0.5em; } } .resale-success__subtitle{ font-weight: 300; font-size: 2.4em; line-height: 1.2917em; letter-spacing: -0.05em; text-align: center; color: var(--primary); opacity: 0.6; } @media (max-width: 400px) { .resale-success__subtitle{ font-size: 2em; } } .resale-success__buttons-block{ display: flex; align-items: center; gap: 10px; margin-bottom: 1em; } .button-red.button-outline{ background: var(--white); border: 1px solid var(--pink); color: var(--pink); } .button-red.button-outline:hover{ background: var(--pink); border: 1px solid var(--pink); color: var(--white); } .resale-success__title{ font-weight: 300; font-size: 2.4em; line-height: 1.2917em; letter-spacing: -0.05em; text-align: center; color: var(--primary); } @media (max-width: 400px) { .resale-success__title{ font-size: 2em; } } .resale-success__buttons-block .resale__button svg{ width: 1.2635em; height: 1.2635em; } .resale__wrap.resale-success{ padding: 4em 5em 3.3em; gap: 4.7em; max-width: 120em; } @media (max-width: 1279.98px) { .resale__wrap.resale-success{ max-width: 140em; gap: 4em; } } @media (max-width: 900px) { .resale__wrap.resale-success{ padding: 4em 3em 3.3em; } } @media (max-width: 440px) { .resale__wrap.resale-success{ padding: 4em 2em 3.3em; } } @media (max-width: 400px) { .resale__wrap.resale-success{ gap: 2em; } } @media (max-width: 375px) { .resale__wrap.resale-success{ padding: 4em 1em 3.3em; } } .resale-success .catalog__items{ column-gap: 7px; } @media (max-width: 1279.98px) { .resale-success .catalog__items { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 800px) { .resale-success .catalog__items { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } .resale-success .item-catalog{ border-radius: 2.9em; padding: 5px 0.9em 2.9em; } @media (max-width: 800px) { .resale-success .item-catalog{ border-radius: 2.9em; padding: 10px 1.3em 4.3em; } } @media (max-width: 375px) { .resale-success .item-catalog{ padding: 10px 1.3em 2.3em; } } .resale-success .catalog__container.container{ padding: 0; } .resale-success .item-catalog__body{ gap: 2.5em; } .resale-success .item-catalog__button{ width: 3.5em; height: 3.5em; top: 1.4em; right: 1.4em; } @media (max-width: 800px) { .resale-success .item-catalog__button{ width: 5.3em; height: 5.3em; top: 2em; right: 2em; } } @media (max-width: 500px) { .resale-success .item-catalog__button{ width: 4em; height: 4em; top: 1.5em; right: 1.5em; } } .resale-success .item-catalog__button svg{ width: 3.2em; height: 3.1em; } @media (max-width: 800px) { .resale-success .item-catalog__button svg{ width: 4.6em; height: 4.5em; } } .resale-success .item-catalog__text-block{ gap: 6px; } .resale-success .item-catalog__name.text{ font-size: 15px; } @media (max-width: 1279px) { .resale-success .item-catalog__name.text{ font-size: 2em; } } @media (max-width: 800px) { .resale-success .item-catalog__name.text{ font-size: 2.2em; } } @media (max-width: 500px) { .resale-success .item-catalog__name.text{ font-size: 2em; } } @media (max-width: 375px) { .resale-success .item-catalog__name.text{ font-size: 14px; } } .resale-success .item-catalog__price{ font-size: 14px; } @media (max-width: 1279px) { .resale-success .item-catalog__price{ font-size: 1.7em; } } @media (max-width: 375px) { .resale-success .item-catalog__price{ font-size: 12px; } } @media (max-width: 800px) { .resale-success .resale__bg-left{ width: 200%; bottom: auto; left: -96%; top: 42%; transform: rotate(80deg); } .resale-success .resale__bg-right{ width: 200%; bottom: auto; right: -82%; top: 61%; transform: rotate(-70deg); } } @media (max-width: 642px) { .resale-success .resale__bg-right{ right: -86%; top: 56%; } } @media (max-width: 550px) { .resale-success .resale__bg-left{ width: 250%; left: -115%; top: 51%; } } @media (max-width: 480px) { .resale-success .resale__bg-left{ left: -122%; top: 41%; } } @media (max-width: 434px) { .resale-success .resale__bg-left{ left: -130%; } } @media (max-width: 362px) { .resale-success .resale__bg-right{ right: -90%; top: 53%; } } @media (max-width: 334px) { .resale-success .resale__bg-left{ left: -135%; } } .resale-success__buttons-block.resale-start{ display: none; } .resale-success__buttons-block.resale-start.show{ display: flex; } .resale__button.button-red.hidden{ display: none; } .resale-success__buttons-block.resale-start .button-red, .resale-success__buttons-block.resale-start .button-red.button-outline{ width: 8.421em; } @media(max-width: 440px){ .resale-success__buttons-block.resale-start .button-red, .resale-success__buttons-block.resale-start .button-red.button-outline{ width: 7em; } } .resale-title__bg.hidden{ display: none; } /* End */ /* Start:/local/templates/chinafairytale/components/bitrix/news.list/main_catalog/style.css?1758154533150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/chinafairytale/components/bitrix/news.list/blog_slider/style.css?1758154533150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/chinafairytale/styles.css?17586183741445*/ .is-hidden { display: none !important; } .loader { width: 96px; box-sizing: content-box; height: 48px; background: #FFF; border-color: var(--pink); border-style: solid; border-width: 2px 2px 50px 2px; border-radius: 100%; position: relative; animation: 3s yinYang linear infinite; margin-top: 16em; } .loader:before { content: ""; position: absolute; top: 50%; left: 0; background: #FFF; border: 18px solid var(--pink); border-radius: 100%; width: 12px; height: 12px; box-sizing: content-box; } .loader:after { content: ""; position: absolute; top: 50%; left: 50%; background: var(--pink); border: 18px solid #FFF; border-radius: 100%; width: 12px; height: 12px; box-sizing: content-box; } @keyframes yinYang { 100%{transform: rotate(360deg)} } .infinite-row-loader { width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0; } .row-loader{ position: absolute; background: #f7f7f794; width: 100%; z-index: 199; height: -webkit-fill-available; display: flex; justify-content: flex-start; flex-direction: column; align-items: center; backdrop-filter: blur(4px); min-height: calc(16em + 150px); } .search-popup__content .catalog__items{ position: relative; } .search-popup__content .catalog__items .row-loader{ background: rgba(247, 247, 247, 0.15); backdrop-filter: blur(8px); } /* End */ /* Start:/local/templates/chinafairytale/template_styles.css?17604398114707*/ .is-hidden { display: none !important; } /*headr filter*/ .search-popup__header#form-search-property { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .search-popup__header#form-search-property { gap: 15px; font-size: 7px; } } @media (max-width: 633px) { .search-popup__header#form-search-property { font-size: 6px; } } @media (max-width: 531px) { .search-popup__header#form-search-property { gap: 10px; } } #form-search-property .item-filter__list, #form-search-property .sort-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } @media (max-width: 531px) { #form-search-property .item-filter__list, #form-search-property .sort-list { gap: 5px; } } @media (max-width: 767.98px) { #form-search-property .item-filter__list { margin: 0; padding-right: 0; } } .search_sort__divider { width: 1px; height: 45px; background: #292d32; opacity: 0.1; } @media (max-width: 767.98px) { .search_sort__divider { height: 35px; } } @media (max-width: 531px) { .search_sort__divider { height: 1px; width: 45px; } } .search-popup__header#form-search-property::before { content: none; } #form-search-property .item-filter__list .item-filter__checkbox { margin: 0; } #form-search-property .item-filter__list .checkbox__input { position: absolute; opacity: 0; } #form-search-property .item-filter__list .checkbox__label { display: inline-block; border: 1px solid rgba(74, 74, 74, 0.2); border-radius: 100px; padding: 9px 20px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; } @media (max-width: 633px) { #form-search-property .item-filter__list .checkbox__label { padding: 9px 15px; } } #form-search-property .item-filter__list .checkbox__label::before { content: none; } #form-search-property .item-filter__list .checkbox__input:checked+.checkbox__label { background: var(--pink); border-color: var(--pink); color: #fff; } #form-search-property .item-filter__list .checkbox__text { font-size: 2em; line-height: 130%; font-weight: 400; letter-spacing: -0.05em; color: #292d32; } #form-search-property .item-filter__list .checkbox__input:checked+.checkbox__label .checkbox__text { color: #fff; } .search_sort__title { font-weight: 500; font-size: 2.4em; letter-spacing: -0.03em; text-align: center; color: var(--pink); line-height: 1.21; } @media (max-width: 633px) { .search_sort__title { font-size: 16.8px; } } .search_sort__main-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; padding-top: 15px; border-top: 1px solid rgba(41, 45, 50, 0.1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .search_sort__main-container { gap: 15px; } } @media (max-width: 531px) { .search_sort__main-container { gap: 10px; } } @media (max-width: 531px) { .search_sort__main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } } .search_sort__main-container .select__list.sort-list { visibility: visible; opacity: 1; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .search_sort__main-container .select__list .select__item { border: 1px solid rgba(74, 74, 74, 0.2); border-radius: 100px; padding: 9px 20px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; font-size: 2em; line-height: 1.3; font-weight: 400; letter-spacing: -0.05em; color: #292d32; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media (max-width: 633px) { .search_sort__main-container .select__list .select__item { padding: 9px 15px; } } .search_sort__main-container .select__list .select__item.active { background: var(--pink); color: #fff; } /* End */ /* /local/templates/chinafairytale/fonts/onest/font-face.css?17581545331045 */ /* /local/templates/chinafairytale/css/swiper-bundle.min.css?175815453318448 */ /* /local/templates/chinafairytale/css/fancybox.css?175815453325343 */ /* /local/templates/chinafairytale/css/style.css?1760517257271337 */ /* /local/templates/chinafairytale/components/bitrix/news.list/main_catalog/style.css?1758154533150 */ /* /local/templates/chinafairytale/components/bitrix/news.list/blog_slider/style.css?1758154533150 */ /* /local/templates/chinafairytale/styles.css?17586183741445 */ /* /local/templates/chinafairytale/template_styles.css?17604398114707 */