/* Start:/local/templates/hollyshop/css/style.min.css?1754578691730111*/ @import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap'); /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} .air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s} :root { interpolate-size: allow-keywords; --font: 400 15px/1.4 "Onest", sans-serif; --ff-main: "Onest", sans-serif; --ff-heading: "Onest", sans-serif; --c-base: #111; --c-text: #111; --c-text-grey: #91999D; --c-text-grey-light: #BEC3C6; --c-bg: #fff; --c-bg-grey: #F7F6F9; --c-bg-dark: #252525; --c-beige: #EAE5E1; --c-sep: rgba(17, 17, 17, 0.15); --c-accent: #E4467E; --c-accent-text: #fff; --c-brand: #E4467E; --c-brand-light: #FBE6EF; --c-black: #111; --c-red: #D83838; --c-green: #73C430; --c-purple: #9D52FF; --c-purple-light: #F6EEFF; --c-error: #F23D47; --c-link: #111; --c-link-hover: #E4467E; --c-link-accent-hover: #D61F71; --c-btn: #E4467E; --c-btn-hover: #D61F71; --c-btn-text: #fff; --c-btn-text-hover: #fff; --c-btn-disabled: #F2A3BF; --c-grey: #858792; --c-grey-bd: #DDDDDD; --c-grey-bd2: #E2E2E2; --c-grey-sep: #E9E9E9; --c-input-bd: var(--c-base); --trs-in: 0.1s; --trs-out: 0.3s; --trs: 0.2s; --slider-pagination-color: var(--c-base); --header-height: 76px; --mb: 100px; } @media (max-width: 1400px) { :root { --mb: 80px; } } @media (max-width: 760px) { :root { --mb: 60px; } } .svg-opacity-icon { display: block; transition: opacity var(--trs-out); } a:hover .svg-opacity-icon { opacity: 0.5; transition: opacity var(--trs-in); } .svg-opacity-icon-hover { opacity: 0.5; transition: opacity var(--trs-in); } .gradient { background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); } .text-gradient { background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .no-tap { -webkit-tap-highlight-color: transparent; } .noselect { user-select: none; } .unset { all: unset; box-sizing: border-box; } ._throbber { opacity: 1; position: relative; } ._throbber:after { display: block; content: ''; width: 40px; height: 40px; background: url(/local/templates/hollyshop/css/../img/icons/logo-mini-active.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; animation: rotation 2s linear infinite; } @keyframes rotation { 100% { transform: rotate(360deg); } } a, .link { color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; } a:hover, .link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch a:hover, .touch .link:hover { color: var(--c-link); } .link-opacity { --c-link-hover: var(--c-link-hover); } .link-opacity:hover { opacity: 0.5; } .link-accent { --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); } .link-underline { text-decoration: underline solid currentColor; text-decoration-thickness: 1px; text-underline-offset: 2px; } .link-underline:hover { text-decoration-color: currentColor; } .link-underline-hover { text-decoration-color: currentColor; } .link-icon { width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .link-icon { font-size: 16px; } } @media (max-width: 760px) { .link-icon { font-size: 14px; } } .link-icon svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .link-icon path[fill] { fill: currentColor; transition: fill var(--trs-out); } .link-icon path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .link-icon:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .link-icon:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .link-icon-15 { width: fit-content; display: flex; align-items: center; gap: 6px; } .link-icon-15 svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .link-icon-15 path[fill] { fill: currentColor; transition: fill var(--trs-out); } .link-icon-15 path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .link-icon-15:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .link-icon-15:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .link-city { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); } .link-city:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .link-city:hover { color: var(--c-link); } @media (max-width: 1400px) { .link-city { font-size: 16px; } } @media (max-width: 760px) { .link-city { font-size: 14px; } } .link-city svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .link-city path[fill] { fill: currentColor; transition: fill var(--trs-out); } .link-city path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .link-city:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .link-city:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } html, body { margin: 0; padding: 0; -webkit-overflow-scrolling: touch; height: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y: scroll; overflow-x: hidden; position: relative; font: var(--font); color: var(--c-text); background: var(--c-bg); } @media (max-width: 1400px) { body { font-size: 14px; } } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .cf { zoom: 1; } .cf:before, .cf:after { content: ''; display: table; } .cf:after { clear: both; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; } a img { border: none; } p { margin: 0 0 1em 0; padding: 0; } strong { font-weight: 700; } .ul { margin: 1em 0; padding: 0; list-style: none; } .ul:first-child { margin-top: 0; } .ul:last-child { margin-bottom: 0; } .ul > li { margin: 0 0 0.6em 0; padding: 0 0 0 27px; position: relative; } .ul > li:last-child { margin-bottom: 0; } .ul > li:before { display: block; content: ''; width: 4px; height: 4px; background: currentColor; border-radius: 4px; position: absolute; top: 0.5lh; left: 11px; margin-top: -2px; } @media (max-width: 760px) { .ul > li { padding-left: 20px; } .ul > li:before { left: 4px; } } .ul ol li:before { display: none; } .ol { counter-reset: olcounter; list-style: none; margin: 1em 0; padding: 0; } .ol:first-child { margin-top: 0; } .ol > li { margin: 0 0 0.5em 0; padding: 0 0 0 1.5em; position: relative; } .ol > li:before { counter-increment: olcounter; display: block; content: counters(olcounter, ".") "."; position: absolute; top: 0; left: 0; } .ol > li:has(>h3) { padding-left: 2em; } .ol > li:has(>h3):before { font-family: var(--ff-main); font-weight: 500; font-size: 30px; line-height: 1.2; } @media (max-width: 1000px) { .ol > li:has(>h3):before { font-size: 26px; } } .ol > li > ol > li { padding-left: 2.25em; } .ol > li > ol > li > ol > li { padding-left: 3em; } .w { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .w { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .w { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .w { padding-left: 24px; padding-right: 24px; } } .w-offset { margin-left: -50px; margin-right: -50px; } @media (max-width: 1400px) { .w-offset { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1024px) { .w-offset { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) { .w-offset { margin-left: -24px; margin-right: -24px; } } .main-wrapper { overflow-x: clip; padding-top: calc(var(--header-height) + var(--top-mb) + var(--top-message-height)); } .goup { display: block; padding: 15px 24px; background: #FFFFFF; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); font-size: 16px; line-height: 19px; font-weight: 400; text-transform: uppercase; white-space: nowrap; position: fixed; bottom: 20px; right: 20px; z-index: 19; opacity: 0; transition: opacity 0.2s, color var(--trs-out); pointer-events: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .goup._on { opacity: 1; pointer-events: auto; } .notouch .goup:hover { transition: opacity 0.2s, color var(--trs-in); color: var(--c-brand); } @media (max-width: 760px) { .goup { padding: 7px 18px; right: 50%; transform: translateX(50%); } } @media (min-width: 1025px) { .mq1024- { display: none !important; } } @media (max-width: 1024px) { .mq1024\+ { display: none !important; } } @media (min-width: 1001px) { .mq1000- { display: none !important; } } @media (max-width: 1000px) { .mq1000\+ { display: none !important; } } @media (min-width: 761px) { .mq760- { display: none !important; } } @media (max-width: 760px) { .mq760\+ { display: none !important; } } .body-on-load * { transition: none !important; } .hr { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-top: 60px; margin-bottom: 60px; height: 2px; } @media (max-width: 1400px) { .hr { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .hr { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .hr { padding-left: 24px; padding-right: 24px; } } .hr:after { display: block; content: ''; height: 100%; background: var(--c-base); } @media (max-width: 1000px) { .hr { margin-top: 40px; margin-bottom: 40px; } } ._content-fixed .main-wrapper { position: fixed; top: 0; right: 0; left: 0; } @media (min-width: 1001px) { ._js-anim-entrance { opacity: 0; transform: translateY(100px); } .no-js ._js-anim-entrance { opacity: 1; transform: none; transition: none; } ._js-anim-entrance._active { opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s; } } .slider__pagination { position: absolute; bottom: 20px; left: 50%; z-index: 5; transform: translateX(-50%); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; gap: 10px; background: rgba(17, 17, 17, 0.01); border: 1px solid var(--slider-pagination-color); backdrop-filter: blur(10px); border-radius: 42px; } .slider__pagination-item { display: block; width: 6px; height: 6px; border-radius: 6px; background: var(--slider-pagination-color); opacity: 0.4; transition: opacity 0.2s; } .slider__pagination-item._active { opacity: 1; } ._loading { opacity: 0.25; pointer-events: none; transition: opacity 0.2s; } ._loading-box:before { display: block; content: ''; background: var(--c-bg); position: absolute; width: calc(100% + var(--padding) * 2); height: calc(100% + var(--padding) * 2); opacity: 0.8; transition: opacity 0.2s; z-index: 8; top: 0; left: 0; border-radius: var(--bdrs); margin: calc(var(--padding) * -1); } ._loading-box:after { display: block; content: ''; width: 40px; height: 40px; background: url(/local/templates/hollyshop/css/../img/icons/logo-mini-active.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; animation: loading 2s linear infinite; z-index: 10; } @keyframes loading { 100% { transform: rotate(360deg); } } .tippy-box { padding: 20px; width: 300px; background: #FFFFFF; border-radius: 20px; filter: drop-shadow(0px 0px 2px rgba(17, 17, 17, 0.1)) drop-shadow(0px 3px 40px rgba(17, 17, 17, 0.06)); font: var(--font); color: var(--c-base); } .tippy-content { padding: 0; } .tippy-arrow { color: #fff; } .page-min__header { padding: 32px; } .page-min__header img, .page-min__header svg { display: block; margin: 0 auto; } .page-min .main-wrapper { min-height: 100%; padding-top: 0; display: flex; flex-direction: column; justify-content: space-between; } .page-min .main { margin-bottom: 60px; } .page-min .mobile-nav { display: none; } .page-min .mobile-nav__back { display: none; } .swiper-pagination-clickable > * { cursor: pointer; } /*! * Toastify js 1.12.0 * https://github.com/apvarun/toastify-js * @license MIT licensed * * Copyright (C) 2018 Varun A P */ .toastify { display: flex; flex-direction: row; align-items: center; padding: 20px 30px; gap: 16px; position: fixed; opacity: 0; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); cursor: pointer; text-decoration: none; max-width: 600px; z-index: 50; background: #111111; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 24px; color: #ffffff; font-size: 18px; line-height: 1.4; } @media (max-width: 760px) { .toastify { font-size: 14px; padding: 10px 15px; border-radius: 16px; max-width: calc(100% - 32px); } } .toastify._error { background: var(--c-error); } .toastify._error:after { flex-shrink: 0; display: block; content: ''; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-miterlimit='10' stroke-width='1.5' d='M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 10.625V6.25'/%3E%3Cpath fill='%23fff' d='M10 14.375a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875Z'/%3E%3C/svg%3E"); } .toastify.on { opacity: 1; } .toast-close { background: transparent; border: 0; color: white; cursor: pointer; font-family: inherit; font-size: 1em; opacity: 0.4; padding: 0 5px; } .toastify-right { right: 20px; } @media (max-width: 1000px) { .toastify-right { right: 16px; } } .toastify-left { left: 20px; } @media (max-width: 1000px) { .toastify-left { left: 16px; } } .toastify-top { top: -150px; } .toastify-bottom { bottom: -150px; } .toastify-center { margin-left: auto; margin-right: auto; left: 0; right: 0; max-width: fit-content; max-width: -moz-fit-content; } .helper-burger { display: block; width: 18px; height: 2px; font-size: 0; line-height: 0; background: #fff; position: relative; border-radius: 0; transition: background-color 0.2s; } .helper-burger:before, .helper-burger:after { display: block; content: ''; width: 100%; height: 2px; background: #fff; position: absolute; top: -5px; left: 0; transform: rotate(0deg); transition: top 0.2s, transform 0.2s, background-color 0.2s; border-radius: 0; } .helper-burger:after { top: 5px; } .helper-burger._close, .header-burger._close .helper-burger, ._side-nav_visible .helper-burger { background: transparent !important; } .helper-burger._close:before, .header-burger._close .helper-burger:before, ._side-nav_visible .helper-burger:before { width: 18px; top: 1px !important; transform: rotate(45deg); } .helper-burger._close:after, .header-burger._close .helper-burger:after, ._side-nav_visible .helper-burger:after { width: 18px; top: 1px !important; transform: rotate(-45deg); } .h1, h1 { margin: 0 0 32px 0; font: 700 90px/1.05 var(--ff-heading); letter-spacing: -0.04em; } @media (max-width: 1400px) { .h1, h1 { font-size: 6.2vw; } } @media (max-width: 760px) { .h1, h1 { margin-bottom: 16px; font-size: 42px; } } .h2, h2 { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; } @media (max-width: 1400px) { .h2, h2 { font-size: 4.3vw; } } @media (max-width: 760px) { .h2, h2 { margin-bottom: 25px; font-size: 36px; } } .h3, h3 { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; } @media (max-width: 1400px) { .h3, h3 { font-size: 2.6vw; } } @media (max-width: 760px) { .h3, h3 { font-size: 24px; } } .h4, h4 { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; } @media (max-width: 1400px) { .h4, h4 { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .h4, h4 { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .h5, h5 { margin: 0 0 12px 0; font: 400 24px/1.24 var(--ff-heading); letter-spacing: -0.04em; } @media (max-width: 1400px) { .h5, h5 { font-size: 20px; } } @media (max-width: 760px) { .h5, h5 { font-size: 19px; } } .h6, h6 { margin: 0 0 20px 0; font: 400 24px/1.24 var(--ff-heading); letter-spacing: -0.04em; } @media (max-width: 760px) { .h6, h6 { margin-bottom: 0.6em; font-size: 20px; } } ::-webkit-input-placeholder { opacity: 0.5; color: var(--c-base); } :focus::-webkit-input-placeholder { opacity: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { box-shadow: 0 0 0 50px #fff inset !important; transition: color 9999s ease-out, background-color 9999s ease-out; transition-delay: 9999s; } input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active { box-shadow: 0 0 0 50px #fff inset !important; } .btn { display: flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; margin: 0; padding: 22px 31px; border: 1px solid transparent; background: var(--c-btn); border-radius: 20px; outline: none; font: var(--font); color: var(--c-btn-text); font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), border-color var(--trs-out), box-shadow var(--trs-out), opacity var(--trs-out); user-select: none; -webkit-tap-highlight-color: transparent; } .btn:hover { text-decoration: none; opacity: 1; } .notouch .btn:hover { background: var(--c-btn-hover); color: var(--c-btn-text-hover); transition: color var(--trs-in), background-color var(--trs-in), border-color var(--trs-in), box-shadow var(--trs-in), opacity var(--trs-in); } .notouch .btn:hover path { transition: stroke var(--trs-in), fill var(--trs-in); } .touch .btn:hover { color: var(--c-btn-text); } .btn._disabled, .btn:disabled { pointer-events: none; opacity: 0.5; } .btn svg { display: block; margin: 0 -6px; } .btn path { transition: stroke var(--trs-out), fill var(--trs-out); } .btn path[stroke] { stroke: currentColor; } .btn path[fill] { fill: currentColor; } .btn g[fill] { fill: currentColor; } .btn g[stroke] { stroke: currentColor; } .btn._wide { width: 100%; } .btn._white { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .btn._light { --c-btn: var(--c-brand-light); --c-btn-text: var(--c-brand); --c-btn-hover: var(--c-brand); --c-btn-text-hover: #fff; } .btn._grey { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .btn._bd { background: transparent; border-color: var(--c-btn); --c-btn-text: var(--c-btn); } .notouch .btn._bd:hover:not(:active) { border-color: transparent; } .btn._bd-white { background: transparent; border-color: #fff; --c-btn-text: #fff; } .notouch .btn._bd-white:hover { border-color: transparent; } .btn._warning { --c-btn-text: var(--c-error); --c-btn-hover: var(--c-error); } @media (max-width: 1000px) { .btn { font-size: 14px; line-height: 20px; padding: 17px 24px; border-radius: 18px; gap: 8px; } } .btn._med { padding: 17px 31px; border-radius: 18px; gap: 16px; font-size: 14px; line-height: 20px; } .btn._med-s { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 18px; line-height: 26px; } @media (max-width: 1000px) { .btn._med-s { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } .btn._med-xs { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 15px; line-height: 20px; } @media (max-width: 1000px) { .btn._med-xs { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } .btn._min { padding: 7px 11px; gap: 11px; font-size: 15px; line-height: 20px; } @media (max-width: 1000px) { .btn._min { padding: 7px 11px; gap: 11px; font-size: 14px; line-height: 20px; } } .form { transition: opacity var(--trs-out); } .form._loading { pointer-events: none; opacity: 0.5; } .form__item { margin: 0 0 20px 0; } .form__item:last-child { margin-bottom: 0; } .form__item._min { max-width: 234px; } .form__item._hidden { display: none; } .form__input { position: relative; display: block; width: 100%; margin: 0; padding: 23px 19px; border: 1px solid var(--c-sep); background: var(--c-bg-grey); border-radius: 20px; outline: none; font: var(--font); font-size: 18px; line-height: 24px; font-weight: 400; text-decoration: none; color: var(--c-base); transition: border-color var(--trs-out); } .form__input-wrapper { display: block; position: relative; } .form__input-wrapper._active .form__input-placeholder { display: block; } .form__input-wrapper._active .form__input { padding-top: 34px; padding-bottom: 12px; } .form__input-placeholder { display: block; position: absolute; top: 12px; left: 20px; right: 0; z-index: 2; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; display: none; pointer-events: none; color: var(--c-text-grey); } .form__input:focus, .form__input:hover { transition: border-color var(--trs-in); } .form__input:focus { border-color: var(--c-accent); } .form__input._error { border-color: var(--c-red); box-shadow: 0 0 0 1px var(--c-red); } .form__input-error-message { position: absolute; top: 100%; right: 0; left: 0; margin-top: 2px; font-size: 12px; color: var(--c-red); } textarea.form__input { resize: none; height: 120px; min-height: 120px; } .form__input:disabled, .form__input._disabled { pointer-events: none; opacity: 0.5; } .form__input._med { padding: 17px 19px; font-size: 15px; line-height: 20px; } .form__input._min { font-size: 16px; line-height: 20px; padding: 9px 0 9px 0; } .form__input-list { display: none; max-height: 324px; overflow: auto; padding: 14px 10px 20px 10px; position: absolute; top: 100%; margin-top: 12px; left: 0; right: 0; z-index: 5; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; } .notouch .form__input-list::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .form__input-list::-webkit-scrollbar-track { background-color: transparent; } .notouch .form__input-list::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .form__input-list-item { padding: 12px; border-radius: 20px; cursor: pointer; transition: background-color var(--trs-out); } .form__input-list-item:hover { background: var(--c-bg-grey); transition: background-color var(--trs-in); } .form__input-list-item._active { background: var(--c-bg-grey); font-weight: 500; } @media (max-width: 760px) { .form__input { font-size: 14px; line-height: 20px; padding: 17px 15px; border-radius: 18px; } .form__input-wrapper._active .form__input-placeholder { font-size: 12px; line-height: 15px; top: 9px; left: 15px; } .form__input-wrapper._active .form__input { padding-top: 26px; padding-bottom: 8px; } textarea.form__input { height: 100px; min-height: 100px; } } .form__images-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px 0; } .form__images-list:empty { display: none; } .form__images-list-item { width: 74px; height: 74px; position: relative; } .form__images-list-item-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .form__images-list-item-remove { display: block; position: absolute; top: -8px; right: -8px; width: 26px; height: 26px; border-radius: 26px; background: var(--c-brand-light); border: 2px solid #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color var(--trs-out); } .form__images-list-item-remove svg { display: block; } .form__images-list-item-remove path { fill: var(--c-accent); transition: fill var(--trs-out); } .form__images-list-item-remove:hover { background: var(--c-accent); transition: background-color var(--trs-in); } .form__images-list-item-remove:hover path { fill: #fff; transition: fill var(--trs-in); } .form__images-input { width: 100%; position: relative; } .form__images-input input { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; } .form__calendar { cursor: pointer; position: relative; } .form__calendar:after { display: block; content: ''; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23181818' d='M16.667 2.5h-.833V.833h-1.667V2.5H5.834V.833H4.167V2.5h-.833c-.917 0-1.667.75-1.667 1.667V17.5c0 .917.75 1.667 1.667 1.667h13.333c.917 0 1.667-.75 1.667-1.667V4.167c0-.917-.75-1.667-1.667-1.667Zm0 15H3.334V8.334h13.333V17.5Zm0-10.833H3.334v-2.5h13.333v2.5Z'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -10px; right: 0; } .form__agreement { max-width: 350px; margin: 15px auto 0 auto; font-size: 13px; text-align: center; color: var(--c-text-grey); } .form__submit { margin: 40px 0 0 0; display: flex; align-items: flex-start; gap: 16px 28px; } .form__submit .btn { flex-shrink: 0; } .form__submit-agreement { margin: 0; align-self: center; font-size: 14px; opacity: 0.4; } @media (max-width: 600px) { .form__submit { margin-top: 32px; flex-direction: column; text-align: center; } .form__submit .btn { width: 100%; } } .form__file { display: block; position: relative; } .form__file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0.01; } .form__file-label { display: flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; margin: 0; padding: 22px 31px; border: 1px solid transparent; background: var(--c-btn); border-radius: 20px; outline: none; font: var(--font); color: var(--c-btn-text); font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), border-color var(--trs-out), box-shadow var(--trs-out), opacity var(--trs-out); user-select: none; -webkit-tap-highlight-color: transparent; --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; width: 100%; } .form__file-label:hover { text-decoration: none; opacity: 1; } .notouch .form__file-label:hover { background: var(--c-btn-hover); color: var(--c-btn-text-hover); transition: color var(--trs-in), background-color var(--trs-in), border-color var(--trs-in), box-shadow var(--trs-in), opacity var(--trs-in); } .notouch .form__file-label:hover path { transition: stroke var(--trs-in), fill var(--trs-in); } .touch .form__file-label:hover { color: var(--c-btn-text); } .form__file-label._disabled, .form__file-label:disabled { pointer-events: none; opacity: 0.5; } .form__file-label svg { display: block; margin: 0 -6px; } .form__file-label path { transition: stroke var(--trs-out), fill var(--trs-out); } .form__file-label path[stroke] { stroke: currentColor; } .form__file-label path[fill] { fill: currentColor; } .form__file-label g[fill] { fill: currentColor; } .form__file-label g[stroke] { stroke: currentColor; } .form__file-label._wide { width: 100%; } .form__file-label._white { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .form__file-label._light { --c-btn: var(--c-brand-light); --c-btn-text: var(--c-brand); --c-btn-hover: var(--c-brand); --c-btn-text-hover: #fff; } .form__file-label._grey { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .form__file-label._bd { background: transparent; border-color: var(--c-btn); --c-btn-text: var(--c-btn); } .notouch .form__file-label._bd:hover:not(:active) { border-color: transparent; } .form__file-label._bd-white { background: transparent; border-color: #fff; --c-btn-text: #fff; } .notouch .form__file-label._bd-white:hover { border-color: transparent; } .form__file-label._warning { --c-btn-text: var(--c-error); --c-btn-hover: var(--c-error); } @media (max-width: 1000px) { .form__file-label { font-size: 14px; line-height: 20px; padding: 17px 24px; border-radius: 18px; gap: 8px; } } .form__file-label._med { padding: 17px 31px; border-radius: 18px; gap: 16px; font-size: 14px; line-height: 20px; } .form__file-label._med-s { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 18px; line-height: 26px; } @media (max-width: 1000px) { .form__file-label._med-s { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } .form__file-label._med-xs { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 15px; line-height: 20px; } @media (max-width: 1000px) { .form__file-label._med-xs { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } .form__file-label._min { padding: 7px 11px; gap: 11px; font-size: 15px; line-height: 20px; } @media (max-width: 1000px) { .form__file-label._min { padding: 7px 11px; gap: 11px; font-size: 14px; line-height: 20px; } } .form__file-label svg { flex-shrink: 0; } .form__file-label-text { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .form__file-clear { position: absolute; top: 0; right: 0; height: 100%; width: 50px; display: flex; align-items: center; justify-content: center; display: none; } .form__file-clear svg { display: block; } .form__file-clear path { fill: var(--c-text); } .form__file-clear:hover path { opacity: 0.75; } .form__file._active .form__file-label { padding-right: 30px; } .form__file._active .form__file-clear { display: flex; } .form__success { text-align: center; padding-bottom: 20px; } @media (max-width: 760px) { .form__success { padding-bottom: 10px; } } .form__success:before { display: block; content: ''; width: 190px; height: 162px; margin: 0 auto 30px auto; background: url(/local/templates/hollyshop/css/../img/kitty-success.png) 50% 50% no-repeat; background-size: contain; mix-blend-mode: multiply; } .form__success-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 20px; text-wrap: balance; } @media (max-width: 1400px) { .form__success-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .form__success-heading { font-size: 24px; } } .form__success-copy { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .form__success-copy { font-size: 16px; } } @media (max-width: 760px) { .form__success-copy { font-size: 14px; } } .form__success-popup .popup__inner { max-width: 600px; } .air-datepicker { font: var(--font); padding: 12px; border-radius: 30px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 3px 40px rgba(17, 17, 17, 0.06); --adp-pointer-offset: 32px; --adp-day-name-color: var(--c-accent); --adp-cell-background-color-selected: var(--c-accent); --adp-cell-background-color-selected-hover: var(--c-accent); } .air-datepicker.-inline- { border-radius: 20px; } .air-datepicker .air-datepicker-cell.-selected- { color: var(--c-accent-text); } .radio { display: inline-block; position: relative; padding: 0 0 0 42px; cursor: pointer; } .radio input[type="radio"] { position: absolute; top: 6px; left: 6px; width: 1px; height: 1px; border: none; background: none; overflow: hidden; -moz-appearance: none; -webkit-appearance: none; appearance: none; visibility: hidden; } .radio input[type="radio"]:focus { outline: none; border: none; } .radio i { display: block; width: 30px; height: 30px; padding: 3px; background: #fff; box-shadow: inset 0 0 0 1px var(--c-sep); border-radius: 20px; position: absolute; top: 50%; margin-top: -15px; left: 0; transition: box-shadow 0.2s; } .radio:hover i { box-shadow: inset 0 0 0 1px var(--c-accent); } .radio.radio-checked i { box-shadow: inset 0 0 0 8px var(--c-accent); } .checkbox-switch { display: block; width: 62px; height: 34px; position: relative; border-radius: 34px; background: rgba(17, 17, 17, 0.05); transition: background-color 0.2s; user-select: none; } .checkbox-switch i { display: none !important; } .checkbox-switch:after { display: block; content: ''; width: 26px; height: 26px; border-radius: 26px; background: #FFFFFF; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); position: absolute; top: 4px; left: 4px; transition: transform 0.4s linear(0, 0.03 1.5%, 0.121 3.2%, 0.851 13%, 0.99 16.4%, 1.063 20.2%, 1.076 22.3%, 1.075 24.8%, 1.013 35.9%, 0.995 43.4%, 1); } .checkbox-switch.radio-checked:after { transform: translateX(28px); } .checkbox-switch.checkbox-checked { background: var(--c-accent); } .checkbox-switch.checkbox-checked:after { transform: translateX(28px); } .checkbox-switch__wrapper { display: flex; align-items: center; gap: 12px; user-select: none; } .checkbox-switch__label { cursor: pointer; } .checkbox-switch__label._big { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .checkbox-switch__label._big { font-size: 16px; } } @media (max-width: 760px) { .checkbox-switch__label._big { font-size: 14px; } } @media (max-width: 760px) { .checkbox-switch { width: 40px; height: 22px; } .checkbox-switch:after { width: 18px; height: 18px; top: 2px; left: 2px; } .checkbox-switch.checkbox-checked:after, .checkbox-switch.radio-checked:after { transform: translateX(18px); } .checkbox-switch__wrapper { gap: 8px; } } .checkbox { display: inline-block; vertical-align: top; position: relative; padding: 0 0 0 1.4lh; cursor: pointer; user-select: none; } .checkbox input[type="checkbox"] { position: absolute; top: 6px; left: 6px; width: 1px; height: 1px; border: none; background: none; overflow: hidden; -moz-appearance: none; -webkit-appearance: none; appearance: none; visibility: hidden; } .checkbox input[type="checkbox"]:focus { outline: none; border: none; } .checkbox i { display: block; width: 1lh; height: 1lh; background: transparent; position: absolute; top: -0.05lh; left: 0; background: var(--c-bg-grey); box-shadow: inset 0 0 0 1px var(--c-sep); border-radius: 8px; transition: background-color 0.2s, box-shadow 0.2s; display: flex; align-items: center; justify-content: center; padding: 3px; } .checkbox i svg { display: block; max-width: 100%; max-height: 100%; opacity: 0; transform: scale(0); transition: transform 0.2s, opacity 0.2s; } .notouch .checkbox:hover i { box-shadow: inset 0 0 0 1px var(--c-accent); } .checkbox.checkbox-checked i { box-shadow: none; background: var(--c-accent); } .checkbox.checkbox-checked i svg { opacity: 1; transform: scale(1); } .checkbox.checkbox-checked + .checkbox__body { display: block; } .checkbox.checkbox-disabled { color: var(--c-grey); cursor: default; } .checkbox.checkbox-disabled i { border-color: var(--c-grey); opacity: 0.3; } @media (max-width: 1000px) { .checkbox { padding-left: 40px; } .checkbox i { width: 28px; height: 28px; top: -0.2lh; } .checkbox i svg { margin: 2px 0 0 1px; } } .checkbox._error i { box-shadow: 0 0 0 2px var(--c-error) !important; } .checkbox__body { display: none; margin-top: 10px; } .checkbox.checkbox-tag i { display: none; } .checkbox.checkbox-tag { display: inline-block; padding: 8px 14px; border: 2px solid rgba(24, 24, 24, 0.15); border-radius: 40px; line-height: 1.35; letter-spacing: -0.04em; transition: background-color var(--trs-out), border-color var(--trs); } .checkbox.checkbox-tag:hover { background: rgba(24, 24, 24, 0.08); transition: background-color var(--trs-in), border-color var(--trs); } .checkbox.checkbox-tag.checkbox-checked { border-color: var(--c-base); } @media (max-width: 1600px) { .checkbox.checkbox-tag { font-size: 14px; line-height: 20px; } } @media (max-width: 760px) { .checkbox.checkbox-tag { padding: 4px 10px; } } .form__message { width: 700px; position: fixed; bottom: 0; left: 50%; z-index: 15; margin-left: -350px; padding: 32px; background: var(--c-beige); display: flex; align-items: center; gap: 24px; transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1); } .form__message-body { flex: 1 1 auto; } .form__message-heading { margin: 0 0 12px 0; font: 400 24px/1.24 var(--ff-heading); letter-spacing: -0.04em; margin: 0; } @media (max-width: 1400px) { .form__message-heading { font-size: 20px; } } @media (max-width: 760px) { .form__message-heading { font-size: 19px; } } .form__message-copy { margin: 10px 0 0 0; text-wrap: pretty; } .form__message-cta { flex: 0 0 auto; } .form__message-cta .btn { width: 100%; } .form__message._show { transform: translateY(0); } @media (max-width: 760px) { .form__message { left: 0; right: 0; margin-left: 0; width: auto; gap: 20px; padding: 20px 20px 32px 20px; background: var(--c-base); color: #fff; } .form__message-copy { margin-top: 8px; } .form__message-cta .btn { --c-btn: #fff; } .form__message-cta .btn:active { border-color: var(--c-btn); } } @media (max-width: 500px) { .form__message { display: block; } .form__message-cta { margin: 24px 0 0 0; } } .irs { height: 13px; font-size: 0; line-height: 0; } .irs--flat { position: relative; top: auto; left: auto; right: auto; margin: 0; } .irs--flat:before { display: block; content: ''; position: absolute; top: 5px; left: 0; right: 0; height: 3px; background: var(--c-brand-light); border-radius: 3px; } .irs--flat .irs-line { top: 0; height: 100%; background: transparent; } .irs--flat .irs-bar { top: 0; height: 100%; background: transparent; border-radius: 0; } .irs--flat .irs-bar:before { display: block; content: ''; margin-top: 5px; width: 100%; height: 3px; background: var(--c-accent); border-radius: 3px; } .irs--flat .irs-handle { top: 0px; width: 13px; height: 13px; background: var(--c-accent); border-radius: 13px; } .irs--flat .irs-handle i { display: none !important; } .form__range-slider { position: relative; } .form__range-symbol { position: absolute; bottom: 12px; right: 20px; font-size: 18px; line-height: 1.4; pointer-events: none; } .form__range .form__input { padding-right: 36px; } .switch-list { position: relative; } .switch-list__btn { display: flex; align-items: center; gap: 5px; cursor: pointer; transition: color var(--trs-out); } .switch-list__btn path { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .switch-list__btn:hover { color: var(--c-accent); transition: color var(--trs-in); } .notouch .switch-list__btn:hover path { transition: stroke var(--trs-in); } .switch-list._open { z-index: 8; } .switch-list._open .switch-list__btn { color: var(--c-accent); } .switch-list._open .switch-list__btn svg { transform: rotate(180deg); } .switch-list._open .switch-list__btn path { stroke: currentColor; } .switch-list__list { display: none; width: 280px; padding: 10px 8px; position: absolute; left: 0px; top: 100%; margin-top: 10px; background: #FFFFFF; box-shadow: 0px 4px 30px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.06); border-radius: 28px; font-size: 15px; line-height: 1.45; font-weight: 400; } .switch-list__list-item { display: block; padding: 12px; border-radius: 18px; cursor: pointer; transition: background-color var(--trs-out); } .notouch .switch-list__list-item:hover { background: var(--c-bg-grey); transition: background-color var(--trs-in); } .switch-list__list-item._active { background: var(--c-bg-grey); font-weight: 500; } .switch-list._open .switch-list__list { display: block; } .select { position: relative; z-index: 5; } .select__label { display: block; width: 100%; margin: 0; padding: 23px 19px; padding-right: 50px; border: 1px solid var(--c-sep); background: var(--c-bg-grey); border-radius: 20px; outline: none; font: var(--font); font-size: 18px; line-height: 24px; font-weight: 400; text-decoration: none; color: var(--c-base); cursor: pointer; transition: border-color var(--trs-out); } .select__label-placeholder { display: none; } .select__label-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0.5; } .select._active .select__label-text { opacity: 1; } .select__label svg { display: block; position: absolute; top: 50%; right: 18px; margin-top: -10px; transition: transform 0.1s; } @media (max-width: 760px) { .select__label { font-size: 14px; line-height: 20px; padding: 17px 15px; border-radius: 18px; } } .select__list { display: none; position: absolute; top: 100%; left: 0; right: 0; margin-top: 10px; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; padding: 14px 10px; overflow: auto; max-height: 300px; } .notouch .select__list::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .select__list::-webkit-scrollbar-track { background-color: transparent; } .notouch .select__list::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .select__list-item { padding: 12px; border-radius: 18px; cursor: pointer; transition: background-color var(--trs-out); } .notouch .select__list-item:hover { background: var(--c-bg-grey); transition: background-color var(--trs-in); } .select__list-item._active { font-weight: 500; } .select._open .select__label { box-shadow: 0 0 0 1px var(--c-accent); border-color: var(--c-accent); } .select._open .select__label svg { transform: rotate(180deg); } .select._open .select__list { display: block; } .select._med .select__label { padding: 17px 19px; font-size: 15px; line-height: 20px; } :root { --header-height: 148px; --top-mb: 60px; --top-message-height: 0px; --top-header-offset: calc((var(--header-height) + var(--top-mb)) * -1); --top-header-padding: calc(var(--header-height) + var(--top-mb)); } :root:has(.top-message) { --top-message-height: 40px; } @media (max-width: 1600px) { :root { --top-mb: 40px; } } @media (max-width: 1000px) { :root { --header-height: 72px; --top-mb: 26px; } } .top { width: 100%; position: fixed; top: 0; z-index: 15; --top-trs: 0.1s; --trs-out: 0.1s; --top-nav: var(--c-base); --top-accent: var(--c-brand); --top-accent-text: #fff; --top-text: var(--c-base); --top-bg: transparent; --top-bd: rgba(17, 17, 17, 0.15); --c-link: var(--c-brand); /*@media (min-width: 1001px) { body.page-lk &, body.page-lk-inner & { .top-vars-white; --top-nav: #fff; } } @media (max-width: 1000px) { html:not(._header-fixed) body.page-lk & { .top-vars-white; --top-bg: transparent !important; } }*/ } ._main-nav-show .top, ._main-search-show .top { --top-bg: #fff; } body:has(._set-main-header-white) .top { --top-accent: #fff; --top-accent-text: var(--c-brand); --top-text: #fff; --top-bg: transparent; --top-bd: #ffffff; --c-link: #fff; --top-nav: #fff; } ._header-fixed .top { --top-accent: var(--c-brand) !important; --top-accent-text: #fff !important; --top-text: var(--c-base) !important; --top-bg: transparent !important; --top-bd: rgba(17, 17, 17, 0.15) !important; --c-link: var(--c-brand) !important; --top-bg: #fff !important; --top-nav: var(--c-base) !important; } ._main-nav-show ._header-fixed .top, ._main-search-show ._header-fixed .top { --top-bg: #fff !important; } ._main-nav-show .top, ._main-search-show .top, ._mobile-nav-show .top { --top-accent: var(--c-brand) !important; --top-accent-text: #fff !important; --top-text: var(--c-base) !important; --top-bg: transparent !important; --top-bd: rgba(17, 17, 17, 0.15) !important; --c-link: var(--c-brand) !important; --top-bg: #fff !important; --top-nav: var(--c-base) !important; } ._main-nav-show ._main-nav-show .top, ._main-nav-show ._main-search-show .top, ._main-nav-show ._mobile-nav-show .top, ._main-search-show ._main-nav-show .top, ._main-search-show ._main-search-show .top, ._main-search-show ._mobile-nav-show .top { --top-bg: #fff !important; } .top-message { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; max-width: none; padding: 10px; background: #9D52FF; color: #fff; --c-link: #fff; --c-link-hover: #fff; font-size: 15px; line-height: 20px; font-weight: 500; text-align: center; position: relative; } @media (max-width: 1400px) { .top-message { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .top-message { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .top-message { padding-left: 24px; padding-right: 24px; } } .top-message__link:after { display: block; content: ''; position: absolute; inset: 0; } .header__wrapper { max-width: 1920px; margin: 0 auto; padding: 20px 20px 0 20px; } @media (max-width: 1000px) { .header__wrapper { padding: 16px 16px 0 16px; } } .header { box-shadow: 0 0 0 1px var(--top-bd); background: var(--top-bg); color: var(--top-text); border-radius: 20px; --gap: 24px; transition: height var(--top-trs), box-shadow var(--top-trs), background-color var(--top-trs) 0.13s, color var(--top-trs); overflow: hidden; } ._header-fixed .header, ._main-search-show .header, ._main-nav-show .header { transition: height var(--top-trs), box-shadow var(--top-trs), background-color var(--top-trs), color var(--top-trs); } @media (min-width: 1001px) { ._header-fixed .header { height: 70px; } } .header__city { width: 330px; position: absolute; z-index: 1; margin-top: 70px; padding: 20px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 0px 30px 30px 30px; border-top: 1px solid var(--top-bd); color: var(--c-black); } .header__city-close { position: absolute; top: 0; right: 0; padding: 15px; cursor: pointer; } .header__city-close svg { display: block; } .header__city-label { margin: 0 0 4px 0; } .header__city-item { margin: 0 0 16px 0; font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .header__city-item { font-size: 16px; } } @media (max-width: 760px) { .header__city-item { font-size: 14px; } } .header__city-cta { display: flex; gap: 4px; } .header__city-cta .btn { flex: 1 1 50%; padding-left: 10px; padding-right: 10px; } .header:has(.header__city) { border-radius: 20px 20px 20px 0 !important; } .header:has(.header__city) .header__top-geo { margin-left: calc(var(--gap) * -1); padding-left: var(--gap); width: auto; } .header__top { min-height: 70px; display: flex; align-items: stretch; gap: var(--gap); padding: 0 var(--gap); --c-btn: var(--top-accent); --c-btn-text: var(--top-accent-text); } .header__top-left, .header__top-right { flex: 1 1 50%; display: flex; align-items: stretch; } .header__top-right { justify-content: flex-end; } .header__top-logo { flex: 0 0 auto; align-self: center; } .header__top-logo img, .header__top-logo svg { display: block; } .header__top-logo path[fill="#E4467E"] { fill: var(--top-accent); transition: fill var(--top-trs); } .header__top-geo { padding-right: var(--gap); display: flex; align-items: center; cursor: pointer; } .header__top-geo-item { display: flex; align-items: center; gap: 6px; font-size: 15px; line-height: 20px; color: var(--top-accent); transition: color var(--top-trs); } .header__top-geo-item svg { display: block; flex-shrink: 0; } .header__top-geo-item path { fill: var(--top-accent); transition: fill var(--top-trs); } .header__top-catalog { padding: 0 var(--gap); display: flex; align-items: center; border-left: 1px solid var(--top-bd); transition: border-color var(--top-trs); } .header__top-catalog .btn g { stroke: currentColor; transition: stroke var(--top-trs); } ._main-nav-show .header__top-catalog .btn svg { display: none; } ._main-nav-show .header__top-catalog .btn:before { display: block; content: ''; width: 20px; height: 20px; margin: 0 -6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M15.886 5.158a.75.75 0 0 0-1.06-1.06L9.983 8.94 5.141 4.097a.75.75 0 0 0-1.06 1.061L8.921 10 4.08 14.842a.75.75 0 0 0 1.06 1.061l4.843-4.842 4.842 4.842a.75.75 0 0 0 1.06-1.06L11.045 10l4.842-4.843Z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .header__top-user { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: var(--gap); } .header__top-user li { margin: 0; padding: 0; } .header__top-user-item, .header__top-user a { display: block; position: relative; cursor: pointer; } .header__top-user-item:after, .header__top-user a:after { display: block; content: ''; position: absolute; inset: -12px; } .header__top-user-bubble { display: block; font-size: 12px; line-height: 14px; font-weight: 500; padding: 0 4px; border-radius: 20px; background: var(--c-brand); border: 1.5px solid #fff; color: #fff; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 2px; } .header__top-user-bubble:empty { display: none; } .header__top-user svg { display: block; } .header__top-user path { stroke: var(--top-accent); transition: stroke var(--top-trs); } .header__top-user-authed { display: flex !important; align-items: center; gap: 7px; margin-right: -10px; padding: 0 10px; background: var(--top-accent); color: var(--top-accent-text); border-radius: 12px; height: 36px; transition: background-color var(--top-trs), color var(--top-trs); } .notouch .header__top-user-authed:hover { color: var(--top-accent-text); } .header__top-user-authed-name { font-weight: 500; } .header__top-user-authed path { stroke: currentColor; } .header__bottom { min-height: 58px; border-top: 1px solid var(--top-bd); transition: border-color var(--top-trs); padding: 10px 24px; display: flex; align-items: center; justify-content: center; } .header__nav { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; height: 20px; overflow: hidden; font-size: 15px; line-height: 20px; --c-link: var(--top-nav); --c-link-hover: var(--top-nav); } .header__nav li { margin: 0; padding: 0; } .header__nav-special { --c-link: var(--top-accent); } @media (max-width: 1000px) { .header { border-radius: 14px; } .header__bottom { display: none; } .header__top { min-height: 56px; justify-content: space-between; padding: 0 16px; gap: 16px; } .header__top-right { display: none; } .header__top-left { min-width: 0; order: 2; flex: 0 1 auto; } .header__top-catalog { display: none; } .header__top-logo svg { width: 144px; height: auto; } .header__top-geo { width: 100%; border-left: 1px solid var(--top-bd); padding: 0; padding-left: 16px; } .header__top-geo-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--top-text); } .header__top-geo-item path { fill: var(--top-text); } } @media (max-width: 760px) { body:has(.burger-nav._show) .bar-message { display: none; } } :root { --footer-mt: 100px; } .footer { margin-top: var(--footer-mt); --bdrs: 50px; --gap: 60px; background: var(--c-bg-grey); border-radius: var(--bdrs) var(--bdrs) 0 0; padding: 85px 0; } @media (max-width: 1600px) { .footer { padding: 65px 0; } } @media (max-width: 1400px) { .footer { --gap: 40px; } } .footer__inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; gap: var(--gap); } @media (max-width: 1400px) { .footer__inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .footer__inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .footer__inner { padding-left: 24px; padding-right: 24px; } } .footer__main { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .footer__main-body { display: flex; justify-content: space-between; gap: var(--gap); } .footer__app { --bdrs: 30px; flex: 0 0 30%; max-width: 342px; min-height: 588px; margin: -15px 0; background: #E2ECF7; border-radius: var(--bdrs); padding: var(--bdrs); padding-top: 90px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; } .footer__app-image { margin: 0 0 20px 0; } .footer__app-image img { display: block; width: 100%; max-width: 140px; height: auto; margin: 0 auto; } .footer__app-heading { margin: 0 0 16px 0; } .footer__app-copy { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .footer__app-copy { font-size: 16px; } } @media (max-width: 760px) { .footer__app-copy { font-size: 14px; } } .footer__app-cta { position: relative; } .footer__app-cta .btn { width: 100%; } .footer__connect { order: 2; text-align: right; } .footer__phone-number { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .footer__phone-number { font-size: 2.6vw; } } @media (max-width: 760px) { .footer__phone-number { font-size: 24px; } } .footer__phone-free { margin: 0; color: var(--c-grey); } .footer__phone-free span { font-size: 16px; color: var(--c-text); margin-right: 10px; } .footer__social { margin: 30px 0 0 0; padding: 0; list-style: none; display: flex; justify-content: flex-end; gap: 12px; } .footer__social li { margin: 0; padding: 0; } .footer__social svg { display: block; } .footer__social path[fill="#858792"] { fill: var(--c-grey); transition: fill var(--trs-out); } .footer__social a:hover path[fill="#858792"] { fill: var(--c-brand); transition: fill var(--trs-in); } .footer__nav { display: flex; gap: var(--gap); font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .footer__nav { font-size: 16px; } } @media (max-width: 760px) { .footer__nav { font-size: 14px; } } .footer__nav-heading { all: unset; display: block; font-weight: 700; margin: 0 0 20px 0; } .footer__nav ul { margin: 0; padding: 0; list-style: none; } .footer__nav ul li { margin: 0 0 20px 0; padding: 0; } .footer__nav ul li:last-child { margin-bottom: 0; } .footer__bottom { display: flex; justify-content: space-between; gap: var(--gap); --bottom-gap: 32px; margin: 50px 0 0 0; padding: 50px 0 20px 0; border-top: 1px solid var(--c-sep); } .footer__bottom-info { display: flex; flex-wrap: wrap; align-items: center; gap: 12px var(--bottom-gap); } .footer__bottom-info-links { display: flex; flex-wrap: wrap; gap: 12px var(--bottom-gap); --c-link: var(--c-grey); } .footer__bottom-info-payments { display: flex; align-items: center; gap: 12px var(--bottom-gap); } .footer__bottom-info-payments img { display: block; } .footer__bottom-nikitakozin { flex-shrink: 0; --c-link-hover: var(--c-link); } .footer__bottom-nikitakozin span { transition: color var(--trs-out); } .footer__bottom-nikitakozin a:hover span { color: var(--c-brand); transition: color var(--trs-in); } @media (max-width: 760px) { .footer__bottom-nikitakozin { display: none; } } @media (max-width: 1300px) { .footer { padding-top: 50px; padding-bottom: 50px; } .footer__main-body { display: block; } .footer__connect { text-align: left; margin: 0 0 30px 0; } .footer__social { justify-content: flex-start; flex-wrap: wrap; } } @media (max-width: 1000px) { .footer { background: none; padding-top: 0; } .footer__app { display: none; } .footer__bottom { margin-top: 40px; padding-top: 40px; padding-bottom: 0; } } @media (max-width: 760px) { .footer { --gap: 30px; } .footer__phone-number { margin-bottom: 8px; } .footer__nav-heading { margin-bottom: 14px; } .footer__nav ul li { margin-bottom: 14px; } .footer__bottom { margin-top: 30px; padding-top: 30px; } .footer__bottom-info-links { gap: 8px 24px; } .footer__bottom-info-payments { gap: 8px 14px; } } @media (max-width: 500px) { .footer__nav { display: block; columns: 2; } .footer__nav-item { page-break-inside: avoid; margin-bottom: 32px; min-height: 210px; } } .footer-min { --bdrs: 50px; --gap: 60px; background: var(--c-bg-grey); border-radius: var(--bdrs) var(--bdrs) 0 0; padding: 25px 0; --c-link: var(--c-base); --bottom-gap: 32px; } .footer-min__inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; justify-content: space-between; gap: 24px; } @media (max-width: 1400px) { .footer-min__inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .footer-min__inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .footer-min__inner { padding-left: 24px; padding-right: 24px; } } .footer-min__info { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bottom-gap); } .footer-min__info-links { display: flex; flex-wrap: wrap; gap: var(--bottom-gap); --c-link: var(--c-grey); } .footer-min__info-payments { display: flex; align-items: center; gap: var(--bottom-gap); } .footer-min__info-payments img { display: block; } .footer-min__phone { text-align: right; } .footer-min__phone-item { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 6px 0; } @media (max-width: 1400px) { .footer-min__phone-item { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .footer-min__phone-item { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .footer-min__phone-copy { margin: 0; color: var(--c-text-grey); } .footer-min__phone-copy span { font-size: 16px; color: var(--c-text); margin-right: 10px; } @media (max-width: 1000px) { .footer-min { --gap: 30px; --bottom-gap: 16px; } } @media (max-width: 500px) { .footer-min__inner { flex-direction: column; } .footer-min__info { order: 2; } .footer-min__phone { text-align: left; } } :root { --popup-trs: 0.4s; } .popup { --padding: 50px; --bdrs: 50px; position: absolute; top: 0; right: 0; z-index: 25; width: 100%; min-height: 100svh; padding: 30px; transform: scale(0.5); opacity: 0; display: none; pointer-events: none; align-items: center; justify-content: center; transition: transform var(--popup-trs), opacity var(--popup-trs); } .popup__hidden { display: none; } .popup__back { background: rgba(17, 17, 17, 0.5); backdrop-filter: blur(7.5px); opacity: 0; position: fixed; top: 0; right: 0; bottom: 100%; left: 0; z-index: 24; transition: opacity var(--popup-trs), bottom 0s var(--popup-trs); } ._popup-show .popup__back { opacity: 1; bottom: 0; transition: opacity var(--popup-trs), bottom 0s 0s; pointer-events: auto; } .popup._show { display: flex; } .popup__inner { width: 100%; max-width: 700px; min-height: 0; padding: var(--padding); background: var(--c-bg); border-radius: var(--bdrs); position: relative; pointer-events: auto; } .popup__close { position: absolute; top: 0; right: 0; height: 100%; pointer-events: none; opacity: 0; transition: opacity var(--popup-trs); -webkit-tap-highlight-color: transparent; cursor: pointer; } .popup__close-btn { padding: 29px; position: sticky; top: 0; z-index: 5; pointer-events: auto; } .popup__close svg { display: block; } ._popup-show .popup { transform: scale(1); opacity: 1; transition: transform var(--popup-trs) cubic-bezier(0.25, 1, 0.5, 1), opacity var(--popup-trs) cubic-bezier(0.25, 1, 0.5, 1); } ._popup-show .popup__close { opacity: 1; } .popup__heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; text-wrap: balance; } @media (max-width: 1400px) { .popup__heading { font-size: 2.6vw; } } @media (max-width: 760px) { .popup__heading { font-size: 24px; } } .popup__cta { margin: 30px 0 0 0; } .popup__cta .btn { width: 100%; } @media (max-width: 1400px) { .popup { --padding: 32px; } } @media (max-width: 1000px) { .popup { --padding: 24px; --bdrs: 40px; max-width: none; padding: 67px 0 0 0; height: 100dvh; min-height: 0; align-items: stretch; transform: translateY(100%); } .popup__inner { width: 100%; max-width: none !important; padding: 0; display: flex; flex-direction: column; justify-content: flex-end; position: relative; background: none; border-radius: 0; pointer-events: none; } .popup__body { width: 100%; padding: var(--padding); overflow: auto; max-height: 100%; background: #FFFFFF; border-radius: var(--bdrs) var(--bdrs) 0px 0px; pointer-events: auto; } .popup__close { height: auto; display: flex; align-items: flex-end; justify-content: center; padding: 12px; position: static; pointer-events: auto; } .popup__close-btn { width: 120px; height: 5px; border-radius: 5px; background: #fff; padding: 0; } .popup__close-btn svg { display: none; } ._popup-show .popup { transform: translateY(0%); transition: transform var(--popup-trs) cubic-bezier(0.25, 1, 0.5, 1), opacity var(--popup-trs) cubic-bezier(0.25, 1, 0.5, 1); } } @media (max-width: 760px) { .popup__heading { margin: 0 0 12px 0; } .popup__cta { margin: 25px 0 0 0; } } .accordeon { max-width: 930px; --pl: 88px; } .accordeon__item { margin: 0 0 35px 0; } .accordeon__item:last-child { border-bottom: 0; } .accordeon__heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; min-height: 50px; padding-left: var(--pl); display: flex; align-items: center; gap: 8px 16px; -webkit-tap-highlight-color: transparent; cursor: pointer; position: relative; } @media (max-width: 1400px) { .accordeon__heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .accordeon__heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .accordeon__heading:focus { outline: none; } .accordeon__heading-icon { display: block; width: 68px; height: 50px; position: absolute; top: 0; left: 0; border-radius: 50px; background: var(--c-bg-grey); display: grid; align-items: center; justify-content: center; } .accordeon__heading-icon svg { display: block; grid-row: 1; grid-column: 1; transition: transform 0.2s, opacity 0.2s; } .accordeon__heading-icon-minus { opacity: 0; } .accordeon__heading._active .accordeon__heading-icon svg { transform: rotate(180deg); } .accordeon__heading._active .accordeon__heading-icon-minus { opacity: 1; } .accordeon__heading._active .accordeon__heading-icon-plus { opacity: 0; } .accordeon__item:last-child .accordeon__body { padding-bottom: 0; } .accordeon__body { display: none; padding-left: var(--pl); padding-top: 10px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .accordeon__body { font-size: 16px; } } @media (max-width: 760px) { .accordeon__body { font-size: 14px; } } .accordeon__body a:not([href^="tel:"]) { text-decoration: underline solid currentColor; text-decoration-thickness: 1px; text-underline-offset: 2px; } .accordeon__body a:not([href^="tel:"]):hover { text-decoration-color: currentColor; } .accordeon__body p:last-child { margin-bottom: 0; } .accordeon__body ul { margin: 1em 0; padding: 0; list-style: none; } .accordeon__body ul:first-child { margin-top: 0; } .accordeon__body ul:last-child { margin-bottom: 0; } .accordeon__body ul > li { margin: 0 0 0.6em 0; padding: 0 0 0 27px; position: relative; } .accordeon__body ul > li:last-child { margin-bottom: 0; } .accordeon__body ul > li:before { display: block; content: ''; width: 4px; height: 4px; background: currentColor; border-radius: 4px; position: absolute; top: 0.5lh; left: 11px; margin-top: -2px; } @media (max-width: 760px) { .accordeon__body ul > li { padding-left: 20px; } .accordeon__body ul > li:before { left: 4px; } } .accordeon__body ul ol li:before { display: none; } .no-js .accordeon__body { display: block; } @media (max-width: 760px) { .accordeon { --pl: 58px; } .accordeon__item { margin-bottom: 20px; } .accordeon__heading { min-height: 32px; gap: 12px; } .accordeon__heading-icon { width: 46px; height: 32px; } .accordeon__heading-icon svg { width: auto; height: auto; max-width: 14px; max-height: 14px; } .accordeon__body { padding-left: 0; padding-top: 6px; } } .burger-nav__back { position: fixed; inset: 0; z-index: 9; background: rgba(17, 17, 17, 0.5); display: none !important; opacity: 0; transition: opacity 0.3s; } .burger-nav { position: fixed; inset: 0; z-index: 9; background: #fff; --ph: 24px; padding: calc(var(--top-message-height) + var(--header-height) - 10px) 0 72px 0; overflow: hidden; --index: 0; display: none; transform: translateY(100%); transition: transform 0.5s linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1); } .burger-nav._show { transform: translateY(0); } .burger-nav__main { height: 100%; display: flex; transform: translateX(calc(-100% * var(--index))); transition: transform 0.3s linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1); } .burger-nav__item { flex: 0 0 100%; height: 100%; overflow: auto; padding: 26px 0; display: none; } .burger-nav__item._active { display: block; } .burger-nav__item:first-child { display: block; } .burger-nav__item-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px 0; } .burger-nav__item-header { display: flex; align-items: center; gap: 14px; margin: 0 0 16px 0; padding: 0 16px; font-size: 36px; line-height: 1.1; font-weight: 700; user-select: none; -webkit-tap-highlight-color: transparent; } .burger-nav__item-header:before { flex-shrink: 0; display: block; content: ''; width: 36px; height: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cg opacity='0.8'%3E%3Crect width='36' height='36' fill='%23F7F6F9' rx='18'/%3E%3Cpath stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m20.182 13-5 5 5 5'/%3E%3C/g%3E%3C/svg%3E"); } .burger-nav__item-subheader .burger-nav__link { padding-top: 10px; padding-bottom: 10px; font-weight: bold; font-size: 17px; line-height: 24px; } .burger-nav__item .tabs .tabs__header { margin-left: 0 !important; margin-right: 0 !important; } .burger-nav__list { margin: 0; padding: 0; list-style: none; } .burger-nav__list + .burger-nav__item-subheader { margin-top: 16px; } .burger-nav__list-item { margin: 0; padding: 0; } .burger-nav__list-item:before { display: none; } .burger-nav__list-content { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--c-sep); } .burger-nav__list-column { display: flex; flex-wrap: wrap; } .burger-nav__list-column .burger-nav__list-item { flex: 0 0 50%; } .burger-nav__link { display: flex; align-items: center; gap: 8px; padding: 12px var(--ph); font-size: 14px; line-height: 20px; font-weight: 500; -webkit-tap-highlight-color: transparent; } .burger-nav__link._all { --c-link: var(--c-accent); } .burger-nav__link-icon { flex-shrink: 0; display: block; width: 24px; height: 24px; object-fit: contain; } .burger-nav__link._sub { padding-right: 54px; position: relative; } .burger-nav__link._sub:after { display: block; content: ''; width: 20px; height: 20px; position: absolute; top: 50%; right: var(--ph); margin-top: -10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23858792' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.272 3.75 6.25 6.25-6.25 6.25'/%3E%3C/svg%3E"); } .burger-nav__brands .tabs { margin: 20px 0 16px 0; } .burger-nav__brands .tabs__header { padding: 0 16px; } .burger-nav__brands .tabs__item { position: relative; } .burger-nav__brands-alphabet { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; pointer-events: none; } .burger-nav__brands-alphabet-inner { position: sticky; top: 10px; pointer-events: auto; } .burger-nav__brands-alphabet-item { all: unset; display: block; width: 100%; padding: 2px 0; font-size: 12px; line-height: 14px; color: var(--c-text-grey); text-align: center; text-transform: uppercase; transition: color var(--trs-in); } .burger-nav__brands-alphabet-item._active { color: var(--c-accent); } .burger-nav__brands-heading { display: flex; align-items: center; gap: 6px; padding: 7px var(--ph); font-size: 24px; line-height: 26px; font-weight: 700; } .burger-nav__brands-heading-icon { display: block; width: 25px; height: 16px; object-fit: contain; border-radius: 4px; } .burger-nav__list + .burger-nav__brands-heading { margin-top: 20px; } .burger-nav__brands .burger-nav__list-item { display: flex; align-items: center; gap: 8px; padding-left: var(--ph); } .burger-nav__brands .burger-nav__list-item .btn-fav { flex-shrink: 0; } .burger-nav__brands .burger-nav__list-item .burger-nav__link { flex: 1 1 auto; padding-left: 0; } .burger-nav__brands._search .burger-nav__section:not(._found) { display: none; } .burger-nav__brands._search .burger-nav__list-item:not(._found) { display: none; } .burger-nav__brands-search { width: 52px; height: 40px; background: var(--c-bg-grey); border-radius: 62px; position: relative; margin: -2px 0; transition: width 0.2s; } .burger-nav__brands-search-input { display: block; width: 100%; height: 100%; margin: 0; padding: 10px 16px; padding-right: 50px; background: none; border: 0; outline: none; font: normal 15px/20px var(--ff-main); } .burger-nav__brands-search-btn { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 52px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .burger-nav__brands-search-btn-empty { display: block; } .burger-nav__brands-search-btn-clear { display: none; } .burger-nav__brands-search-btn path[fill] { fill: var(--c-base); transition: fill var(--trs-out); } .burger-nav__brands-search-btn:hover path[fill] { fill: var(--c-accent); transition: fill var(--trs-in); } .burger-nav__brands-search-btn path[stroke] { stroke: var(--c-base); transition: stroke var(--trs-out); } .burger-nav__brands-search-btn:hover path[stroke] { stroke: var(--c-accent); transition: stroke var(--trs-in); } .burger-nav__brands-search._open { width: 320px; margin-left: 16px; } .burger-nav__brands-search._open .burger-nav__brands-search-btn { pointer-events: none; } .burger-nav__brands-search._active .burger-nav__brands-search-btn { pointer-events: auto; } .burger-nav__brands-search._active .burger-nav__brands-search-btn-empty { display: none; } .burger-nav__brands-search._active .burger-nav__brands-search-btn-clear { display: block; } .mobile-nav { height: 56px; position: fixed; bottom: 16px; left: 16px; right: 16px; z-index: 20; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; background: #FFFFFF; border: 1px solid rgba(17, 17, 17, 0.15); box-shadow: 0px -8px 15px rgba(17, 17, 17, 0.06); border-radius: 18px; display: none; } .mobile-nav__back { position: fixed; height: 72px; left: 0; right: 0; bottom: 0; z-index: 20; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 14.58%, #FFFFFF 47.41%, #FFFFFF 112.5%); display: none; pointer-events: none; } @media (max-width: 1000px) { .mobile-nav { display: flex; } .mobile-nav__back { display: block; } } html:not(._mobile-nav-show) body:has(.product-page) .mobile-nav { height: 120px; padding-top: 64px; } html:not(._mobile-nav-show) body:has(.product-page) .mobile-nav__back { height: 136px; } html:not(._mobile-nav-show) body:has(.product-page):not(:has(.product__buy)) .mobile-nav { height: 56px; padding-top: 0; } html:not(._mobile-nav-show) ._cart-mobile-cta-fixed .mobile-nav { height: 120px; padding-top: 64px; } html:not(._mobile-nav-show) ._cart-mobile-cta-fixed .mobile-nav__back { height: 136px; } .mobile-nav__item { flex: 1 1 20%; display: flex; align-items: center; justify-content: center; cursor: pointer; border-right: 1px solid transparent; position: relative; } .mobile-nav__item:first-child { border-right-color: var(--c-sep); } .mobile-nav__item._logo { margin: 2px 0; background: var(--c-bg-grey); border-radius: 8px; transition: none; } .mobile-nav__item svg, .mobile-nav__item img { display: block; position: relative; } .mobile-nav__item._cart { border-right-color: var(--c-sep); } .mobile-nav__item._lk img { border-radius: 30px; width: 28px; height: 28px; object-fit: cover; } ._mobile-nav-show .mobile-nav__item._burger g { stroke: var(--c-accent); } ._mobile-nav-show .mobile-nav__item._burger:before { display: block; content: ''; position: absolute; inset: 2px; background: var(--c-bg-grey); border-radius: 16px 0 0 16px; } ._main-search-show .mobile-nav__item._burger { border-color: transparent; } ._main-search-show .mobile-nav__item._search:before { display: block; content: ''; position: absolute; inset: 2px; background: var(--c-bg-grey); border-radius: 8px; } ._main-search-show .mobile-nav__item._logo { background: transparent; border-right: 1px solid var(--c-sep); margin: 0; border-radius: 0; } .mobile-nav__item-bubble { display: block; font-size: 12px; line-height: 14px; font-weight: 500; padding: 0 4px; border-radius: 20px; background: var(--c-brand); border: 1.5px solid #fff; color: #fff; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 2px; } .mobile-nav__item-bubble:empty { display: none; } .main-nav__back { position: fixed; inset: 0; z-index: 11; background: rgba(17, 17, 17, 0.5); backdrop-filter: blur(7.5px); display: none; opacity: 0; transition: opacity 0.3s; } .main-nav__back._show { opacity: 1; } .main-nav { position: fixed; top: 0; left: 0; right: 0; border-radius: 0 0 50px 50px; background: #fff; z-index: 11; height: calc(100% - 76px); display: none; transform: translateY(-100%); transition: transform 0.5s linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1); } .main-nav._show { transform: translateY(0); } .main-nav__inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; height: 100%; padding-top: calc(var(--header-height) + var(--top-message-height)); transition: padding-top 0.1s; display: flex; align-items: stretch; } @media (max-width: 1400px) { .main-nav__inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .main-nav__inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .main-nav__inner { padding-left: 24px; padding-right: 24px; } } ._header-fixed .main-nav__inner { padding-top: calc(90px + var(--top-message-height)); } .main-nav__top { flex: 0 0 290px; padding: 25px 20px 20px 0; overflow: auto; border-right: 1px solid var(--c-sep); } .notouch .main-nav__top::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .main-nav__top::-webkit-scrollbar-track { background-color: transparent; } .notouch .main-nav__top::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .notouch .main-nav__top::-webkit-scrollbar-thumb { display: none; } .notouch .main-nav__top:hover::-webkit-scrollbar-thumb { display: block; } .main-nav__top-list { margin: 0; padding: 0; list-style: none; } .main-nav__top-list-item { margin: 0; padding: 0; } .main-nav__top-list-item:before { display: none; } .main-nav__top-more { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid var(--c-sep); list-style: none; } .main-nav__top-more-item { margin: 0; padding: 0; } .main-nav__top-more-item:before { display: none; } .main-nav__top-more-item .main-nav__top-item { padding-right: 10px; } .main-nav__top-more-item .main-nav__top-item:after { display: none; } .main-nav__top-item { display: flex; align-items: center; gap: 8px; padding: 14px 40px 14px 10px; border-radius: 14px; font-size: 18px; line-height: 1.4; --c-link: var(--c-base); --c-link-hover: var(--c-base); position: relative; } @media (max-width: 1400px) { .main-nav__top-item { font-size: 16px; } } @media (max-width: 760px) { .main-nav__top-item { font-size: 14px; } } .main-nav__top-item-icon { flex-shrink: 0; display: block; width: 28px; height: 28px; object-fit: contain; } .main-nav__top-item:after { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/main-nav/arrow.svg) 0 0 no-repeat; position: absolute; top: 18px; right: 10px; opacity: 0; transition: opacity var(--trs-out); } .main-nav__top-item:hover, .main-nav__top-item._active { background: var(--c-bg-grey); } .main-nav__top-item:hover:after, .main-nav__top-item._active:after { opacity: 1; transition: opacity var(--trs-in); } .main-nav__body { flex: 1 1 auto; padding: 60px 0 60px 80px; overflow: auto; overflow-x: hidden; position: relative; } .notouch .main-nav__body::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .main-nav__body::-webkit-scrollbar-track { background-color: transparent; } .notouch .main-nav__body::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .notouch .main-nav__body::-webkit-scrollbar-thumb { display: none; } .notouch .main-nav__body:hover::-webkit-scrollbar-thumb { display: block; } @media (max-width: 1300px) { .main-nav__body { padding-left: 40px; } } .main-nav__item { display: none; } .main-nav__item._active { display: block; } .main-nav__item-header { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin: 0 0 20px 0; } .main-nav__item-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .main-nav__item-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .main-nav__item-heading { font-size: 24px; } } .main-nav__item-body { display: flex; gap: 20px; } .main-nav__item-promo { flex: 0 0 320px; } .main-nav__item-promo-big { flex: 1 1 auto; margin-right: 68px; } .main-nav__item-promo-item { margin: 0 0 40px 0; position: relative; } .main-nav__item-promo-item-image { margin: 0 0 12px 0; border-radius: 20px; overflow: hidden; } .main-nav__item-promo-item-image img { display: block; width: 100%; height: auto; aspect-ratio: 320 / 180; } .main-nav__item-promo-item-heading { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .main-nav__item-promo-item-heading { font-size: 16px; } } @media (max-width: 760px) { .main-nav__item-promo-item-heading { font-size: 14px; } } .main-nav__item-promo-item-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .main-nav__item-nav { flex: 1 1 auto; margin-left: -20px; columns: 2; column-gap: 40px; } .main-nav__item-cat { margin-bottom: 20px; page-break-inside: avoid; } .main-nav__item-cat-name { font-weight: 700; } .main-nav__item-list { margin: 0; padding: 0; list-style: none; } .main-nav__item-list-item { margin: 0; padding: 0; } .main-nav__item-list-item:before { display: none; } .main-nav__item-link { display: block; padding: 12px 20px; border-radius: 14px; font-size: 18px; line-height: 1.4; --c-link: var(--c-base); --c-link-hover: var(--c-base); } @media (max-width: 1400px) { .main-nav__item-link { font-size: 16px; } } @media (max-width: 760px) { .main-nav__item-link { font-size: 14px; } } .main-nav__item-link:hover, .main-nav__item-link._active { background: var(--c-bg-grey); } .main-nav__item-link:hover:after, .main-nav__item-link._active:after { opacity: 1; transition: opacity var(--trs-in); } @media (max-width: 1400px) { .main-nav__item-promo { flex-basis: 30%; } .main-nav__item-promo-big { margin-right: 20px; } } .main-nav__brands .main-nav__item-header { margin-bottom: 11px; } .main-nav__brands-alphabet { margin: 0 0 40px 0; padding: 15px 0; border-bottom: 1px solid var(--c-sep); background: #fff; position: sticky; top: -60px; z-index: 2; } .main-nav__brands-alphabet._fixed { margin-left: -80px; padding-left: 80px; } .main-nav__brands-alphabet .swiper-slide { width: auto; } .main-nav__brands-alphabet-item { display: block; min-width: 30px; padding: 7px 8px; border-radius: 8px; text-transform: uppercase; text-align: center; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out); } .main-nav__brands-alphabet-item:hover { color: var(--c-accent); background: var(--c-bg-grey); transition: color var(--trs-in), background-color var(--trs-in); } .main-nav__brands-alphabet-item._active { background: var(--c-brand-light); color: var(--c-accent); } .main-nav__brands-section { display: flex; align-items: start; gap: 20px; margin-bottom: 40px; } .main-nav__brands-section:last-child { margin-bottom: 0; } .main-nav__brands-section-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; flex: 0 0 240px; margin: 0; padding-top: 12px; padding-right: 20px; } @media (max-width: 1400px) { .main-nav__brands-section-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .main-nav__brands-section-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .main-nav__brands-list { flex: 1 1 auto; margin: 0; padding: 0; list-style: none; columns: 4; column-gap: 5px; } .main-nav__brands-list-item { margin: 0; padding: 0; position: relative; } .main-nav__brands-list-item:before { display: none; } .main-nav__brands-list-item .btn-fav { width: 44px; height: 100%; position: absolute; top: 0; right: 0; opacity: 0; transition: opacity var(--trs-out); } .main-nav__brands-list-item .btn-fav svg { width: 24px; height: 24px; } .main-nav__brands-list-item .btn-fav._active { opacity: 1; } .touch .main-nav__brands-list-item .btn-fav { opacity: 1; } .main-nav__brands-list-item:hover .btn-fav { opacity: 1; transition: opacity var(--trs-in); } .main-nav__brands-list-item._active { display: block !important; } .main-nav__brands-list-item._active img { display: none; } .main-nav__brands-list-item._active a { background: var(--c-bg-grey); border-radius: 8px; padding-left: 35px; } .main-nav__brands-list-item._active a:after { position: absolute; z-index: 10; display: block; content: ''; width: 20px; height: 20px; top: 11px; left: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23E4467E' fill-rule='evenodd' d='M17.423 5.62a.75.75 0 0 0-1.06-1.06l-5.38 5.38-5.38-5.38a.75.75 0 0 0-1.06 1.06L9.92 11l-5.38 5.38a.75.75 0 0 0 1.061 1.06l5.38-5.38 5.38 5.38a.75.75 0 1 0 1.06-1.06L12.043 11l5.38-5.38Z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .main-nav__brands-list-item:hover .main-nav__brands-list-link { background: var(--c-bg-grey); } .main-nav__brands-list-link { display: flex; align-items: center; gap: 8px; padding: 10px 34px 10px 10px; border-radius: 8px; font-size: 18px; line-height: 1.4; --c-link: var(--c-base); --c-link-hover: var(--c-base); } .main-nav__brands-list-link img { display: block; width: 30px; height: 20px; border-radius: 4px; box-shadow: 0 0 0 0.5px rgba(17, 17, 17, 0.15); } @media (max-width: 1400px) { .main-nav__brands-list-link { font-size: 16px; } } @media (max-width: 760px) { .main-nav__brands-list-link { font-size: 14px; } } .main-nav__brands-list-link:hover, .main-nav__brands-list-link._active { background: var(--c-bg-grey); } .main-nav__brands-countries._active { display: flex !important; } .main-nav__brands-countries .main-nav__brands-list-link { padding-right: 0; position: relative; } .main-nav__brands-countries .main-nav__brands-list-link:before { display: block; content: ''; width: 55px; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(90deg, transparent 0%, var(--c-bg-grey) 25%); border-radius: 0 8px 8px 0; opacity: 0; transition: opacity var(--trs-out); } .main-nav__brands-countries .main-nav__brands-list-item:hover .main-nav__brands-list-link:before { opacity: 1; transition: opacity var(--trs-in); } .main-nav__brands._search .main-nav__brands-alphabet-item:not(._found) { display: none; } .main-nav__brands._search .main-nav__brands-section:not(._found) { display: none; } .main-nav__brands._search .main-nav__brands-list-item:not(._found) { display: none; } .main-nav__brands-search { width: 62px; height: 46px; background: var(--c-bg-grey); border-radius: 62px; position: relative; margin: -2px 0; transition: width 0.2s; } .main-nav__brands-search-item { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } .main-nav__brands-search-input { display: block; width: 100%; height: 100%; margin: 0; padding: 13px 16px; padding-right: 50px; background: none; border: 0; outline: none; font: normal 15px/20px var(--ff-main); } .main-nav__brands-search-btn { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 62px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .main-nav__brands-search-btn-empty { display: block; } .main-nav__brands-search-btn-clear { display: none; } .main-nav__brands-search-btn path[fill] { fill: var(--c-base); transition: fill var(--trs-out); } .main-nav__brands-search-btn:hover path[fill] { fill: var(--c-accent); transition: fill var(--trs-in); } .main-nav__brands-search-btn path[stroke] { stroke: var(--c-base); transition: stroke var(--trs-out); } .main-nav__brands-search-btn:hover path[stroke] { stroke: var(--c-accent); transition: stroke var(--trs-in); } .main-nav__brands-search._open { width: 320px; } .main-nav__brands-search._open .main-nav__brands-search-btn { pointer-events: none; } .main-nav__brands-search._active .main-nav__brands-search-btn { pointer-events: auto; } .main-nav__brands-search._active .main-nav__brands-search-btn-empty { display: none; } .main-nav__brands-search._active .main-nav__brands-search-btn-clear { display: block; } @media (max-width: 1600px) { .main-nav__brands-list { columns: 3; } } @media (max-width: 1400px) { .main-nav__brands-section-heading { flex-basis: 160px; } } @media (max-width: 1300px) { .main-nav__brands-alphabet { margin-bottom: 20px; } .main-nav__brands-section { display: block; } .main-nav__brands-section { margin-bottom: 20px; } .main-nav__brands-section-heading { margin-bottom: 12px; } .main-nav__brands-list { margin-left: -10px; } } .city-selector__popup { --padding: 40px; } .city-selector__popup .popup__inner { max-width: 600px; } @media (max-width: 760px) { .city-selector__popup { --padding: 24px; } } .city-selector__heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 15px; } @media (max-width: 1400px) { .city-selector__heading { font-size: 2.6vw; } } @media (max-width: 760px) { .city-selector__heading { font-size: 24px; } } .city-selector__copy { font-size: 18px; line-height: 1.4; margin: 0 0 30px 0; text-wrap: pretty; } @media (max-width: 1400px) { .city-selector__copy { font-size: 16px; } } @media (max-width: 760px) { .city-selector__copy { font-size: 14px; } } .city-selector__search { margin: 0 0 12px 0; } .city-selector__search-input { position: relative; } .city-selector__search-input:after { display: block; content: ''; width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath stroke='%23858792' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.625 17a6.875 6.875 0 1 0 0-13.75 6.875 6.875 0 0 0 0 13.75ZM14.487 14.986l4.763 4.764'/%3E%3C/svg%3E"); position: absolute; top: 50%; left: 20px; margin-top: -11px; pointer-events: none; } .city-selector__search-input .form__input { padding-left: 50px; } .city-selector__list { font-size: 18px; line-height: 1.4; margin: 0 -32px; } @media (max-width: 1400px) { .city-selector__list { font-size: 16px; } } @media (max-width: 760px) { .city-selector__list { font-size: 14px; } } .city-selector__list._results { display: none; } .city-selector__list-link { display: block; padding: 12px 32px; border-radius: 14px; } .notouch a.city-selector__list-link:hover { background: var(--c-bg-grey); } .city-selector__list-link._active { color: var(--c-accent); } @media (min-width: 1001px) { .city-selector__list { overflow: auto; max-height: calc(100svh - 350px); } } @media (max-width: 760px) { .city-selector__heading { margin-bottom: 12px; } .city-selector__copy { margin-bottom: 25px; } .city-selector__list { margin: 0 -20px; } .city-selector__list-link { padding: 12px 20px; } } .auth { max-width: 500px; margin: 0 auto; position: relative; --padding: 40px; } @media (min-width: 1001px) { .auth__popup { --padding: 40px; } } .auth__popup .popup__inner { max-width: 480px; } @media (min-width: 1001px) { .auth__popup:has(.auth._phone) .popup__inner { margin-bottom: 82px; } } .auth._phone .auth__email, .auth._phone .auth__code, .auth._phone .auth__reg, .auth._phone .auth__forgot { display: none; } .auth._code .auth__phone, .auth._code .auth__email, .auth._code .auth__reg, .auth._code .auth__forgot { display: none; } .auth._email .auth__phone, .auth._email .auth__code, .auth._email .auth__reg, .auth._email .auth__forgot { display: none; } .auth._reg .auth__phone, .auth._reg .auth__code, .auth._reg .auth__email, .auth._reg .auth__forgot { display: none; } .auth._forgot .auth__phone, .auth._forgot .auth__email, .auth._forgot .auth__reg, .auth._forgot .auth__code { display: none; } .auth__header { margin: 0 0 30px 0; display: flex; justify-content: space-between; gap: 12px; } .auth__header-heading { font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; } .auth__header-link { display: none; margin-top: 5px; --c-link: var(--c-accent); } @media (max-width: 1000px) { .auth__header-link { display: block; } } .auth__copy { margin: -14px 0 30px 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .auth__copy { font-size: 16px; } } @media (max-width: 760px) { .auth__copy { font-size: 14px; } } .auth__item { margin: 0 0 12px 0; } .auth__item-caption { color: var(--c-grey); margin-top: 12px; } .auth__item.icon-calendar .form__input-wrapper:before { content: ''; display: block; position: absolute; top: 50%; right: 20px; margin-top: -10px; background: url(/local/templates/hollyshop/css/../img/icons/calendar.svg) 50% 50% no-repeat; background-size: contain; width: 20px; height: 20px; z-index: 2; } .auth__text-top { margin: -18px 0 25px; } @media (max-width: 1000px) { .auth__text-top { margin-top: -10px; } } .auth__text-bottom { margin: 30px 0; text-align: center; } .auth__text-bottom a { color: var(--c-accent); } .auth__submit { margin: 20px 0 0 0; display: flex; flex-direction: column; gap: 12px; } .auth__submit .btn { width: 100%; } .auth__submit-resend-timer { min-width: 2ch; font-variant-numeric: tabular-nums; letter-spacing: -0.1em; margin-left: -0.25em; text-align: left; } .auth__switch { margin: 20px 0 0 0; } @media (max-width: 1000px) { .auth__switch { display: none; } } @media (max-width: 1000px) { .auth__phone .auth__switch { display: block; } } .auth__btn { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-weight: 500; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; } .auth__btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .auth__btn:hover { color: var(--c-link); } @media (max-width: 1400px) { .auth__btn { font-size: 16px; } } @media (max-width: 760px) { .auth__btn { font-size: 14px; } } .auth__btn svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .auth__btn path[fill] { fill: currentColor; transition: fill var(--trs-out); } .auth__btn path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .auth__btn:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .auth__btn:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .auth__oauth { position: absolute; top: 100%; left: 0; right: 0; margin-top: 12px; display: flex; gap: 12px; } .auth__oauth .btn { flex: 1 1 50%; } @media (max-width: 1000px) { .auth__oauth { position: static; margin: 20px 0 0 0; } .auth__oauth .btn { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } } @media (max-width: 500px) { .auth__oauth { flex-direction: column; gap: 8px; } .auth__oauth .btn { width: 100%; flex: 0 0 auto; } } .auth__static { max-width: 480px; margin: 0 auto; position: relative; } .auth__static .auth__header-heading, .auth__static .auth__copy { text-align: center; } .auth__static .auth__header { justify-content: center; } .auth__static .auth__header-link { display: none; } @media (max-width: 1000px) { .auth__static .auth__switch { display: block; } } .auth__static .auth__oauth { position: static; margin: 20px 0 0 0; } .auth__static .auth__oauth .btn { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .auth__static .auth__checkboxes { margin-top: 30px; color: var(--c-base); --c-link: var(--c-accent); --c-link-hover: var(--c-btn-hover); } .auth__static .auth__checkboxes a { opacity: 1; } .auth__code-phone { white-space: nowrap; } .auth__code-inputs { display: flex; gap: 10px; } .auth__code-inputs .form__input { flex: 1 1 25%; text-align: center; font-size: 24px; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 1000px) { .auth__header { margin-bottom: 25px; } .auth__header-heading { font-size: 24px; } .auth__copy { margin: -11px 0 20px 0; } .auth__code-inputs .form__input { font-size: 14px; padding-top: 17px; padding-bottom: 17px; } } .auth__checkboxes { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; --c-link: var(--c-accent); --c-link-hover: var(--c-btn-hover); /*@media (min-width: 1001px) and (min-height: 701px) { position: absolute; top: 100%; left: -15px; right: -15px; margin-top: 85px; display: flex; flex-direction: row; gap: 20px; color: #fff; .checkbox { flex: 1 1 50%; padding-left: 40px; i { width: 28px; height: 28px; box-shadow: 0 0 0 1px rgba(251, 230, 239, 0.4); border-radius: 8px; } .notouch &:hover i { box-shadow: 0 0 0 1px rgba(251, 230, 239, 0.4), inset 0 0 0 1px var(--c-accent); } } --c-link: #fff; --c-link-hover: #fff; a { opacity: 0.6; .notouch &:hover { opacity: 1; } } @media (max-height: 850px) { margin-top: 30px; } @media (max-height: 700px) { position: static; flex-direction: column; gap: 12px; .checkbox { flex-basis: auto; } color: var(--c-base); --c-link: var(--c-accent); --c-link-hover: var(--c-btn-hover); a { opacity: 1; } } }*/ } @media (max-width: 1000px) { .auth__checkboxes .checkbox { padding-left: 30px; } .auth__checkboxes .checkbox i { width: 22px; height: 22px; top: -1px; } } .auth__recover { max-width: 400px; margin: 0 auto; } .auth__recover .auth__header { justify-content: center; } .auth__recover .auth__copy { text-align: center; } .main-search__back { position: fixed; inset: 0; z-index: 11; background: rgba(17, 17, 17, 0.5); backdrop-filter: blur(7.5px); display: none; opacity: 0; transition: opacity 0.3s; } .main-search__back._show { opacity: 1; } .main-search { position: fixed; top: 0; left: 0; right: 0; border-radius: 0 0 50px 50px; background: #fff; z-index: 11; height: calc(100% - 76px); display: none; transform: translateY(-100%); transition: transform 0.5s linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1); } .main-search._show { transform: translateY(0); } .main-search__inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; height: 100%; padding-top: calc(var(--header-height) + var(--top-message-height)); transition: padding-top 0.1s; display: flex; align-items: stretch; } @media (max-width: 1400px) { .main-search__inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .main-search__inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .main-search__inner { padding-left: 24px; padding-right: 24px; } } ._header-fixed .main-search__inner { padding-top: calc(90px + var(--top-message-height)); } .main-search__top { min-width: 0; flex: 0 0 50%; padding: 47px 60px 50px 20px; margin-left: -20px; overflow: auto; border-right: 1px solid var(--c-sep); } .notouch .main-search__top::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .main-search__top::-webkit-scrollbar-track { background-color: transparent; } .notouch .main-search__top::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .notouch .main-search__top::-webkit-scrollbar-thumb { display: none; } .notouch .main-search__top:hover::-webkit-scrollbar-thumb { display: block; } .main-search__body { min-width: 0; flex: 0 0 50%; padding: 80px 0 50px 80px; overflow: auto; overflow-x: hidden; position: relative; } .notouch .main-search__body::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .main-search__body::-webkit-scrollbar-track { background-color: transparent; } .notouch .main-search__body::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .notouch .main-search__body::-webkit-scrollbar-thumb { display: none; } .notouch .main-search__body:hover::-webkit-scrollbar-thumb { display: block; } @media (max-width: 1300px) { .main-search__body { padding-left: 40px; } } @media (max-width: 1400px) { .main-search__top { padding-right: 40px; } .main-search__body { padding-left: 40px; padding-top: 70px; } } .main-search__main { display: flex; flex-direction: column; } @media (min-width: 1001px) { .main-search__form { margin: 0 0 10px 0; } .main-search__form-heading { display: none; } .main-search__form-item { position: relative; overflow: hidden; } .main-search__form-input { all: unset; box-sizing: border-box; display: block; width: 100%; margin: 0; padding: 12px 90px 12px 0; background: transparent; border: 0; outline: none; font: 900 62px/70px var(--ff-main); position: relative; z-index: 1; } .main-search__form-input::-webkit-input-placeholder { opacity: 0.15; color: var(--c-base); font-weight: 500; } .main-search__form-autocomplete { display: block; padding: 12px 0; position: absolute; top: 0; left: 0; right: 90px; font: 500 62px/70px var(--ff-main); color: var(--c-sep); white-space: nowrap; overflow: hidden; pointer-events: none; } .main-search__form-autocomplete span { font-weight: 900; color: transparent; } .main-search__form-submit { all: unset; box-sizing: border-box; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 50%; margin-top: -35px; pointer-events: none; z-index: 1; cursor: pointer; } .main-search__form-submit svg { display: block; width: 60%; height: auto; fill: var(--c-sep); } .main-search__show-all { flex: 1 1 auto; display: flex; align-items: flex-end; margin: 25px 0 0 0; } .main-search__show-all-link { display: flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; margin: 0; padding: 22px 31px; border: 1px solid transparent; background: var(--c-btn); border-radius: 20px; outline: none; font: var(--font); color: var(--c-btn-text); font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), border-color var(--trs-out), box-shadow var(--trs-out), opacity var(--trs-out); user-select: none; -webkit-tap-highlight-color: transparent; width: 100%; } .main-search__show-all-link:hover { text-decoration: none; opacity: 1; } .notouch .main-search__show-all-link:hover { background: var(--c-btn-hover); color: var(--c-btn-text-hover); transition: color var(--trs-in), background-color var(--trs-in), border-color var(--trs-in), box-shadow var(--trs-in), opacity var(--trs-in); } .notouch .main-search__show-all-link:hover path { transition: stroke var(--trs-in), fill var(--trs-in); } .touch .main-search__show-all-link:hover { color: var(--c-btn-text); } .main-search__show-all-link._disabled, .main-search__show-all-link:disabled { pointer-events: none; opacity: 0.5; } .main-search__show-all-link svg { display: block; margin: 0 -6px; } .main-search__show-all-link path { transition: stroke var(--trs-out), fill var(--trs-out); } .main-search__show-all-link path[stroke] { stroke: currentColor; } .main-search__show-all-link path[fill] { fill: currentColor; } .main-search__show-all-link g[fill] { fill: currentColor; } .main-search__show-all-link g[stroke] { stroke: currentColor; } .main-search__show-all-link._wide { width: 100%; } .main-search__show-all-link._white { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .main-search__show-all-link._light { --c-btn: var(--c-brand-light); --c-btn-text: var(--c-brand); --c-btn-hover: var(--c-brand); --c-btn-text-hover: #fff; } .main-search__show-all-link._grey { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .main-search__show-all-link._bd { background: transparent; border-color: var(--c-btn); --c-btn-text: var(--c-btn); } .notouch .main-search__show-all-link._bd:hover:not(:active) { border-color: transparent; } .main-search__show-all-link._bd-white { background: transparent; border-color: #fff; --c-btn-text: #fff; } .notouch .main-search__show-all-link._bd-white:hover { border-color: transparent; } .main-search__show-all-link._warning { --c-btn-text: var(--c-error); --c-btn-hover: var(--c-error); } .main-search__show-all-link._med { padding: 17px 31px; border-radius: 18px; gap: 16px; font-size: 14px; line-height: 20px; } .main-search__show-all-link._med-s { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 18px; line-height: 26px; } .main-search__show-all-link._med-xs { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 15px; line-height: 20px; } .main-search__show-all-link._min { padding: 7px 11px; gap: 11px; font-size: 15px; line-height: 20px; } } @media (min-width: 1001px) and (max-width: 1400px) { .main-search__form-input { padding-right: 60px; font-size: 40px; line-height: 50px; } .main-search__form-autocomplete { font-size: 40px; line-height: 50px; right: 60px; } .main-search__form-submit { width: 60px; height: 60px; right: 0; margin-top: -30px; } .main-search__form-submit svg { width: 36px; height: 36px; } } @media (min-width: 1001px) and (max-width: 1000px) { .main-search__show-all-link { font-size: 14px; line-height: 20px; padding: 17px 24px; border-radius: 18px; gap: 8px; } } @media (min-width: 1001px) and (max-width: 1000px) { .main-search__show-all-link._med-s { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } @media (min-width: 1001px) and (max-width: 1000px) { .main-search__show-all-link._med-xs { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } @media (min-width: 1001px) and (max-width: 1000px) { .main-search__show-all-link._min { padding: 7px 11px; gap: 11px; font-size: 14px; line-height: 20px; } } .main-search__item { display: block; padding: 15px 20px; margin: 0 0 0 -20px; border-radius: 20px; transition: background-color var(--trs-out); position: relative; --c-link: var(--c-base); --c-link-hover: var(--c-base); } .main-search__item-name { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .main-search__item-name { font-size: 16px; } } @media (max-width: 760px) { .main-search__item-name { font-size: 14px; } } .main-search__item-name span { font-weight: 600; } .main-search__item-name a:after { display: block; content: ''; position: absolute; inset: 0; } .main-search__item-hint { margin: 6px 0 0 0; color: var(--c-text-grey); } .main-search__item-remove { display: block; padding: 20px; position: absolute; right: 0; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0; transition: opacity var(--trs-in); } .main-search__item-remove svg { display: block; } .main-search__item-remove path { fill: var(--c-accent); } .notouch .main-search__item-remove:hover path { fill: var(--c-link-accent-hover); } .notouch .main-search__item:hover .main-search__item-remove { opacity: 1; } .notouch .main-search__item:hover { background: var(--c-bg-grey); transition: background-color var(--trs-in); } .main-search__item._saved { padding-left: 50px; } .main-search__item._saved:before { display: block; content: ''; width: 22px; height: 22px; background: url(/local/templates/hollyshop/css/../img/icons/search-saved.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 16px; left: 20px; } .main-search__item._article { padding-left: 92px; } .main-search__item-image { position: absolute; top: 50%; margin-top: -28px; left: 20px; width: 56px; height: 56px; } .main-search__item-image img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 14px; } .main-search__new-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 20px; } @media (max-width: 1400px) { .main-search__new-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .main-search__new-heading { font-size: 24px; } } .main-search__card { display: flex; gap: 16px; padding: 25px 0; position: relative; } .main-search__card:after { display: block; content: ''; position: absolute; bottom: 0; right: 0; left: 126px; height: 1px; background: var(--c-sep); } .main-search__card:last-child:after { display: none; } .main-search__card-image { flex-shrink: 0; width: 110px; height: 110px; border-radius: 20px; background: var(--c-bg-grey); } .main-search__card-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .main-search__card-body { min-width: 0; flex: 1 1 auto; } .main-search__card-category { margin: 0 0 6px 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main-search__card-name { margin: 0 0 8px 0; font-size: 18px; line-height: 1.4; font-weight: 500; max-height: 2lh; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1400px) { .main-search__card-name { font-size: 16px; } } @media (max-width: 760px) { .main-search__card-name { font-size: 14px; } } .main-search__card-name a:after { display: block; content: ''; position: absolute; inset: 0; } .main-search__card-rating { margin: 0 0 10px 0; } .main-search__card-price { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; } .main-search__card-price:has(.main-search__card-price-full) { color: var(--c-accent); } .main-search__card-price-last { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .main-search__card-price-last { font-size: 16px; } } @media (max-width: 760px) { .main-search__card-price-last { font-size: 14px; } } .main-search__card-price-full { font-weight: 500; color: var(--c-brand); opacity: 0.4; } .main-search__card-price-discount { padding: 5px 10px; background: #E4467E; border-radius: 28px; color: #fff; font-weight: bold; line-height: 24px; } @media (max-width: 1000px) { .main-search__card-price { gap: 0 6px; } .main-search__card-price-discount { font-size: 12px; line-height: 16px; padding: 3px 7px; } } .main-search__none { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .main-search__none { font-size: 16px; } } @media (max-width: 760px) { .main-search__none { font-size: 14px; } } .main-search__main._active .main-search__form-submit { pointer-events: auto; } @media (min-width: 1001px) { .main-search__main._active .main-search__form-submit svg { fill: var(--c-accent); } } .main-search__main._active .main-search__saved { display: none; } .main-search__results, .main-search__catalog-results { display: none; } .main-search__body .main-search__catalog-results { margin-top: -40px; } .main-search__icon-close { display: none !important; } ._main-search-show .main-search__icon-close { display: block !important; } ._main-search-show .main-search__icon-close + svg { display: none; } .main-search__icon-close path { stroke: none !important; fill: var(--c-accent); } .notouch a .main-search__icon-close:hover path { fill: var(--c-link-accent-hover); } .main-search__popup { z-index: 25; } .main-search__popup + .popup__back { z-index: 24; } .main-search__popup .popup__body { flex: 1 1 auto; } @media (max-width: 1000px) { .main-search__main { min-height: 100%; display: flex; flex-direction: column; padding-bottom: 0; position: relative; } .main-search__form { flex-shrink: 0; } .main-search__show-all { flex: 1 1 auto; display: flex; align-items: flex-end; position: sticky; bottom: 0; margin: 0 -8px; margin-top: 20px; } .main-search__show-all-link { display: flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; margin: 0; padding: 22px 31px; border: 1px solid transparent; background: var(--c-btn); border-radius: 20px; outline: none; font: var(--font); color: var(--c-btn-text); font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), border-color var(--trs-out), box-shadow var(--trs-out), opacity var(--trs-out); user-select: none; -webkit-tap-highlight-color: transparent; width: 100%; } .main-search__show-all-link:hover { text-decoration: none; opacity: 1; } .notouch .main-search__show-all-link:hover { background: var(--c-btn-hover); color: var(--c-btn-text-hover); transition: color var(--trs-in), background-color var(--trs-in), border-color var(--trs-in), box-shadow var(--trs-in), opacity var(--trs-in); } .notouch .main-search__show-all-link:hover path { transition: stroke var(--trs-in), fill var(--trs-in); } .touch .main-search__show-all-link:hover { color: var(--c-btn-text); } .main-search__show-all-link._disabled, .main-search__show-all-link:disabled { pointer-events: none; opacity: 0.5; } .main-search__show-all-link svg { display: block; margin: 0 -6px; } .main-search__show-all-link path { transition: stroke var(--trs-out), fill var(--trs-out); } .main-search__show-all-link path[stroke] { stroke: currentColor; } .main-search__show-all-link path[fill] { fill: currentColor; } .main-search__show-all-link g[fill] { fill: currentColor; } .main-search__show-all-link g[stroke] { stroke: currentColor; } .main-search__show-all-link._wide { width: 100%; } .main-search__show-all-link._white { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .main-search__show-all-link._light { --c-btn: var(--c-brand-light); --c-btn-text: var(--c-brand); --c-btn-hover: var(--c-brand); --c-btn-text-hover: #fff; } .main-search__show-all-link._grey { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .main-search__show-all-link._bd { background: transparent; border-color: var(--c-btn); --c-btn-text: var(--c-btn); } .notouch .main-search__show-all-link._bd:hover:not(:active) { border-color: transparent; } .main-search__show-all-link._bd-white { background: transparent; border-color: #fff; --c-btn-text: #fff; } .notouch .main-search__show-all-link._bd-white:hover { border-color: transparent; } .main-search__show-all-link._warning { --c-btn-text: var(--c-error); --c-btn-hover: var(--c-error); } .main-search__show-all-link._med { padding: 17px 31px; border-radius: 18px; gap: 16px; font-size: 14px; line-height: 20px; } .main-search__show-all-link._med-s { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 18px; line-height: 26px; } .main-search__show-all-link._med-xs { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 15px; line-height: 20px; } .main-search__show-all-link._min { padding: 7px 11px; gap: 11px; font-size: 15px; line-height: 20px; } .main-search__form { margin: 0 0 16px 0; } .main-search__form-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 25px; } .main-search__form-item { position: relative; overflow: hidden; margin-left: -8px; margin-right: -8px; } .main-search__form-input { padding-left: 50px; position: relative; z-index: 1; } .main-search__form-input::-webkit-input-placeholder { opacity: 0.15; color: var(--c-base); font-weight: 500; } .main-search__form-autocomplete { display: none; } .main-search__form-submit { all: unset; box-sizing: border-box; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; position: absolute; left: 20px; top: 50%; margin-top: -11px; pointer-events: none; z-index: 1; cursor: pointer; } .main-search__form-submit svg { display: block; width: 20px; height: auto; } .main-search__item { margin: 0 calc(var(--padding) * -1); padding: 12px var(--padding); padding-right: 50px; } .main-search__item._saved:before { width: 20px; height: 20px; left: var(--padding); top: 11px; } .main-search__item-hint { font-size: 12px; margin-top: 4px; } .main-search__item-remove { opacity: 1; } .main-search__item-remove path { fill: var(--c-grey); } .main-search__item._article { padding-left: 70px; } .main-search__item-image { width: 36px; height: 36px; margin-top: -18px; left: var(--padding); } .main-search__item-image img { border-radius: 10px; } .main-search__catalog-results { margin: 20px calc(var(--padding) * -1); margin-bottom: 0; border-top: 1px solid var(--c-sep); } .main-search__card { padding: 16px var(--padding) 12px var(--padding); } .main-search__card-image { width: 80px; height: 80px; border-radius: 18px; } .main-search__card-category { font-size: 12px; margin-bottom: 4px; } .main-search__card-name { margin-bottom: 6px; } .main-search__card-rating { margin-bottom: 8px; } } @media (max-width: 1000px) and (max-width: 1000px) { .main-search__show-all-link { font-size: 14px; line-height: 20px; padding: 17px 24px; border-radius: 18px; gap: 8px; } } @media (max-width: 1000px) and (max-width: 1000px) { .main-search__show-all-link._med-s { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } @media (max-width: 1000px) and (max-width: 1000px) { .main-search__show-all-link._med-xs { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } @media (max-width: 1000px) and (max-width: 1000px) { .main-search__show-all-link._min { padding: 7px 11px; gap: 11px; font-size: 14px; line-height: 20px; } } @media (max-width: 1000px) and (max-width: 1400px) { .main-search__form-heading { font-size: 2.6vw; } } @media (max-width: 1000px) and (max-width: 760px) { .main-search__form-heading { font-size: 24px; } } .article { font-size: 18px; line-height: 1.6; --gap: 30px; } .article p { margin-bottom: var(--gap); } .article p:last-child { margin-bottom: 0; } .article a { color: var(--c-accent); } .article a:hover { opacity: 0.8; } .article img { display: block; width: 100%; height: auto; border-radius: 20px; margin-bottom: 30px; } .article figure { margin: 50px 0; } .article figure > img { display: block; width: 100%; height: auto; border-radius: 20px; } @media (min-width: 501px) { .article figure .catalog-card { padding: 0 30px 30px 30px; border-radius: 30px; background: var(--c-bg-grey); } .article figure .catalog-card__image { aspect-ratio: 760 / 462; margin: 0 -30px 20px -30px; } .article figure .catalog-card .btn-buy { --c-bg-grey: #fff; } } .article h2 + figure { margin-top: 0; } .article h2 { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 50px 0 var(--gap) 0; } @media (max-width: 1400px) { .article h2 { font-size: 2.6vw; } } @media (max-width: 760px) { .article h2 { font-size: 24px; } } .article h2:first-child { margin-top: 0; } .article h3 { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 40px 0 20px 0; } @media (max-width: 1400px) { .article h3 { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .article h3 { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .article h3:first-child { margin-top: 0; } .article .columns-2 { columns: 2; column-gap: var(--gap); } .article .columns-2 figure { margin-top: 0; } .article .section { margin: 50px 0; } .article .section__header-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .article .section__header-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .article .section__header-heading { font-size: 24px; } } .article blockquote { margin: var(--gap) 0; padding: 30px; padding-right: 58px; border-radius: 30px; background: var(--c-brand-light); position: relative; } .article blockquote:after { display: block; content: ''; width: 16px; height: 13px; position: absolute; top: 30px; right: 30px; background: url(/local/templates/hollyshop/css/../img/icons/quote-mark.svg) 0 0 no-repeat; background-size: contain; } .article blockquote._no-quote { padding-right: 30px; } .article blockquote._no-quote:after { display: none; } .article ul { margin: var(--gap) 0; padding: 0; list-style: none; } .article ul:first-child { margin-top: 0; } .article ul > li { margin: 0 0 20px 0; padding: 0 0 0 18px; position: relative; } .article ul > li:last-child { margin-bottom: 0; } .article ul > li:before { display: block; content: ''; width: 6px; height: 6px; background: var(--c-base); border-radius: 3px; position: absolute; top: 0.5lh; left: 0; margin-top: -3px; } @media (max-width: 760px) { .article ul > li { padding-left: 36px; } .article ul > li:before { left: 0; } } .article ol { counter-reset: olcounter; list-style: none; margin: var(--gap) 0; padding: 0; } .article ol:first-child { margin-top: 0; } .article ol > li { margin: 0 0 20px 0; padding: 0 0 0 26px; position: relative; } .article ol > li:last-child { margin-bottom: 0; } .article ol > li:before { counter-increment: olcounter; display: block; content: counters(olcounter, ".") "."; position: absolute; top: 0; left: 0; font-weight: bold; } @media (max-width: 1400px) { .article { font-size: 16px; } } @media (max-width: 1000px) { .article { font-size: 15px; --gap: 25px; } .article figure { margin: 35px 0; } .article .section { margin: 35px 0; } .article h3 { margin-top: 30px; margin-bottom: 16px; } } @media (max-width: 760px) { .article { font-size: 14px; } .article .columns-2 { columns: unset; } .article figure { margin: 25px 0; } .article h2 { margin-top: 35px; margin-bottom: 20px; } .article h3 { margin-top: 20px; margin-bottom: 12px; } .article ul li, .article ol li { margin-bottom: 15px; } .article ul li { padding-left: 16px; } .article ul li:before { width: 4px; height: 4px; } .article ol li { padding-left: 20px; } .article blockquote { padding: 20px; padding-right: 48px; border-radius: 20px; } .article blockquote:after { top: 20px; right: 20px; } } .page-404 .main { flex-grow: 1; display: flex; align-items: stretch; margin-bottom: 0; flex-direction: column; } @media (max-width: 760px) { .page-404 .footer-min { display: none; } } .e404 { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 60px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 1400px) { .e404 { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .e404 { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .e404 { padding-left: 24px; padding-right: 24px; } } .e404__top { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 130px; } .e404__logo { flex-shrink: 0; } .e404__error { flex: 0 1 67%; } .e404__error img { display: block; width: 100%; height: auto; } .e404__heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 12px; } @media (max-width: 1400px) { .e404__heading { font-size: 2.6vw; } } @media (max-width: 760px) { .e404__heading { font-size: 24px; } } .e404__copy { margin: 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .e404__copy { font-size: 16px; } } @media (max-width: 760px) { .e404__copy { font-size: 14px; } } .e404__cta { margin: 30px 0 0 0; display: flex; flex-wrap: wrap; gap: 8px; } @media (max-width: 760px) { .e404 { padding-top: 24px; padding-bottom: 40px; } .e404__top { flex: 1 1 auto; flex-direction: column; gap: 20px; } .e404__logo img { display: block; width: 138px; } .e404__body { flex: 0 0 auto; } .e404__cta .btn { width: 100%; } } .section { margin-bottom: var(--mb); } .section__header { margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; gap: 18px; } @media (max-width: 760px) { .section__header { margin-bottom: 25px; } } .section__header-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; } @media (max-width: 760px) { .section__header-inner { width: 100%; justify-content: space-between; align-items: flex-end; flex-wrap: nowrap; } .section__header-inner .btn { padding-left: 12px; padding-right: 12px; margin-bottom: 5px; } } .section__header-heading { margin: 0; } .section__header-more { margin: 0 0 -6px 0; } .section__header-nav { margin-bottom: -6px; } @media (max-width: 760px) { .section__header-nav { display: none !important; } } .btn-fav { all: unset; display: flex; align-items: center; justify-content: center; cursor: pointer; --trs-transform: 0.2s; } .btn-fav:active svg { transform: scale(0.8); } .btn-fav:hover svg { opacity: 0.6; } .btn-fav svg { display: block; opacity: 0.3; transition: opacity var(--trs-transform), transform var(--trs-in); } .btn-fav path { stroke: var(--c-base); transition: fill var(--trs-transform); } .btn-fav._active svg { opacity: 1; } .btn-fav._active path { stroke: var(--c-accent); fill: var(--c-accent); } .btn-buy { all: unset; padding: 8px 14px 8px 42px; font: 700 18px/24px var(--ff-main); background: var(--c-bg-grey); color: var(--c-base); border-radius: 20px; position: relative; cursor: pointer; --trs-transform: 0.2s; transition: background-color var(--trs-out), color var(--trs-out), transform var(--trs-out), padding var(--trs-transform); display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; } .btn-buy:has(.btn-buy__discount) { background: var(--c-brand-light); color: var(--c-brand); } .notouch .btn-buy:hover { background: var(--c-brand); color: #fff; transition: background-color var(--trs-in), color var(--trs-in), transform var(--trs-in), padding var(--trs-transform); } .btn-buy del { font-size: 15px; line-height: 22px; opacity: 0.5; } .btn-buy__discount { margin: -8px -14px -8px 0; padding: 8px 10px 8px 10px; background: var(--c-brand); border-radius: 40px; color: #fff; } .btn-buy__cart, .btn-buy__check { display: block; position: absolute; top: 50%; left: 14px; margin-top: -11px; transition: opacity var(--trs-transform), transform var(--trs-transform); } .btn-buy__cart path, .btn-buy__check path { stroke: currentColor; } .btn-buy__check { opacity: 0; transform: scale(0); } .btn-buy:active { transform: scale(0.98); } .btn-buy._active { will-change: transform; background: var(--c-brand); color: #fff; } .btn-buy._active .btn-buy__cart { opacity: 0; transform: scale(0); } .btn-buy._active .btn-buy__check { opacity: 1; transform: scale(1); } @media (max-width: 1000px) { .btn-buy { padding: 8px 12px 8px 36px; font-size: 14px; line-height: 20px; font-weight: 600; } .btn-buy del { font-size: 12px; line-height: 15px; } .btn-buy__cart, .btn-buy__check { width: 18px; height: 18px; margin-top: -9px; left: 12px; } } @media (max-width: 760px) { .btn-buy__discount { display: none; } } .slider-nav { display: flex; gap: 6px; } .slider-nav__item { width: 58px; height: 46px; display: flex; align-items: center; justify-content: center; background: rgba(17, 17, 17, 0.3); border-radius: 46px; transition: background-color var(--trs-out); cursor: pointer; user-select: none; outline: none; } .slider-nav__item svg { display: block; } .slider-nav__item:hover { background: rgba(17, 17, 17, 0.6); transition: background-color var(--trs-in); } .slider-nav__item._disabled { background: rgba(17, 17, 17, 0.15); pointer-events: none; } .slider-nav__item._prev svg { transform: scale(-1, 1); } .slider-nav:has(.slider-nav__item._prev._disabled):has(.slider-nav__item._next._disabled) { display: none; } .pathBar { margin: 0 0 37px 0; } @media (max-width: 1400px) { .pathBar { margin-bottom: 30px; } } @media (max-width: 1024px) { .pathBar { margin-bottom: 20px; } } @media (max-width: 760px) { .pathBar { margin-bottom: 10px; font-size: 12px; } } .tag-rating { color: var(--c-brand); font-weight: 500; display: flex; align-items: center; gap: 4px; } .tag-rating:before { display: block; content: ''; width: 1em; height: 1em; margin-bottom: 0.1em; background: url(/local/templates/hollyshop/css/../img/icons/rating-star.svg) 50% 50% no-repeat; background-size: contain; } .tag-rating a { --c-link: var(--c-text-grey); margin-left: 6px; } .tag-rating__label { color: var(--c-text-grey); --c-link: var(--c-text-grey); margin-left: 6px; } .tag-rating._empty { color: rgba(17, 17, 17, 0.3); } .tag-rating._empty:before { filter: grayscale(1); opacity: 0.3; } .tag-brand { height: 30px; padding: 0 12px; background: var(--c-bg-grey); border-radius: 30px; display: flex; align-items: center; justify-content: center; } .tag-brand img { display: block; width: auto; height: 100%; mix-blend-mode: multiply; } .share-body { display: none; } .share__btn { font-size: 18px; line-height: 1.4; font-weight: 500; display: flex; align-items: center; gap: 6px; } @media (max-width: 1400px) { .share__btn { font-size: 16px; } } @media (max-width: 760px) { .share__btn { font-size: 14px; } } .share__btn svg { display: block; } .tag-bonus { display: flex; flex-direction: row; align-items: center; padding: 6px 10px 6px 8px; gap: 6px; background: linear-gradient(90deg, rgba(255, 79, 89, 0.15) 0%, rgba(221, 68, 135, 0.15) 100%); border-radius: 20px; color: var(--c-brand); font-size: 15px; line-height: 22px; font-weight: 500; cursor: default; } .tag-bonus:before { display: block; content: ''; width: 18px; height: 18px; background: url(/local/templates/hollyshop/css/../img/icons/bonus.svg) 50% 50% no-repeat; background-size: contain; } .tag-bonus._right:before { order: 2; } .tag-bonus._grad { background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); color: #fff; } .tag-bonus._grad:before { background-image: url(/local/templates/hollyshop/css/../img/icons/bonus-w.svg); } @media (max-width: 1000px) { .tag-bonus { font-size: 14px; line-height: 20px; } } @media (max-width: 760px) { .tag-bonus { font-size: 12px; line-height: 16px; padding: 3px 7px; gap: 3px; } .tag-bonus:before { width: 12px; height: 12px; } } .bonus-label { display: flex; align-items: center; gap: 4px; } .bonus-label__text { background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .bonus-label:after { display: block; content: ''; width: 0.79em; height: 0.79em; min-width: 18px; min-height: 18px; margin-top: -2px; background: url(/local/templates/hollyshop/css/../img/icons/bonus.svg) 50% 50% no-repeat; background-size: contain; } .tabs__header { margin: 0 0 20px 0; display: flex; flex-wrap: wrap; gap: 8px; } .tabs__header-item { display: block; padding: 10px 16px; font-size: 18px; line-height: 1.4; color: var(--c-accent); border-radius: 30px; cursor: pointer; } @media (max-width: 1400px) { .tabs__header-item { font-size: 16px; } } @media (max-width: 760px) { .tabs__header-item { font-size: 14px; } } .tabs__header-item._active { background: var(--c-brand-light); cursor: default; } .tabs__header-item input { position: absolute; width: 1px; height: 1px; visibility: hidden; } @media (max-width: 1000px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: auto; flex-wrap: nowrap; padding-bottom: 10px; margin-bottom: 10px; gap: 4px; } .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header-item { flex-shrink: 0; padding: 8px 12px; } } @media (max-width: 1000px) and (max-width: 1400px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .tabs:not(.tabs-big):not(.tabs-mid) .tabs__header { margin-left: -24px; margin-right: -24px; } } .tabs-big .tabs__header { background: var(--c-brand-light); border-radius: 100px; padding: 6px; } .tabs-big .tabs__header-item { flex: 1 1 auto; padding: 14px; text-align: center; } .tabs-big .tabs__header-item._active { background: #fff; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); border-radius: 100px; } .tabs-mid .tabs__header { background: var(--c-brand-light); border-radius: 100px; padding: 6px; } .tabs-mid .tabs__header-item { flex: 1 1 auto; padding: 12px; text-align: center; font-size: 15px; } .tabs-mid .tabs__header-item._active { background: #fff; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); border-radius: 100px; } .video-player__player { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; position: relative; border-radius: 30px; background: var(--c-bg-grey); cursor: pointer; } .video-player__player-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .video-player__player-duration { position: absolute; bottom: 20px; right: 25px; padding: 5px 8px 4px 8px; background: rgba(17, 17, 17, 0.3); backdrop-filter: blur(10px); border-radius: 8px; color: #fff; } .video-player__player-play { width: 72px; height: 72px; background: var(--c-base); transition: background-color var(--trs-out); border-radius: 20px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; margin: -36px 0 0 -36px; } .video-player__player-play:after { display: block; content: ''; width: 22px; height: 28px; background: url(/local/templates/hollyshop/css/../img/icons/player-play.svg) 50% 50% no-repeat; background-size: contain; } .video-player__player:hover .video-player__player-play { background: var(--c-brand); transition: background-color var(--trs-in); } @media (max-width: 760px) { .video-player__player-play { width: 56px; height: 56px; margin: -28px 0 0 -28px; } .video-player__player-play:after { width: 19px; height: 24px; } .video-player__player-duration { bottom: 10px; right: 20px; padding: 2px 4px 2px 4px; border-radius: 8px; } } .video-player__author { margin: 20px 0 0 0; display: flex; align-items: center; gap: 16px; --size: 62px; } .video-player__author-avatar { display: block; width: var(--size); height: var(--size); object-fit: cover; border-radius: 20px; } .video-player__author-person-name { margin: 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .video-player__author-person-name { font-size: 16px; } } @media (max-width: 760px) { .video-player__author-person-name { font-size: 14px; } } .video-player__author-person-info { margin: 4px 0 0 0; } @media (max-width: 760px) { .video-player__author { margin-top: 12px; } } .rating-stars { flex-shrink: 0; display: flex; flex-wrap: nowrap; gap: 4px; --size: 20px; } .rating-stars__item { display: block; width: var(--size); height: var(--size); background: url(/local/templates/hollyshop/css/../img/icons/rating-star.svg) 50% 50% no-repeat; background-size: contain; overflow: hidden; text-indent: -1em; } .rating-stars._grey { filter: grayscale(1); opacity: 0.25; } .pagination { display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap; } .pagination__pages { display: flex; align-items: center; gap: 12px; font-size: 18px; line-height: 1.4; } @media (max-width: 760px) { .pagination__pages { gap: 0; } } @media (max-width: 1400px) { .pagination__pages { font-size: 16px; } } @media (max-width: 760px) { .pagination__pages { font-size: 14px; } } .pagination__pages-main { display: flex; align-items: center; gap: 12px; } .pagination__pages-item { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; } .pagination__pages-item:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .pagination__pages-item:hover { color: var(--c-link); } .notouch .pagination__pages-item:hover { background: var(--c-bg-grey); } .pagination__pages-item._active { pointer-events: none; background: var(--c-brand-light); color: var(--c-brand); font-weight: 400; } .pagination__pages-arrow { display: flex; align-items: center; gap: 6px; } @media (max-width: 760px) { .pagination__pages-arrow { display: none; } } .pagination__pages-arrow svg { display: block; } .pagination__pages-arrow path { stroke: var(--c-link); transition: stroke var(--trs-out); } .notouch .pagination__pages-arrow:hover path { stroke: var(--c-link-hover); transition: stroke var(--trs-in); } @media (max-width: 760px) { .pagination__pages-dots { width: auto; } } .pagination__counter { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .pagination__counter { font-size: 16px; } } @media (max-width: 760px) { .pagination__counter { font-size: 14px; } } @media (max-width: 760px) { .pagination__counter { display: none; } } .pagination._wide { display: block; } .pagination._wide .pagination__pages { justify-content: space-between; } .slider-pagination { padding: 16px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } .slider-pagination__item { display: block; width: 4px; height: 4px; border-radius: 4px; background: #000; opacity: 0.2; transition: opacity 0.2s; } .slider-pagination__item._active { opacity: 1; } .slider-pagination:has(.slider-pagination__item._active:first-child:last-child) .slider-pagination__item { display: none; } .share { position: relative; } .share__btn { all: unset; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out); --c-link-hover: var(--c-link-hover); } .share__btn:hover { transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in); } .share__btn:hover { opacity: 0.5; } .share__btn svg { display: block; min-height: 0; } .share-body { display: none; position: absolute; top: 100%; right: 0; width: 290px; margin-top: 5px; padding: 20px; border-radius: 20px; background: #FFFFFF; box-shadow: 0px 4px 30px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.06); border-radius: 30px; } .share-body__close { position: absolute; top: 16px; right: 16px; cursor: pointer; } .share-body__close svg { display: block; } .share-body__close path { transition: stroke var(--trs-out); } .share-body__close:hover path { stroke: var(--c-text); transition: stroke var(--trs-in); } .share-body__heading { margin: 0; font-size: 16px; font-weight: 600; } .share-body__heading:has(+.share-body__list) { margin-bottom: 15px; } .share-body__copy { margin: 0 0 15px 0; padding: 10px 30px 10px 0; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; color: var(--c-text-grey); transition: color var(--trs-out); cursor: pointer; border-bottom: 1px solid var(--c-text); } .share-body__copy:hover { color: var(--c-text); transition: color var(--trs-in); } .share-body__copy svg { display: block; position: absolute; top: 50%; right: 0; margin-top: -8px; } .share-body__list-item { display: block; padding: 5px 0 5px 22px; position: relative; font-size: 14px; cursor: pointer; } .share-body__list-item svg { display: block; width: 16px; height: 16px; position: absolute; top: 6px; left: 0; } .share-body__list-item path { fill: currentColor; } .touch .share-body__list-item { padding-top: 10px; padding-bottom: 10px; } .touch .share-body__list-item:before { top: 11px; } .share._active { z-index: 10; } .share._active .share-btn { color: var(--c-brand); } .share._active .share-body { display: block; } .seo-copy { margin-top: var(--mb); --p: 50px; border: 1px solid var(--c-sep); border-radius: var(--p); display: flex; align-items: stretch; } .seo-copy__header { flex: 0 0 500px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--c-sep); padding: var(--p); } .seo-copy__header:after { display: block; content: ''; width: 41px; aspect-ratio: 1; background: url(/local/templates/hollyshop/css/../img/icons/logo-mini.svg) 0 0 no-repeat; background-size: contain; } .seo-copy__header-heading:not(h1):before { display: block; content: 'Интернет-магазин корейской косметики hollyshop'; } .seo-copy__body { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: var(--p); } .seo-copy__body p:last-child { margin-bottom: 0; } .seo-copy__body-copy { padding: var(--p); padding-bottom: 0; overflow: hidden; height: 210px; transition: height 0.5s; position: relative; } .seo-copy__body-copy._show { height: auto; } .seo-copy__body-copy._show:after { display: none; } .seo-copy__body-copy:after { display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1lh; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .seo-copy__body-copy h4, .seo-copy__body-copy h3, .seo-copy__body-copy h2 { font: 700 24px / 1.1 var(--ff-heading); margin: 1em 0 20px; } @media (min-width: 761px) { .seo-copy__body-copy h4:first-child, .seo-copy__body-copy h3:first-child, .seo-copy__body-copy h2:first-child { margin-top: 0; } } .seo-copy__cta-btn { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-weight: 500; padding: calc(var(--p) / 2); justify-content: center; border-top: 1px solid var(--c-sep); width: 100%; } .seo-copy__cta-btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .seo-copy__cta-btn:hover { color: var(--c-link); } @media (max-width: 1400px) { .seo-copy__cta-btn { font-size: 16px; } } @media (max-width: 760px) { .seo-copy__cta-btn { font-size: 14px; } } .seo-copy__cta-btn svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .seo-copy__cta-btn path[fill] { fill: currentColor; transition: fill var(--trs-out); } .seo-copy__cta-btn path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .seo-copy__cta-btn:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .seo-copy__cta-btn:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } @media (max-width: 1400px) { .seo-copy__cta-btn { font-size: 16px; } } @media (max-width: 760px) { .seo-copy__cta-btn { font-size: 14px; } } .seo-copy__cta-btn._active svg { transform: rotate(180deg); } @media (max-width: 1400px) { .seo-copy { --p: 40px; } } @media (max-width: 1300px) { .seo-copy__header { flex-basis: 40%; } } @media (max-width: 1000px) { .seo-copy { --p: 30px; } } @media (max-width: 760px) { .seo-copy { --p: 0; border: 0; display: block; } .seo-copy__header { display: block; border-right: 0; } .seo-copy__header:after { display: none; } .seo-copy__header-heading { margin-bottom: 12px; } .seo-copy__cta { margin-top: 16px; } .seo-copy__cta-btn { border-top: 0; justify-content: flex-start; } } @media (min-width: 1001px) { .bonus__popup-popup { --padding: 40px; } .bonus__popup-popup .popup__inner { max-width: 600px; } .bonus__popup-popup .popup__close { padding: 30px; } .bonus__popup-popup .popup__close-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 11px; background: #fff; border-radius: 44px; } } .bonus__popup-image { margin: calc(var(--padding) * -1); margin-bottom: var(--padding); } .bonus__popup-image img { display: block; width: 100%; height: 100%; border-radius: var(--bdrs) var(--bdrs) 0 0; } .bonus__popup-heading { margin: 0 0 16px 0; } .bonus__popup-cta { margin: 30px 0 0 0; } .bonus__popup-cta .btn { width: 100%; } @media (max-width: 1000px) { .bonus__popup-image { margin: 0 0 25px 0; } .bonus__popup-image img { border-radius: 20px; } .bonus__popup-heading { margin-bottom: 10px; } .bonus__popup-cta { margin-top: 25px; } } ._js-bonus { cursor: pointer; } .icon-help__container { position: relative; } .icon-help__container .icon-help { position: absolute; top: 50%; right: 15px; margin-top: -10px; opacity: 0.5; } .icon-help__phone { font-size: 18px; line-height: 1.4; display: block; margin: 4px 0 0 0; } @media (max-width: 1400px) { .icon-help__phone { font-size: 16px; } } @media (max-width: 760px) { .icon-help__phone { font-size: 14px; } } .block-products__ajax:not(._load) { min-height: 600px; margin: var(--mb) 0; border-radius: 30px; background: linear-gradient(45deg, var(--c-bg-grey) 30%, #fff 50%, var(--c-bg-grey) 70%); background-size: 400%; animation: shimmer 1s infinite linear; } @keyframes shimmer { 0% { background-position: 100% 100%; } 100% { background-position: 0 0; } } .less-text__body { overflow: hidden; height: 190px; transition: height 0.5s; position: relative; } .less-text__body._show { height: auto; } .less-text__body._show:after { display: none; } .less-text__body:after { display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1lh; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .less-text__body h4, .less-text__body h3, .less-text__body h2 { font: 700 24px / 1.1 var(--ff-heading); margin: 1em 0 20px; } .less-text__cta { margin-top: 15px; } .less-text__cta-btn { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); display: flex; align-items: center; gap: 6px; font-weight: 500; padding: calc(var(--p) / 2); } .less-text__cta-btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .less-text__cta-btn:hover { color: var(--c-link); } .less-text__cta-btn._active svg { transform: rotate(180deg); } .less-text__cta-btn path { stroke: currentColor; } .show-hide__body { display: none; } .show-hide__body._show { display: block; transition: 0.5s; } .show-hide__body h4, .show-hide__body h3, .show-hide__body h2 { font: 700 24px / 1.1 var(--ff-heading); margin: 1em 0 20px; } .show-hide__cta { margin-top: 15px; } .show-hide__cta-btn { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); display: flex; align-items: center; gap: 6px; font-weight: 500; padding: calc(var(--p) / 2); } .show-hide__cta-btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .show-hide__cta-btn:hover { color: var(--c-link); } .show-hide__cta-btn._active svg { transform: rotate(180deg); } .show-hide__cta-btn path { stroke: currentColor; } .search { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .search { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .search { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .search { padding-left: 24px; padding-right: 24px; } } .search__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; width: fit-content; margin-bottom: 40px; cursor: pointer; display: flex; align-items: center; gap: 14px; } @media (max-width: 1400px) { .search__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .search__heading { margin-bottom: 25px; font-size: 36px; } } .search__heading svg { flex-shrink: 0; width: 0.65em; height: 0.65em; } .search__heading:hover path { fill: var(--c-accent); } @media (max-width: 760px) { .search__heading { margin-bottom: 30px; gap: 7px; } .search__heading svg { width: 22px; height: 22px; } } .search__subheading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 36px; } @media (max-width: 1400px) { .search__subheading { font-size: 2.6vw; } } @media (max-width: 760px) { .search__subheading { font-size: 24px; } } @media (max-width: 760px) { .search__subheading { margin-bottom: 25px; } } .search__magazine { display: flex; flex-wrap: wrap; gap: 40px 30px; margin-bottom: 60px; } .search__magazine-item { width: calc(25% - 23px); } @media (max-width: 1000px) { .search__magazine { margin-bottom: 50px; } .search__magazine-item { width: calc(33.333% - 20px); } } @media (max-width: 760px) { .search__magazine { gap: 30px 20px; margin-bottom: 40px; } .search__magazine-item { width: calc(50% - 10px); } } @media (max-width: 500px) { .search__magazine-item { width: 100%; } } .reviews { --mb: 30px; } .reviews__list-item { margin-bottom: var(--mb); padding-bottom: var(--mb); border-bottom: 1px solid var(--c-sep); } .reviews__list-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .reviews__list-item-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 12px 0; } .reviews__list-item-header-author { display: flex; gap: 4px 10px; align-items: center; flex-wrap: wrap; } .reviews__list-item-header-author-avatar { width: 28px; height: 28px; } .reviews__list-item-header-author-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .reviews__list-item-header-author-name { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .reviews__list-item-header-author-name { font-size: 16px; } } @media (max-width: 760px) { .reviews__list-item-header-author-name { font-size: 14px; } } .reviews__list-item-header-author-date { color: var(--c-text-grey); margin-top: 0.1lh; } @media (max-width: 1400px) { .reviews__list-item-header-author-date { margin-top: 0; } } .reviews__list-item-header-author-date._own { color: var(--c-accent); } .reviews__list-item-header-rating { flex-shrink: 0; } .reviews__list-item-body p { margin-bottom: 1lh; } .reviews__list-item-body p:last-child { margin-bottom: 0; } .reviews__list-item-body-content { overflow: hidden; max-height: 3lh; } .reviews__list-item-body-content._clamped { max-height: none; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .reviews__list-item-more { margin: 4px 0 0 0; } .reviews__list-item-more-link { color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); } .reviews__list-item-more-link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .reviews__list-item-more-link:hover { color: var(--c-link); } .reviews__list-item-photos { color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); display: inline-block; margin: 8px 0 0 0; } .reviews__list-item-photos:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .reviews__list-item-photos:hover { color: var(--c-link); } .reviews__list-item-gallery { margin: 12px 0 0 0; display: flex; flex-wrap: wrap; gap: 8px; } .reviews__list-item-gallery img { display: block; width: 80px; height: 80px; object-fit: cover; border-radius: 20px; } .reviews__list-item-gallery-item { display: none; } .reviews__list-item-gallery-item:nth-child(1), .reviews__list-item-gallery-item:nth-child(2), .reviews__list-item-gallery-item:nth-child(3), .reviews__list-item-gallery-item:nth-child(4), .reviews__list-item-gallery-item:nth-child(5) { display: block; } .reviews__list-item-hollyshop { margin: 13px 0 0 0; padding: 20px; border-radius: 18px; background: var(--c-bg-grey); } .reviews__list-item-hollyshop-author { margin: 0 0 8px 0; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-weight: 700; color: var(--c-brand); } @media (max-width: 1400px) { .reviews__list-item-hollyshop-author { font-size: 16px; } } @media (max-width: 760px) { .reviews__list-item-hollyshop-author { font-size: 14px; } } .reviews__list-item-hollyshop-copy { margin: 0; } .reviews__list-item-hollyshop-copy a { color: var(--c-accent); } .reviews__list-item-hollyshop-copy a:hover { opacity: 0.8; } .reviews__more { margin-top: var(--mb); } .reviews__more .btn { display: block; width: 100%; } @media (max-width: 1000px) { .reviews__list-item-body-content { max-height: 4lh; } .reviews__list-item-body-content._clamped { max-height: none; -webkit-line-clamp: 4; line-clamp: 4; } .reviews__list-item-gallery { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; flex-wrap: nowrap; overflow: auto; min-width: 0; } .reviews__list-item-gallery img { flex-shrink: 0; width: 68px; height: 68px; border-radius: 12px; } } @media (max-width: 1000px) and (max-width: 1400px) { .reviews__list-item-gallery { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .reviews__list-item-gallery { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .reviews__list-item-gallery { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .reviews__list-item-gallery { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .reviews__list-item-gallery { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .reviews__list-item-gallery { margin-left: -24px; margin-right: -24px; } } @media (max-width: 760px) { .reviews { --mb: 25px; } .reviews__list-item { min-width: 0; } .reviews__list-item-header { gap: 8px 12px; align-items: center; } .reviews__list-item-header-author-name { font-weight: 500; } .reviews__list-item-header-rating .rating-stars { --size: 16px; gap: 2px; margin-top: -2px; } .reviews__list-item-hollyshop { margin-top: 20px; } .reviews__list-item-hollyshop-author { font-weight: 500; } } .review__popup .reviews__list-item-header { margin-right: 30px; flex-wrap: nowrap; margin-bottom: 25px; margin-top: -3px; } @media (max-width: 1000px) { .review__popup .reviews__list-item-header { margin-right: 0; margin-top: 0; } } .review__popup .reviews__list-item-body-content { max-height: none; } .review__popup .reviews__list-item-gallery { padding-left: var(--padding); padding-right: var(--padding); margin-left: calc(var(--padding) * -1); margin-right: calc(var(--padding) * -1); display: none; } .review__popup .reviews__list-item-gallery-item { display: block; } .review__popup .reviews__list-item-hollyshop { margin-top: 25px; } .review__gallery { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; background: rgba(234, 234, 234, 0.7); backdrop-filter: blur(12.5px); overflow: hidden; display: flex; gap: 30px; display: none; opacity: 0; transform: scale(1.1); transition: opacity 0.3s, transform 0.3s; } .review__gallery._show { display: flex; } .review__gallery._visible { opacity: 1; transform: scale(1); } .review__gallery-close { position: absolute; top: 0; right: 0; padding: 20px; cursor: pointer; } .review__gallery-slider { user-select: none; flex: 1 1 auto; padding: 20px 0 20px 20px; display: flex; flex-direction: column; gap: 20px; min-width: 0; } .review__gallery-slider-main { min-height: 0; flex: 1 1 auto; padding: 0 78px; position: relative; } .review__gallery-slider-main .slider-nav__item { position: absolute; top: 50%; margin-top: -23px; } .review__gallery-slider-main .slider-nav__item._prev { left: 0; } .review__gallery-slider-main .slider-nav__item._next { right: 0; } .review__gallery-slider-main .swiper { width: 100%; height: 100%; border-radius: 50px; } .review__gallery-slider-main .swiper-slide { display: flex; align-items: center; justify-content: center; } .review__gallery-slider-main .swiper-slide img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 1px; min-height: 1px; mix-blend-mode: multiply; border-radius: 50px; } .review__gallery-slider-main .swiper-slide video, .review__gallery-slider-main .swiper-slide iframe { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } .review__gallery-slider-thumbs { flex: 0 0 auto; min-height: 0; min-width: 0; height: 104px; padding: 0 78px; } .review__gallery-slider-thumbs .swiper { border-radius: 20px; min-height: 0; min-width: 0; position: relative; } .review__gallery-slider-thumbs .swiper-wrapper { height: 104px; min-height: 0; min-width: 0; } .review__gallery-slider-thumbs .swiper-slide { min-height: 0; min-width: 0; width: auto; height: 100%; aspect-ratio: 1; } .review__gallery-slider-thumbs .swiper-slide a { display: block; width: auto; height: 100%; aspect-ratio: 1; position: relative; background: #fff; border-radius: 20px; background: var(--c-bg-grey); } .review__gallery-slider-thumbs .swiper-slide a:after { display: block; content: ''; position: absolute; inset: 0; border-radius: 20px; border: 3px solid var(--c-accent); box-shadow: inset 0 0 0 2px #fff; opacity: 0; transition: opacity 0.1s; } .review__gallery-slider-thumbs .swiper-slide a._active { cursor: default; } .review__gallery-slider-thumbs .swiper-slide a._active:after { opacity: 1; } .review__gallery-slider-thumbs .swiper-slide a._video:before { display: block; content: ''; width: 17px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='22' fill='none' viewBox='0 0 17 22'%3E%3Cpath fill='%23fff' d='M15.649 9.36a2 2 0 0 1 0 3.28L3.144 21.364C1.818 22.289 0 21.34 0 19.724V2.276C0 .66 1.818-.289 3.144.636L15.65 9.36Z'/%3E%3C/svg%3E"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -8px; z-index: 1; } .review__gallery-slider-thumbs .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; mix-blend-mode: multiply; } .review__gallery-slider-thumbs-nav { display: flex; align-items: center; justify-content: center; width: 40px; border-radius: 19px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); position: absolute; top: 0; bottom: 0; z-index: 2; cursor: pointer; transition: opacity 0.2s, transform 0.2s; } .review__gallery-slider-thumbs-nav svg { display: block; transition: transform var(--trs-out); } .review__gallery-slider-thumbs-nav:hover svg { transition: transform var(--trs-in); } .review__gallery-slider-thumbs-nav._prev { left: 0; } .review__gallery-slider-thumbs-nav._prev svg { transform: scale(-1, 1); } .review__gallery-slider-thumbs-nav._prev:hover svg { transform: translateX(-3px) scale(-1, 1); } .review__gallery-slider-thumbs-nav._next { right: 0; } .review__gallery-slider-thumbs-nav._next:hover svg { transform: translateX(3px); } .review__gallery-slider-thumbs-nav._disabled { pointer-events: none; opacity: 0; transform: translateX(-10px); } .review__gallery-slider-thumbs-nav._disabled._next { transform: translateX(10px); } @media (min-width: 1001px) { .review__gallery-body { flex: 0 0 648px; padding: 60px 60px 60px 20px; --pl: 50px; } .review__gallery-body-inner { height: 100%; background: #FFFFFF; border-radius: 50px; overflow: hidden; display: flex; flex-direction: column; } .review__gallery-body .reviews__list-item-more { display: none; } .review__gallery-body .reviews__list-item-header { flex-shrink: 0; align-items: start; gap: 6px 12px; margin: 0; padding: 40px 0 25px 0; margin: 0 var(--pl); border-bottom: 1px solid var(--c-sep); } .review__gallery-body .reviews__list-item-header .rating-stars { --size: 32px; } .review__gallery-body .reviews__list-item-header-author { display: block; } .review__gallery-body .reviews__list-item-header-author-name { margin: 0; font-size: 24px; line-height: 26px; } .review__gallery-body .reviews__list-item-header-author-date { margin-top: 6px; font-size: 18px; line-height: 1.4; } .review__gallery-body-content { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 25px var(--pl) 40px var(--pl); font-size: 18px; line-height: 1.4; } .notouch .review__gallery-body-content::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .review__gallery-body-content::-webkit-scrollbar-track { background-color: transparent; } .notouch .review__gallery-body-content::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } } @media (min-width: 1001px) and (max-width: 1400px) { .review__gallery-body .reviews__list-item-header-author-date { font-size: 16px; } } @media (min-width: 1001px) and (max-width: 760px) { .review__gallery-body .reviews__list-item-header-author-date { font-size: 14px; } } @media (min-width: 1001px) and (max-width: 1400px) { .review__gallery-body-content { font-size: 16px; } } @media (min-width: 1001px) and (max-width: 760px) { .review__gallery-body-content { font-size: 14px; } } @media (min-width: 1001px) and (max-width: 1600px) { .review__gallery-body { flex-basis: 40%; --pl: 40px; padding-left: 0; } } @media (min-width: 1001px) and (max-width: 1400px) { .review__gallery-body { flex-basis: 40%; --pl: 30px; } } @media (max-width: 1000px) { .review__gallery { flex-direction: column; padding-top: 52px; gap: 0; } .review__gallery-slider { min-height: 0; padding: 0; gap: 16px; } .review__gallery-slider .slider-nav { display: none; } .review__gallery-slider-main { padding: 0; } .review__gallery-slider-main .swiper { border-radius: 0; } .review__gallery-slider-main .swiper-slide img { border-radius: 0; } .review__gallery-slider-thumbs { height: 80px; padding: 0; } .review__gallery-slider-thumbs .swiper { padding: 0 16px; border-radius: 0; } .review__gallery-slider-thumbs .swiper-wrapper { height: 80px; } .review__gallery-slider-thumbs-nav { display: none; } .review__gallery-body { flex-shrink: 0; padding: 16px; } .review__gallery-body-inner { padding: 20px; gap: 20px; background: #FFFFFF; border-bottom: 1px solid rgba(17, 17, 17, 0.15); border-radius: 18px; } .review__gallery-body-content { max-height: 2lh; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .review__gallery-body .reviews__list-item-more { margin-top: 12px; } } .review__rating-stars { width: fit-content; position: relative; -webkit-tap-highlight-color: transparent; } .review__rating-stars-light { opacity: 0.25; } .review__rating-stars-full { position: absolute; top: 0; left: 0; clip-path: polygon(0% 0%, var(--percentage) 0%, var(--percentage) 100%, 0% 100%); pointer-events: none; transition: clip-path 0.1s; } .review__rating-stars._active { cursor: pointer; } .review__form-heading { font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 25px 0; } @media (max-width: 1400px) { .review__form-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .review__form-heading { font-size: 24px; } } .review__form-card { flex: 1 1 auto; display: flex; align-items: center; gap: 20px; margin: 0 0 30px 0; } .review__form-card-image { flex-shrink: 0; align-self: start; width: 110px; height: auto; aspect-ratio: 1; border-radius: 20px; background: var(--c-bg-grey); } .review__form-card-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; border-radius: 20px; } .review__form-card-body { flex: 1 1 auto; min-width: 0; } .review__form-card-category { width: 100%; margin: 0 0 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .review__form-card-name { font-size: 18px; line-height: 1.4; font-weight: 500; margin: 0 0 8px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1400px) { .review__form-card-name { font-size: 16px; } } @media (max-width: 760px) { .review__form-card-name { font-size: 14px; } } .review__form-card-info { color: var(--c-text-grey); } .review__form-card-rating { margin: 16px 0 0 0; } .review__form-card-rating .rating-stars { --size: 36px; } @media (max-width: 1000px) { .review__form-card-body { display: block; } .review__form-card-price { margin: 5px 0 0 0; flex-direction: row; align-items: center; } .review__form-card-price-discount { margin-top: 0; } } @media (max-width: 760px) { .review__form-card { margin-bottom: 24px; } .review__form-card-image { width: 80px; } .review__form-card-category { font-size: 12px; margin-bottom: 5px; } .review__form-card-name { margin-bottom: 5px; } .review__form-card-price-last { font-size: 14px; } .review__form-card-price-full { font-size: 12px; } .review__form-card .catalog-card__rating { display: none; } .review__form-card-rating { margin: 10px 0 0 0; } .review__form-card-rating .rating-stars { --size: 32px; } } .review__form-subheading { margin: 0 0 12px 0; font-size: 18px; line-height: 1.4; font-weight: bold; } @media (max-width: 1400px) { .review__form-subheading { font-size: 16px; } } @media (max-width: 760px) { .review__form-subheading { font-size: 14px; } } .review__form-stars { margin-bottom: 30px; padding: 20px; background: var(--c-bg-grey); border-radius: 20px; } .review__form-stars .review__rating-stars { margin: 0 auto; } .review__form-stars .rating-stars { --size: 54px; } .review__form-text { margin: 0 0 24px 0; } .review__form-images { margin: 0 0 30px 0; } .review__form-cta { margin: 0; } .review__form-cta .btn { width: 100%; } @media (max-width: 1000px) { .review__form { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .review__form-popup .popup__inner { min-height: 100%; } .review__form-popup .popup__body { flex: 1 1 auto; } .review__form-heading { margin-bottom: 25px; } .review__form-card { gap: 16px; } .review__form-stars { padding: 25px; } .review__form-stars .rating-stars { --size: 40px; } } .review__form-success-header { margin: calc(var(--padding) * -1); margin-bottom: 40px; padding: 300px var(--padding) 0; border-radius: var(--padding); text-align: center; /*&:before { display: block; content: ''; width: 190px; height: 162px; margin: 0 auto 30px auto; background: url(/local/templates/hollyshop/css/../img/kitty-success.png) 50% 50% no-repeat; background-size: contain; mix-blend-mode: multiply; }*/ } .review__form-success-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; } @media (max-width: 1400px) { .review__form-success-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .review__form-success-heading { font-size: 24px; } } .review__form-success-copy { font-size: 18px; line-height: 1.4; margin: 0; } @media (max-width: 1400px) { .review__form-success-copy { font-size: 16px; } } @media (max-width: 760px) { .review__form-success-copy { font-size: 14px; } } .review__form-success-cta { margin: 30px 0 0 0; } .review__form-success-cta .btn { width: 100%; } .review__form-success-popup .popup__inner { background: var(--c-bg) url(/local/templates/hollyshop/css/../img/review-success.jpg) 50% 50% no-repeat; background-size: cover; } @media (max-width: 1000px) { .review__form-success-popup .popup__inner { background: none; } .review__form-success-popup .popup__body { background: var(--c-bg) url(/local/templates/hollyshop/css/../img/review-success-m.jpg) 0% 0% no-repeat; background-size: cover; } } .promo-top { max-width: 1920px; margin-left: auto; margin-right: auto; margin-bottom: var(--mb); margin-top: calc((var(--header-height) + var(--top-mb)) * -1); position: relative; --bdrs: 50px; --promo-bd: var(--c-sep); --promo-text: var(--c-text); --slider-pagination-color: var(--c-text); --trs: 0.1s; } .promo-top__inner { min-height: 908px; overflow: hidden; position: relative; border-radius: 0 0 var(--bdrs) var(--bdrs); display: flex; align-items: stretch; } .promo-top .swiper { width: 100%; overflow: visible; } .promo-top .swiper-slide { height: auto; overflow: hidden; } .promo-top .swiper-wrapper { transition-timing-function: linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1); } .promo-top:has(.swiper-slide-active._text-white) { --promo-bd: #fff; --slider-pagination-color: #fff; } .promo-top .slider__pagination { width: auto; bottom: 137px; left: 50%; right: auto; border-color: var(--promo-bd); transition: border-color var(--trs); } .promo-top .slider__pagination-item { transition: background-color var(--trs); } .promo-top:before { display: block; content: ''; position: absolute; left: 0; right: 50%; bottom: 269px; height: 1px; z-index: 3; background: var(--promo-bd); transition: background-color var(--trs); } .promo-top:after { display: block; content: ''; position: absolute; left: 50%; top: calc(var(--header-height) + 1px); bottom: 161px; width: 1px; z-index: 3; background: var(--promo-bd); transition: background-color var(--trs); } .promo-top__item { --promo-back: transparent; --promo-bottom: transparent; position: relative; padding-top: var(--header-height); color: var(--promo-text); /*&:after { display: block; content: ''; position: absolute; top: -100px; left: -100px; right: -100px; height: 280px; background: var(--promo-back); filter: blur(65px); }*/ } @media (min-width: 761px) { .promo-top__item._text-white { --promo-bd: #fff; --promo-text: #fff; --slider-pagination-color: #fff; } .promo-top__item._text-white .btn { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } } @media (max-width: 760px) { .promo-top__item._text-white-m { --promo-bd: #fff; --promo-text: #fff; --slider-pagination-color: #fff; } .promo-top__item._text-white-m .btn { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } } .promo-top__item-image { position: absolute; inset: 0; } .promo-top__item-image img { width: 100%; height: 100%; object-fit: cover; } .promo-top__item-image img:first-child:last-child { display: block !important; } .promo-top__item-image-mobile { display: none; } .promo-top__item-image-desktop { display: block; } @media (max-width: 760px) { .promo-top__item-image-mobile { display: block; } .promo-top__item-image-desktop { display: none; } } .promo-top__item-body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; position: relative; z-index: 2; min-height: 100%; display: flex; align-items: stretch; padding-bottom: 158px; } @media (max-width: 1400px) { .promo-top__item-body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .promo-top__item-body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .promo-top__item-body { padding-left: 24px; padding-right: 24px; } } .promo-top__item-body-inner { width: 55%; display: flex; align-items: flex-end; padding-right: 5%; } .promo-top__item-content { padding-top: 40px; width: 100%; } .promo-top__item-heading { margin: 0 0 32px 0; font: 700 90px/1.05 var(--ff-heading); letter-spacing: -0.04em; margin-bottom: 0.25em; margin-left: -0.05em; } @media (max-width: 1400px) { .promo-top__item-heading { font-size: 6.2vw; } } @media (max-width: 760px) { .promo-top__item-heading { margin-bottom: 16px; font-size: 42px; } } .promo-top__item-text { margin: 0; font-size: 24px; line-height: 1.4; } @media (max-width: 1400px) { .promo-top__item-text { font-size: 18px; } } @media (max-width: 760px) { .promo-top__item-text { font-size: 16px; } } .promo-top__item-cta { margin: 40px 0 0 0; padding: 40px 0 0 0; position: relative; } @media (min-width: 1921px) { .promo-top__item-heading { font-size: 80px; } } @media (max-width: 1920px) { .promo-top__inner { min-height: 40vw; } .promo-top:before { bottom: 259px; } .promo-top__item-heading { font-size: 4vw; } .promo-top__item-cta { padding-top: 10px; } } @media (max-width: 1800px) { .promo-top__inner { min-height: 45vw; } } @media (max-width: 1000px) and (orientation: landscape) { .promo-top__inner { min-height: 0; } } @media (max-width: 760px) { .promo-top { --bdrs: 40px; } .promo-top:before, .promo-top:after { display: none; } .promo-top__inner { min-height: calc(100svh - 150px); min-height: 174vw; } .promo-top__item { display: flex; flex-direction: column; align-items: stretch; } .promo-top__item:after { top: -100px; } .promo-top__item-image { position: relative; width: 100%; flex: 1 1 auto; margin-top: calc(var(--header-height) * -1); margin-bottom: -250px; } .promo-top__item-image img { position: absolute; top: 0; left: 0; } .promo-top__item-body { flex-shrink: 0; width: 100%; min-height: 0; padding-bottom: 24px; padding-top: 0; /*&:before { display: block; content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: -1px; height: 150px; background: linear-gradient(0deg, var(--promo-bottom), transparent); }*/ } .promo-top__item-body-inner { width: 100%; border-right: 0; } .promo-top__item-content { padding-top: 0; } .promo-top__item-heading { font-size: 42px; margin-left: -3px; } .promo-top__item-cta { margin: 24px 0 0 0; padding: 0; } .promo-top__item-cta:before { display: none; } .promo-top__item-cta .btn { width: 100%; } .promo-top .slider__pagination { border: 0; background: none; backdrop-filter: none; bottom: -30px; } .promo-top .slider__pagination-item { width: 4px; height: 4px; background: var(--c-base); opacity: 0.2; } .promo-top .slider__pagination-item._active { opacity: 1; } } .promo-categories { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: var(--mb); } @media (max-width: 1400px) { .promo-categories { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .promo-categories { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .promo-categories { padding-left: 24px; padding-right: 24px; } } @media (min-width: 761px) { .promo-top + .promo-categories { margin-top: calc(var(--mb) * -1 - 106px); position: relative; z-index: 5; } } @media (min-width: 761px) and (max-width: 1300px) { .promo-categories__body .promo-categories__item:nth-child(8) { display: none; } } @media (min-width: 761px) and (max-width: 1100px) { .promo-categories__body .promo-categories__item:nth-child(7) { display: none; } } @media (min-width: 761px) and (max-width: 800px) { .promo-categories__body .promo-categories__item:nth-child(6) { display: none; } } .promo-categories__body { padding: 25px; background: #fff; border-radius: 40px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); display: flex; gap: 24px; } @media (max-width: 1024px) { .promo-categories__body { padding: 20px; gap: 20px; } } .promo-categories__item { flex: 1 1 100%; position: relative; } .promo-categories__item-image { width: 100%; aspect-ratio: 1; margin-bottom: 16px; border-radius: 20px; overflow: hidden; background: var(--c-bg-grey); } .promo-categories__item-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .promo-categories__item-name { margin: 0; text-align: center; text-wrap: balance; } .promo-categories__item-name a:after { display: block; content: ''; position: absolute; inset: 0; } @media (max-width: 760px) { .promo-categories { margin-bottom: 50px; } .promo-categories__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: auto; padding: 0; border-radius: 0; box-shadow: none; gap: 12px; padding-bottom: 0; } .promo-categories__body::-webkit-scrollbar { background: transparent; } .promo-categories__item { flex: 0 0 86px; } .promo-categories__item-image { margin-bottom: 6px; border-radius: 20px; } .promo-categories__item-name { font-size: 12px; margin: 0 -6px; } } @media (max-width: 760px) and (max-width: 1400px) { .promo-categories__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 760px) and (max-width: 1024px) { .promo-categories__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) and (max-width: 760px) { .promo-categories__body { padding-left: 24px; padding-right: 24px; } } @media (max-width: 760px) and (max-width: 1400px) { .promo-categories__body { margin-left: -40px; margin-right: -40px; } } @media (max-width: 760px) and (max-width: 1024px) { .promo-categories__body { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) and (max-width: 760px) { .promo-categories__body { margin-left: -24px; margin-right: -24px; } } .home-main { overflow: hidden; } .home-main__inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .home-main__inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .home-main__inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .home-main__inner { padding-left: 24px; padding-right: 24px; } } .home-bloggers__slider { overflow: visible; } .home-bloggers__slide { --p: 50px; height: auto; min-height: 100%; border-radius: 50px; position: relative; overflow: hidden; display: flex; color: #fff; --c-link: #fff; --c-link-hover: #fff; } .home-bloggers__slide-back { position: absolute; inset: 0; z-index: -1; } .home-bloggers__slide-back img { display: block; width: 100%; height: 100%; object-fit: cover; } .home-bloggers__slide-back:after { display: block; content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(250px); } .home-bloggers__slide-main { flex: 0 0 490px; padding: var(--p); border-right: 1px solid #fff; } .home-bloggers__slide-main-image { margin: 0 0 20px 0; } .home-bloggers__slide-main-image img { display: block; width: 100%; height: auto; border-radius: 20px; } .home-bloggers__slide-main-name { margin: 0 0 8px 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .home-bloggers__slide-main-name { font-size: 16px; } } @media (max-width: 760px) { .home-bloggers__slide-main-name { font-size: 14px; } } .home-bloggers__slide-main-info { margin: 0; } .home-bloggers__slide-catalog { flex: 1 1 auto; min-width: 0; padding: var(--p); overflow: hidden; display: flex; flex-direction: column; gap: 30px; } .home-bloggers__slide-catalog-header { flex-shrink: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; } .home-bloggers__slide-catalog-header-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .home-bloggers__slide-catalog-header-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .home-bloggers__slide-catalog-header-heading { font-size: 24px; } } .home-bloggers__slide-catalog-header .slider-nav { gap: 0; } .home-bloggers__slide-catalog-header .slider-nav__item { width: 40px; height: 38px; background: transparent; } .home-bloggers__slide-catalog-header .slider-nav__item._disabled svg { opacity: 0.5; } .home-bloggers__slide-catalog-slider { flex: 1 1 auto; } .home-bloggers__slide-catalog-slider .swiper { overflow: visible; } .home-bloggers__slide-catalog-slider .swiper-slide { width: 300px; height: auto; } .home-bloggers__slide-catalog-slider .tag-rating { color: currentColor; } .home-bloggers__slide-catalog-slider .tag-rating:before { background-image: url(/local/templates/hollyshop/css/../img/icons/rating-star-w.svg); } .home-bloggers__slide-catalog-slider .tag-rating__label { color: currentColor; opacity: 0.6; } .home-bloggers__slide-catalog-slider .btn-buy { background: rgba(255, 255, 255, 0.2); color: #fff; } .home-bloggers__slide-catalog-cta { margin: 0 calc(var(--p) * -1); margin-bottom: calc(var(--p) * -1); } .home-bloggers__slide-catalog-cta a { width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; padding: 25px; border-top: 1px solid #fff; width: auto; justify-content: center; background: rgba(17, 17, 17, 0.15); } @media (max-width: 1400px) { .home-bloggers__slide-catalog-cta a { font-size: 16px; } } @media (max-width: 760px) { .home-bloggers__slide-catalog-cta a { font-size: 14px; } } .home-bloggers__slide-catalog-cta a svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .home-bloggers__slide-catalog-cta a path[fill] { fill: currentColor; transition: fill var(--trs-out); } .home-bloggers__slide-catalog-cta a path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .home-bloggers__slide-catalog-cta a:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .home-bloggers__slide-catalog-cta a:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .notouch .home-bloggers__slide-catalog-cta a:hover { background: rgba(17, 17, 17, 0.2); } @media (max-width: 1400px) { .home-bloggers__slide { --p: 40px; } .home-bloggers__slide-main { flex-basis: 400px; } .home-bloggers__slide-catalog .swiper-slide { width: 260px; } } @media (max-width: 1000px) { .home-bloggers__slide { --p: 30px; border-radius: 40px; } .home-bloggers__slide-main { flex-basis: 320px; } .home-bloggers__slide-catalog { gap: 20px; } .home-bloggers__slide-catalog .swiper-slide { width: 220px; } } @media (max-width: 760px) { .home-bloggers__slide { display: none; } } @media (min-width: 761px) { .home-bloggers .collections-bloggers__item { display: none; } } @media (max-width: 760px) { .home-bloggers .swiper-slide { width: 300px; } .home-bloggers .collections-bloggers__item { aspect-ratio: 300 / 446; } } .home-promo-mini { --p: 50px; --c-link: #fff; --c-link-hover: #fff; margin-bottom: var(--mb); border-radius: var(--p); position: relative; overflow: hidden; display: flex; align-items: center; color: var(--promo-text); } .home-promo-mini._text-white { --promo-text: #fff; } .home-promo-mini._text-white .btn { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .home-promo-mini__image { position: absolute; inset: 0; z-index: -1; background-color: var(--bg); } .home-promo-mini__image img { width: 100%; height: 100%; object-fit: cover; } .home-promo-mini__image img:first-child:last-child { display: block !important; } .home-promo-mini__image-mobile { display: none; } .home-promo-mini__image-desktop { display: block; } @media (max-width: 760px) { .home-promo-mini__image-mobile { display: block; } .home-promo-mini__image-desktop { display: none; } } .home-promo-mini__body { flex: 1 1 auto; min-width: 0; } .home-promo-mini__cta { flex-shrink: 0; padding: var(--p); } .home-promo-mini__heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; padding: var(--p); padding-bottom: 20px; } @media (max-width: 1400px) { .home-promo-mini__heading { font-size: 2.6vw; } } @media (max-width: 760px) { .home-promo-mini__heading { font-size: 24px; } } .home-promo-mini__heading:last-child { padding-bottom: var(--p); } .home-promo-mini__copy { padding: var(--p); padding-top: 20px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .home-promo-mini__copy { font-size: 16px; } } @media (max-width: 760px) { .home-promo-mini__copy { font-size: 14px; } } @media (max-width: 1400px) { .home-promo-mini { --p: 40px; } } @media (max-width: 1000px) { .home-promo-mini { --p: 30px; } } @media (max-width: 760px) { .home-promo-mini { min-height: 280px; border-radius: 30px; padding: 25px; flex-direction: column; align-items: stretch; justify-content: flex-end; } .home-promo-mini__image-mobile { object-position: 100% 0; } .home-promo-mini__body { flex-grow: 0; border-right: 0; } .home-promo-mini__heading { margin-bottom: 10px; padding: 0; text-wrap: balance; } .home-promo-mini__copy { padding: 0; border: 0; text-wrap: balance; } .home-promo-mini__cta { margin: 20px -7px -7px -7px; padding: 0; } .home-promo-mini__cta .btn { width: 100%; } } .home-reviews .swiper { max-width: 1100px; margin: 0 auto; overflow: visible; } @media (max-width: 760px) { .home-reviews .swiper { max-width: none; } .home-reviews .swiper-slide { width: 310px; } } .home-reviews__item { --p: 50px; height: auto; min-height: 100%; border-radius: var(--p); border: 1px solid var(--c-sep); position: relative; display: flex; } .home-reviews__item-main { flex: 0 0 40%; padding: var(--p); border-right: 1px solid var(--c-sep); } .home-reviews__item-main .catalog-card { min-height: 0; } .home-reviews__item-list { flex: 1 1 auto; min-width: 0; padding: var(--p); display: flex; flex-direction: column; gap: 30px; } .home-reviews__item-list-body { flex: 1 1 auto; } .home-reviews__item-list-header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 25px 0; } .home-reviews__item-list-header-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .home-reviews__item-list-header-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .home-reviews__item-list-header-heading { font-size: 24px; } } .home-reviews__item-list-header-rating { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; padding-left: 42px; color: var(--c-accent); position: relative; } @media (max-width: 1400px) { .home-reviews__item-list-header-rating { font-size: 2.6vw; } } @media (max-width: 760px) { .home-reviews__item-list-header-rating { font-size: 24px; } } .home-reviews__item-list-header-rating:before { display: block; content: ''; width: 36px; height: 36px; background: url(/local/templates/hollyshop/css/../img/icons/rating-star.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -20px; } .home-reviews__item-list-header-rating em { font-style: normal; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .home-reviews__item-list-header-rating em { font-size: 16px; } } @media (max-width: 760px) { .home-reviews__item-list-header-rating em { font-size: 14px; } } .home-reviews__item-list-cta { margin: 0 calc(var(--p) * -1); margin-bottom: calc(var(--p) * -1); } .home-reviews__item-list-cta a { width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; padding: 25px; border-top: 1px solid var(--c-sep); width: auto; justify-content: center; } @media (max-width: 1400px) { .home-reviews__item-list-cta a { font-size: 16px; } } @media (max-width: 760px) { .home-reviews__item-list-cta a { font-size: 14px; } } .home-reviews__item-list-cta a svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .home-reviews__item-list-cta a path[fill] { fill: currentColor; transition: fill var(--trs-out); } .home-reviews__item-list-cta a path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .home-reviews__item-list-cta a:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .home-reviews__item-list-cta a:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .home-reviews__item-list-item { margin-bottom: 25px; } .home-reviews__item-list-item:last-child { margin-bottom: 0; } .home-reviews__item-list-item-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 12px 0; } .home-reviews__item-list-item-header-author { display: flex; gap: 4px 10px; align-items: center; flex-wrap: wrap; } .home-reviews__item-list-item-header-author-avatar { width: 28px; height: 28px; } .home-reviews__item-list-item-header-author-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .home-reviews__item-list-item-header-author-name { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .home-reviews__item-list-item-header-author-name { font-size: 16px; } } @media (max-width: 760px) { .home-reviews__item-list-item-header-author-name { font-size: 14px; } } .home-reviews__item-list-item-header-author-date { color: var(--c-text-grey); margin-top: 0.1lh; } @media (max-width: 1400px) { .home-reviews__item-list-item-header-author-date { margin-top: 0; } } .home-reviews__item-list-item-header-author-date._own { color: var(--c-accent); } .home-reviews__item-list-item-header-rating { flex-shrink: 0; } .home-reviews__item-list-item-body p { margin-bottom: 1lh; } .home-reviews__item-list-item-body p:last-child { margin-bottom: 0; } .home-reviews__item-list-item-body-content { overflow: hidden; max-height: none; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .home-reviews__item-main .home-reviews__item-list-header { display: none; } @media (max-width: 1400px) { .home-reviews__item { --p: 40px; } .home-reviews__item-main { flex-basis: 400px; } .home-reviews__item-list .swiper-slide { width: 260px; } } @media (max-width: 1000px) { .home-reviews__item { --p: 30px; border-radius: 40px; } .home-reviews__item-main { flex-basis: 320px; } .home-reviews__item-list { gap: 20px; } } @media (max-width: 760px) { .home-reviews__item { display: flex; flex-direction: column; border-radius: 30px; --p: 25px; } .home-reviews__item-main { flex: 0 0 auto; border-right: 0; border-bottom: 1px solid var(--c-sep); } .home-reviews__item-main .catalog-card { padding-left: 96px; } .home-reviews__item-main .catalog-card .btn-fav { display: none; } .home-reviews__item-main .catalog-card__image { width: 80px; height: 80px; position: absolute; top: 0; left: 0; border-radius: 18px; } .home-reviews__item-main .catalog-card__buy { margin: 0; } .home-reviews__item-list-header { display: none; } .home-reviews__item-list-header-rating { padding-left: 30px; } .home-reviews__item-list-header-rating:before { width: 24px; height: 24px; margin-top: -13px; } .home-reviews__item-list-item:nth-child(3) { display: none; } .home-reviews__item-list-cta a { padding: 18px; } .home-reviews__item-main .home-reviews__item-list-header { display: flex; } } .home-magazine .magazine__list { gap: 30px; } @media (max-width: 760px) { .home-magazine .magazine__list { gap: 25px; } } .home-magazine__list { display: flex; gap: 30px; } .home-magazine__list .magazine__card { flex: 0 1 25%; } @media (max-width: 1100px) { .home-magazine__list .magazine__card { flex-basis: 33.333%; } } @media (max-width: 1100px) and (min-width: 761px) { .home-magazine__list .magazine__card:last-child { display: none; } } @media (max-width: 760px) { .home-magazine .section__header-heading span { display: none; } .home-magazine .magazine__list { gap: 25px; } .home-magazine__list { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: auto; gap: 20px; scroll-snap-type: x mandatory; } .home-magazine__list::-webkit-scrollbar { background: transparent; } .home-magazine__list .magazine__card { flex: 0 0 220px; scroll-snap-align: start; scroll-margin: 24px; } .home-magazine__list .magazine__card-image { aspect-ratio: 1; border-radius: 18px; } } @media (max-width: 760px) and (max-width: 1400px) { .home-magazine__list { padding-left: 40px; padding-right: 40px; } } @media (max-width: 760px) and (max-width: 1024px) { .home-magazine__list { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) and (max-width: 760px) { .home-magazine__list { padding-left: 24px; padding-right: 24px; } } @media (max-width: 760px) and (max-width: 1400px) { .home-magazine__list { margin-left: -40px; margin-right: -40px; } } @media (max-width: 760px) and (max-width: 1024px) { .home-magazine__list { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) and (max-width: 760px) { .home-magazine__list { margin-left: -24px; margin-right: -24px; } } .home-category { margin: 0 0 var(--mb) 0; border-radius: 50px; position: relative; overflow: hidden; } .home-category__image { position: absolute; inset: 0; z-index: -1; } .home-category__image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 60px; } .home-category__image:after { display: block; content: ''; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(117px); position: absolute; inset: 0; } .home-category__main { display: flex; min-height: 474px; } .home-category__main-image { order: 2; flex: 1 1 auto; padding: 25px; } .home-category__main-image-item { min-height: 100%; position: relative; } .home-category__main-image-item img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; position: absolute; top: 0; left: 0; } .home-category__main-image-item-label { display: block; padding: 4px 12px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); border-radius: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.7); position: absolute; bottom: 20px; right: 20px; z-index: 1; } .home-category__main-body { order: 1; flex: 0 0 46%; padding: 60px; border-right: 1px solid #fff; } .home-category__main-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } @media (max-width: 1400px) { .home-category__main-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .home-category__main-heading { margin-bottom: 25px; font-size: 36px; } } .home-category__main-copy { font-size: 18px; line-height: 1.4; margin-bottom: 30px; } @media (max-width: 1400px) { .home-category__main-copy { font-size: 16px; } } @media (max-width: 760px) { .home-category__main-copy { font-size: 14px; } } .home-category__main-cta { margin: 0; } .home-category__catalog { padding: 40px 60px 60px 60px; border-top: 1px solid #fff; } .home-category__catalog-slider { position: relative; } .home-category__catalog .swiper { overflow: visible; } .home-category__catalog .swiper-slide { height: auto; } @media (min-width: 761px) { .home-category__catalog .swiper-slide { opacity: 0; transition: opacity 0.3s; pointer-events: none; } .home-category__catalog .swiper-slide.swiper-slide-visible { opacity: 1; pointer-events: auto; } } @media (max-width: 760px) { .home-category__catalog .swiper-slide { width: 220px; } } .home-category__catalog .slider-nav__item { position: absolute; top: 108px; z-index: 2; background: rgba(17, 17, 17, 0.3); backdrop-filter: blur(10px); } .home-category__catalog .slider-nav__item._disabled { background: rgba(17, 17, 17, 0.15); backdrop-filter: blur(10px); } .home-category__catalog .slider-nav__item._disabled svg { opacity: 0.5; } .home-category__catalog .slider-nav__item._prev { left: -31px; } .home-category__catalog .slider-nav__item._next { right: -31px; } .home-category__catalog-cta { display: none; } @media (max-width: 1400px) { .home-category__main-body { padding: 50px; } .home-category__catalog { padding: 40px 50px 50px 50px; } } @media (max-width: 1000px) { .home-category { border-radius: 40px; } .home-category__main-body { padding: 40px; } .home-category__catalog { padding: 40px; } } @media (max-width: 760px) { .home-category { border-radius: 30px; } .home-category__main { display: block; min-height: 0; } .home-category__main-image { height: 200px; padding: 0; } .home-category__main-image-item img { border-radius: 0; } .home-category__main-image-item-label { top: 16px; left: 16px; bottom: auto; right: auto; font-size: 12px; padding: 4px 8px; } .home-category__main-body { padding: 25px; } .home-category__main-heading { margin: 0 0 10px 0; } .home-category__main-copy { margin: 0; } .home-category__main-cta { display: none; } .home-category__catalog { border: 0; padding: 0 25px 25px 25px; } .home-category__catalog-cta { display: block; margin: 30px 0 0 0; } .home-category__catalog-cta .btn { width: 100%; } } .home-collections .swiper { overflow: visible; } .home-collections .swiper-slide { height: auto; } @media (max-width: 760px) { .home-collections .swiper-slide { width: 260px; } .home-collections .swiper-slide .collections__card { height: 300px; } } .home-collections .tabs { margin: -10px 0 30px 0; } @media (max-width: 760px) { .home-collections .tabs { margin-top: 0; } } .home__infobox { border-radius: 50px; overflow: hidden; position: relative; display: flex; flex-direction: column; min-height: 500px; } .home__infobox._text-white { color: #fff; --c-link: #fff; --c-link-hover: #fff; } .home__infobox._text-white .btn { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .home__infobox-body { flex: 1 1 auto; width: 50%; max-width: 642px; padding: 50px; border-right: 1px solid #fff; } .home__infobox-bottom { flex: 0 0 auto; border-top: 1px solid #fff; } .home__infobox-bottom-date { display: none; } .home__infobox-image { position: absolute; inset: 0; z-index: -1; --bg: var(--c-accent); background: var(--bg); } .home__infobox-image img { width: 100%; height: 100%; object-fit: cover; } .home__infobox-image img:first-child:last-child { display: block !important; } .home__infobox-image-desktop { display: block; } .home__infobox-image-mobile { display: none; } @media (max-width: 760px) { .home__infobox-image-desktop { display: none; } .home__infobox-image-mobile { display: block; } } .home__infobox-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; text-wrap: balance; } @media (max-width: 1400px) { .home__infobox-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .home__infobox-heading { margin-bottom: 25px; font-size: 36px; } } .home__infobox-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .home__infobox-copy { max-width: 500px; margin: 0; font-size: 18px; line-height: 1.4; text-wrap: pretty; } @media (max-width: 1400px) { .home__infobox-copy { font-size: 16px; } } @media (max-width: 760px) { .home__infobox-copy { font-size: 14px; } } .home__infobox-cta { width: fit-content; padding: 30px; border-right: 1px solid #fff; } .home__infobox-cta .btn { min-width: 211px; position: relative; z-index: 1; display: block; } .home__infobox-cta .btn span { color: var(--c-text-grey); transition: color var(--trs-out); } .notouch .home__infobox-cta .btn:hover span { color: var(--c-btn-text-hover); transition: color var(--trs-in); } @media (max-width: 1000px) { .home__infobox { border-radius: 40px; min-height: 400px; } .home__infobox-body { padding: 40px; } .home__infobox-header { margin-bottom: 16px; } .home__infobox-heading { margin-bottom: 12px; } } @media (max-width: 760px) { .home__infobox { border-radius: 30px; min-height: 500px; } .home__infobox-body { width: auto; padding: 25px; border: 0; } .home__infobox-heading { margin-bottom: 10px; } .home__infobox-heading span { display: none; } .home__infobox-bottom { padding: 25px; border: 0; } .home__infobox-bottom-date { display: block; font-size: 12px; font-weight: 500; } .home__infobox-cta { width: 100%; padding: 0; border-right: 0; } .home__infobox-cta .btn { width: 100%; --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } } .catalog-slider .swiper { overflow: visible; } .catalog-slider .swiper-slide { width: 25%; height: auto; opacity: 0; transition: opacity 0.3s; pointer-events: none; } .catalog-slider .swiper-slide.swiper-slide-visible { opacity: 1; pointer-events: auto; } @media (max-width: 760px) { .catalog-slider .swiper-slide { width: 220px; } } .catalog-slider .catalog-card { margin: 0; } .catalog-card { min-height: 100%; position: relative; font-size: 15px; line-height: 20px; display: flex; flex-direction: column; } .catalog-card__fav { position: absolute; top: 0; right: 0; z-index: 3; width: 50px; height: 50px; } .catalog-card__image { width: 100%; aspect-ratio: 1; margin-bottom: 18px; background: var(--c-bg-grey); overflow: hidden; border-radius: 20px; position: relative; display: flex; align-items: center; justify-content: center; } .catalog-card__image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; mix-blend-mode: multiply; } .catalog-card__image-variants { position: absolute; bottom: 8px; left: 8px; display: flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; margin: 0; padding: 22px 31px; border: 1px solid transparent; background: var(--c-btn); border-radius: 20px; outline: none; font: var(--font); color: var(--c-btn-text); font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), border-color var(--trs-out), box-shadow var(--trs-out), opacity var(--trs-out); user-select: none; -webkit-tap-highlight-color: transparent; padding: 7px 11px; gap: 11px; font-size: 15px; line-height: 20px; --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; z-index: 5; font-weight: 400; pointer-events: none; } .catalog-card__image-variants:hover { text-decoration: none; opacity: 1; } .notouch .catalog-card__image-variants:hover { background: var(--c-btn-hover); color: var(--c-btn-text-hover); transition: color var(--trs-in), background-color var(--trs-in), border-color var(--trs-in), box-shadow var(--trs-in), opacity var(--trs-in); } .notouch .catalog-card__image-variants:hover path { transition: stroke var(--trs-in), fill var(--trs-in); } .touch .catalog-card__image-variants:hover { color: var(--c-btn-text); } .catalog-card__image-variants._disabled, .catalog-card__image-variants:disabled { pointer-events: none; opacity: 0.5; } .catalog-card__image-variants svg { display: block; margin: 0 -6px; } .catalog-card__image-variants path { transition: stroke var(--trs-out), fill var(--trs-out); } .catalog-card__image-variants path[stroke] { stroke: currentColor; } .catalog-card__image-variants path[fill] { fill: currentColor; } .catalog-card__image-variants g[fill] { fill: currentColor; } .catalog-card__image-variants g[stroke] { stroke: currentColor; } .catalog-card__image-variants._wide { width: 100%; } .catalog-card__image-variants._white { --c-btn: #fff; --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .catalog-card__image-variants._light { --c-btn: var(--c-brand-light); --c-btn-text: var(--c-brand); --c-btn-hover: var(--c-brand); --c-btn-text-hover: #fff; } .catalog-card__image-variants._grey { --c-btn: var(--c-bg-grey); --c-btn-text: var(--c-base); --c-btn-text-hover: #fff; } .catalog-card__image-variants._bd { background: transparent; border-color: var(--c-btn); --c-btn-text: var(--c-btn); } .notouch .catalog-card__image-variants._bd:hover:not(:active) { border-color: transparent; } .catalog-card__image-variants._bd-white { background: transparent; border-color: #fff; --c-btn-text: #fff; } .notouch .catalog-card__image-variants._bd-white:hover { border-color: transparent; } .catalog-card__image-variants._warning { --c-btn-text: var(--c-error); --c-btn-hover: var(--c-error); } @media (max-width: 1000px) { .catalog-card__image-variants { font-size: 14px; line-height: 20px; padding: 17px 24px; border-radius: 18px; gap: 8px; } } .catalog-card__image-variants._med { padding: 17px 31px; border-radius: 18px; gap: 16px; font-size: 14px; line-height: 20px; } .catalog-card__image-variants._med-s { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 18px; line-height: 26px; } @media (max-width: 1000px) { .catalog-card__image-variants._med-s { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } .catalog-card__image-variants._med-xs { padding: 9px 17px; border-radius: 100px; gap: 12px; font-size: 15px; line-height: 20px; } @media (max-width: 1000px) { .catalog-card__image-variants._med-xs { font-size: 14px; line-height: 1.45; padding: 7px 16px; } } .catalog-card__image-variants._min { padding: 7px 11px; gap: 11px; font-size: 15px; line-height: 20px; } @media (max-width: 1000px) { .catalog-card__image-variants._min { padding: 7px 11px; gap: 11px; font-size: 14px; line-height: 20px; } } @media (max-width: 1000px) { .catalog-card__image-variants { padding: 7px 11px; gap: 11px; font-size: 14px; line-height: 20px; } } .catalog-card__image-not-in-stock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 6px 10px; background: rgba(17, 17, 17, 0.3); backdrop-filter: blur(5px); border-radius: 40px; color: #fff; font-weight: 500; white-space: nowrap; } @media (max-width: 760px) { .catalog-card__image-not-in-stock { font-size: 12px; line-height: 15px; padding: 5px 9px 4px 9px; } } .catalog-card__tags { position: absolute; top: 0; left: 0; right: 0; padding: 14px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; } .catalog-card__tags-item { display: block; padding: 2px 6px; background: var(--c-accent); border-radius: 40px; color: var(--c-accent-text); font-size: 13px; line-height: 19px; text-transform: uppercase; } .catalog-card__tags-item._new { background-color: #FF505A; } .catalog-card__tags-item._hit { background-color: #9D52FF; } .catalog-card__tags-item._sale { background-color: #F8A3D7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='m12.5 4-9 9'/%3E%3Cpath d='M4.75 7a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z'/%3E%3Cpath d='M11.25 13.5a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' transform='translate(0 .5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; width: 23px; height: 23px; overflow: hidden; text-indent: 23px; white-space: nowrap; } .catalog-card__tags-item._discount { height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-weight: 500; } .catalog-card__tags-item._big { text-transform: none; background-color: var(--c-base); } .catalog-card__tags-item._recommend { display: none; } .catalog-card__tags-item._recommend-sm { background: #5855FA; width: 23px; height: 23px; padding: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; text-indent: -200px; } .catalog-card__tags-item._recommend-sm:before { display: block; content: ''; width: 15px; height: 15px; background: url(/local/templates/hollyshop/css/../img/icons/product-item-recommend.svg) 0 0 no-repeat; background-size: contain; } .catalog-card__cart { position: absolute; inset: 0; background: rgba(17, 17, 17, 0.15); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 62px; line-height: 110%; color: #fff; } .catalog-card__cart-num { will-change: transform; transition: transform 0.2s; } .catalog-card__category { margin: 0 0 5px 0; height: 1lh; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .catalog-card__heading { all: unset; display: block; max-height: 2lh; margin: 0 0 8px 0; font-size: 18px; line-height: 1.4; font-weight: 500; text-wrap: pretty; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1400px) { .catalog-card__heading { font-size: 16px; } } @media (max-width: 760px) { .catalog-card__heading { font-size: 14px; } } .catalog-card__heading a:after { display: block; content: ''; position: absolute; inset: 0; } .catalog-card:has(.catalog-card__heading a:hover) .catalog-card__heading { color: var(--c-link-hover); } .catalog-card__rating { margin: 0 0 0 0; } .catalog-card__variants { display: none; } .catalog-card__buy { flex-grow: 1; display: flex; align-items: flex-end; margin: 16px 0 0 0; position: relative; z-index: 2; } @media (max-width: 760px) { .catalog-card__buy { position: static; } } .catalog-card__buy-cart { position: absolute; top: 100%; left: 0; margin-top: 12px; width: 100%; min-width: 260px; max-width: 342px; padding: 6px 6px 6px 20px; display: flex; align-items: center; gap: 20px; background: #FFFFFF; border-radius: 24px; filter: drop-shadow(0px 0px 2px rgba(17, 17, 17, 0.1)) drop-shadow(0px 3px 40px rgba(17, 17, 17, 0.06)); pointer-events: none; opacity: 0; transform: translateY(10px); transition: opacity 0.2s, transform 0.2s; } .catalog-card__buy-cart._active { pointer-events: auto; opacity: 1; transform: translateY(0); } .catalog-card__buy-cart:before { display: block; content: ''; width: 13px; height: 6px; background: #fff; clip-path: polygon(50% 0, 100% 100%, 0 100%); position: absolute; top: -6px; left: 52px; } .catalog-card__buy-cart-label { flex-shrink: 0; } .catalog-card__buy-cart-item { display: none; } .catalog-card__buy-cart-controls { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; height: 48px; background: var(--c-bg-grey); border-radius: 20px; font-size: 18px; line-height: 1.4; font-weight: 500; position: relative; } @media (max-width: 1400px) { .catalog-card__buy-cart-controls { font-size: 16px; } } @media (max-width: 760px) { .catalog-card__buy-cart-controls { font-size: 14px; } } .catalog-card__buy-cart-controls-btn { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 35%; height: 100%; position: absolute; top: 0; cursor: pointer; } .catalog-card__buy-cart-controls-btn svg { display: block; } .catalog-card__buy-cart-controls-btn path { fill: var(--c-base); transition: fill var(--trs-out); } .catalog-card__buy-cart-controls-btn:hover path { fill: var(--c-link-hover); transition: fill var(--trs-in); } .catalog-card__buy-cart-controls-btn._less { left: 0; } .catalog-card__buy-cart-controls-btn._more { right: 0; } @media (max-width: 760px) { .catalog-card__buy-cart { width: auto; min-width: 0; padding: 12px; position: fixed; z-index: 11; top: auto; bottom: 80px; left: 16px; right: 16px; display: block; opacity: 1; display: none; } body:has(.product-page) .catalog-card__buy-cart { bottom: 146px; } .catalog-card__buy-cart._active { display: block; } .catalog-card__buy-cart:before { display: none; } .catalog-card__buy-cart-label { display: none; } .catalog-card__buy-cart-item { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 13px 0; } .catalog-card__buy-cart-item-image { flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: var(--c-bg-grey); } .catalog-card__buy-cart-item-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .catalog-card__buy-cart-item-info { flex: 1 1 auto; width: 100%; min-width: 0; } .catalog-card__buy-cart-item-label { margin: 0 0 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 1.45; font-weight: 500; } .catalog-card__buy-cart-item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 15px; color: var(--c-text-grey); } .catalog-card__buy-cart-controls { background: transparent; } .catalog-card__buy-cart-controls-btn { width: 29%; background: var(--c-bg-grey); border-radius: 14px; } } .catalog-card__none { flex-grow: 1; min-height: 40px; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 16px; margin: 16px -15px 0 0; padding-bottom: 8px; font-size: 18px; } @media (max-width: 760px) { .catalog-card__none { margin-top: 6px; margin-right: 0; } } @media (max-width: 600px) { .catalog-card__none { flex-direction: column; align-items: flex-start; justify-content: flex-end; } } .catalog-card__none-item { display: flex; align-items: center; gap: 6px; font-weight: 700; color: var(--c-accent); opacity: 0.5; } .catalog-card__none-item del { opacity: 0.5; font-size: 15px; } .catalog-card__none-cta { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); --c-link-hover: var(--c-accent); position: relative; z-index: 2; font-weight: 500; } .catalog-card__none-cta:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .catalog-card__none-cta:hover { color: var(--c-link); } .notouch .catalog-card__none-cta:hover { opacity: 0.5; } @media (max-width: 1000px) { .catalog-card__none { font-size: 14px; gap: 6px 12px; } } .catalog-card:has(.catalog-card__variants) .catalog-card__buy { pointer-events: none; } .catalog-card:has(.catalog-card__variants) .catalog-card__buy .btn-buy { padding-left: 14px; } .catalog-card:has(.catalog-card__variants) .catalog-card__buy .btn-buy__cart { display: none; } @media (max-width: 760px) { .catalog-card__fav { width: 40px; height: 40px; } .catalog-card__fav svg { width: 18px; height: 18px; } .catalog-card__image { margin-bottom: 10px; } .catalog-card__image-variants { display: none; } .catalog-card__tags { padding: 8px; } .catalog-card__tags-item { padding: 2px 4px; font-size: 10px; line-height: 14px; } .catalog-card__tags-item._discount { min-width: 36px; height: 36px; font-size: 11px; } .catalog-card__tags-item._recommend-sm { width: 19px; height: 19px; } .catalog-card__tags-item._recommend-sm:before { width: 12px; height: 12px; } .catalog-card__category { margin-bottom: 2px; font-size: 12px; } .catalog-card__heading { margin-bottom: 6px; } .catalog-card__rating { font-size: 12px; margin-top: -2px; } .catalog-card__rating a { margin-left: 4px; } .catalog-card__variants { display: block; margin-top: 4px; font-size: 12px; } .catalog-card__buy { margin: 10px 0 0 0; } } .catalog__header { max-width: 1920px; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); margin-bottom: 50px; overflow: hidden; background-color: var(--header-bg); border-radius: 0 0 50px 50px; position: relative; } .catalog__header-list { margin: 0 0 20px 0; padding: 0; list-style: none; columns: 5; position: relative; } .catalog__header-list-header { font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 25px 0; display: flex; align-items: start; gap: 8px; display: none; } @media (max-width: 1400px) { .catalog__header-list-header { font-size: 2.6vw; } } @media (max-width: 760px) { .catalog__header-list-header { font-size: 24px; } } .catalog__header-list-header img { display: block; width: auto; height: 0.87lh; margin-top: 0.06lh; border-radius: 8px; box-shadow: 0 0 0 0.5px rgba(17, 17, 17, 0.15); } @media (max-width: 760px) { .catalog__header-list-header img { height: 0.62lh; margin-top: 0.19lh; border-radius: 4px; } } .catalog__header-list-subheading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; padding: 6px 0; display: none; } @media (max-width: 1400px) { .catalog__header-list-subheading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .catalog__header-list-subheading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .catalog__header-list._fav { display: none; } @media (max-width: 1000px) { .catalog__header-list-header { display: flex; } .catalog__header-list-subheading { display: block; } .catalog__header-list._fav { display: block; } } .catalog__header-list-wrapper { margin-top: 12px; max-width: 75%; overflow: hidden; max-height: 225px; transition: height 0.2s; } @media (max-width: 1400px) { .catalog__header-list-wrapper { max-height: 210px; } } .catalog__header-list-wrapper._active { max-height: none; height: 225px; } @media (max-width: 1400px) { .catalog__header-list-wrapper._active { height: 210px; } } .catalog__header-list-wrapper._active._show { height: auto; } .catalog__header-list:last-child { margin-bottom: 0; } .notouch .catalog__header-list .main-nav__brands-list-link:hover { background: #fff; } .catalog__header-list .main-nav__brands-list-item { page-break-inside: avoid; } .catalog__header-list .main-nav__brands-list-link { page-break-inside: avoid; } @media (max-width: 1600px) { .catalog__header-list { columns: 4; } } @media (max-width: 1200px) { .catalog__header-list { columns: 3; } } @media (max-width: 1000px) { .catalog__header-list { margin-left: -10px; margin-right: -10px; } .catalog__header-list-wrapper { display: none; } .popup .catalog__header-list-wrapper { max-width: none; overflow: visible; display: block; height: auto !important; max-height: none !important; } } @media (max-width: 600px) { .catalog__header-list { columns: 2; } } @media (max-width: 500px) { .catalog__header-list { columns: 1; } } .catalog__header-list-btn { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; border-top: 1px solid var(--c-sep); display: none; } @media (min-width: 1001px) { .catalog__header-list-btn { display: block; } } .catalog__header-list-btn-link { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); margin: 0 auto; } .catalog__header-list-btn-link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .catalog__header-list-btn-link:hover { color: var(--c-link); } @media (max-width: 1400px) { .catalog__header-list-btn-link { font-size: 16px; } } @media (max-width: 760px) { .catalog__header-list-btn-link { font-size: 14px; } } .catalog__header-list-btn-link svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .catalog__header-list-btn-link path[fill] { fill: currentColor; transition: fill var(--trs-out); } .catalog__header-list-btn-link path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .catalog__header-list-btn-link:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .catalog__header-list-btn-link:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .catalog__header-list-btn-link svg { transition: transform 0.2s; } .catalog__header-list-btn-link._active svg { transform: rotate(180deg); } .catalog__header:has(.catalog__header-body._text-white) .catalog__header-list-btn { border-top-color: rgba(255, 255, 255, 0.25); } @media (min-width: 1001px) { .catalog__header:has(.catalog__header-list-btn) .catalog__header-inner { padding-bottom: 100px; } .catalog__header:has(.catalog__header-list-btn) .catalog__header-fav { bottom: 100px; } } .catalog__header-back { position: absolute; inset: 0; } .catalog__header-back-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; } @media (min-width: 761px) { .catalog__header-back-mobile { display: none; } } @media (max-width: 760px) { .catalog__header-back-desktop { display: none; } } .catalog__header-back:has(.catalog__header-back-image:first-child:last-child) .catalog__header-back-image { display: block !important; } .catalog__header-back._full .catalog__header-back-image { bottom: 0; top: auto; width: 100%; height: auto; } .catalog__header-fav { width: 60px; height: 60px; position: absolute; bottom: 50px; right: 50px; padding: 0; border-radius: 60px; background: #fff; } .catalog__header-fav svg { width: 36px; height: 36px; } .catalog__header-fav svg path { stroke-width: 1; } .catalog__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: calc(var(--header-height) + 100px); padding-bottom: 60px; position: relative; } @media (max-width: 1400px) { .catalog__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .catalog__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .catalog__header-inner { padding-left: 24px; padding-right: 24px; } } .catalog__header-body { width: 75%; } @media (max-width: 600px) { .catalog__header-body.blogger { width: 100%; } } .catalog__header-body._text-white { --c-link: var(--c-accent-text); --c-link-hover: var(--c-accent-text); color: var(--c-accent-text); } .catalog__header-body._text-white + .catalog__header-list-wrapper .main-nav__brands-list-link { --c-link: var(--c-accent-text); --c-link-hover: var(--c-base); } .notouch .catalog__header-body._text-white + .catalog__header-list-wrapper .main-nav__brands-list-item:hover .main-nav__brands-list-link { --c-link: var(--c-base); } .catalog__header .pathBar { margin: 0 0 16px 0; } .catalog__header-heading { position: relative; margin: 0; } .catalog__header-heading-title { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 0 -0.05em !important; } @media (max-width: 1400px) { .catalog__header-heading-title { font-size: 4.3vw; } } @media (max-width: 760px) { .catalog__header-heading-title { margin-bottom: 25px; font-size: 36px; } } .catalog__header-heading-fav { position: absolute; display: inline-block; margin-left: 10px; margin-top: 0.22lh; width: auto; height: auto; } .catalog__header-heading-fav svg { width: 0.645em; height: 0.645em; } .catalog__header-heading-list { margin: 16px 0 0 0; display: none; } @media (max-width: 1000px) { .catalog__header-heading-list { display: block; } } .catalog__header-heading-list-btn { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; } .catalog__header-heading-list-btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .catalog__header-heading-list-btn:hover { color: var(--c-link); } @media (max-width: 1400px) { .catalog__header-heading-list-btn { font-size: 16px; } } @media (max-width: 760px) { .catalog__header-heading-list-btn { font-size: 14px; } } .catalog__header-heading-list-btn svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .catalog__header-heading-list-btn path[fill] { fill: currentColor; transition: fill var(--trs-out); } .catalog__header-heading-list-btn path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .catalog__header-heading-list-btn:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .catalog__header-heading-list-btn:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .catalog__header-copy { margin: 12px 0 0 0; text-wrap: pretty; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .catalog__header-copy { font-size: 16px; } } @media (max-width: 760px) { .catalog__header-copy { font-size: 14px; } } .catalog__header-copy p:last-child { margin-bottom: 0; } .catalog__header._no-image { background: none; } .catalog__header._no-image .catalog__header-inner { padding-bottom: 0; } .catalog__header-copy-all { display: none; } @media (max-width: 600px) { .catalog__header-copy:has( + .catalog__header-copy-all:not(._active)) { overflow: hidden; max-height: none; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .catalog__header-copy-all { display: block; margin: 10px 0 0 0; } .catalog__header-copy-all-trigger { color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; display: flex; align-items: center; gap: 2px; width: fit-content; } .catalog__header-copy-all-trigger:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .catalog__header-copy-all-trigger:hover { color: var(--c-link); } .catalog__header-copy-all-trigger svg { display: block; width: auto; height: 1em; } .catalog__header-copy-all-trigger path { stroke: currentColor; } .catalog__header-copy-all._active svg { transform: rotate(180deg); } } @media (max-width: 1000px) { .catalog__header { margin-bottom: 24px; border-radius: 0 0 40px 40px; } .catalog__header-fav { width: 50px; height: 50px; bottom: 32px; right: 30px; } .catalog__header-fav svg { width: 30px; height: 30px; } .catalog__header-fav svg path { stroke-width: 1.5; } .catalog__header-inner { padding-top: calc(var(--header-height) + 56px); padding-bottom: 32px; } .catalog__header .pathBar { margin-bottom: 10px; } } @media (max-width: 760px) { .catalog__header-fav { width: 36px; height: 36px; bottom: 32px; right: 24px; } .catalog__header-fav svg { width: 20px; height: 20px; } } @media (max-width: 600px) { .catalog__header-heading-title { font-size: 26px; } } .catalog__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .catalog__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .catalog__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .catalog__body { padding-left: 24px; padding-right: 24px; } } .catalog__filter-mobile { display: none; margin-bottom: 25px; } .catalog__filter-mobile .btn { width: 100%; } .catalog__filter-mobile-n { min-width: 28px; height: 28px; margin: -4px 0; margin-left: 4px; border-radius: 28px; background: var(--c-accent); color: var(--c-accent-text); text-align: center; font-size: 14px; line-height: 28px; font-weight: 500; transition: color var(--trs-out), background-color var(--trs-out); } .catalog__filter-mobile-n._hidden { display: none; } .notouch .catalog__filter-mobile .btn:hover .catalog__filter-mobile-n { background: var(--c-accent-text); color: var(--c-accent); transition: color var(--trs-in), background-color var(--trs-in); } @media (max-width: 1000px) { .catalog__filter-mobile { display: block; } } .catalog__filter-mobile-active { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: auto; display: flex; gap: 6px; padding-bottom: 10px; margin-bottom: 15px; margin-top: 8px; } @media (max-width: 1400px) { .catalog__filter-mobile-active { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .catalog__filter-mobile-active { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .catalog__filter-mobile-active { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1400px) { .catalog__filter-mobile-active { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1024px) { .catalog__filter-mobile-active { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) { .catalog__filter-mobile-active { margin-left: -24px; margin-right: -24px; } } .catalog__filter-mobile-active:empty { display: none; } .catalog__filter-mobile-active-item { flex-shrink: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 10px; gap: 4px; background: var(--c-brand-light); border-radius: 34px; color: var(--c-accent); font-size: 12px; line-height: 15px; cursor: pointer; } .catalog__filter-mobile-active-item svg { display: block; } .catalog__filter { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 40px 0; } @media (max-width: 1000px) { .catalog__filter { display: none; } } .catalog__filter-item { position: relative; } .catalog__filter-item._disabled { opacity: 0.45; pointer-events: none; } .catalog__filter-item-btn { display: flex; align-items: center; justify-content: center; gap: 5px; width: fit-content; margin: 0; padding: 9px 15px; border: 1px solid transparent; background: var(--c-bg-grey); border-radius: 40px; outline: none; font: var(--font); color: var(--c-base); font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: color var(--trs-out), background-color var(--trs-out), border-color var(--trs-out), box-shadow var(--trs-out), opacity var(--trs-out); user-select: none; -webkit-tap-highlight-color: transparent; } .catalog__filter-item-btn:hover { text-decoration: none; opacity: 1; } .notouch .catalog__filter-item-btn:hover { background: var(--c-accent); color: var(--c-accent-text); transition: color var(--trs-in), background-color var(--trs-in), border-color var(--trs-in), box-shadow var(--trs-in), opacity var(--trs-in); } .notouch .catalog__filter-item-btn:hover path { transition: stroke var(--trs-in), fill var(--trs-in); } .notouch .catalog__filter-item-btn:hover path[stroke] { stroke: var(--c-btn-text-hover); } .notouch .catalog__filter-item-btn:hover path[fill] { fill: var(--c-btn-text-hover); } .touch .catalog__filter-item-btn:hover { color: var(--c-btn-text); } .catalog__filter-item-btn svg { display: block; } .catalog__filter-item-btn path { transition: stroke var(--trs-out), fill var(--trs-out); } .catalog__filter-item-btn path[stroke] { stroke: currentColor; } .catalog__filter-item-btn path[fill] { fill: currentColor; } .catalog__filter-item-btn-n { min-width: 33px; text-align: left; visibility: hidden; } .catalog__filter-item-btn-n:before { display: inline; content: '· '; } .catalog__filter-item._active .catalog__filter-item-btn { background: var(--c-brand-light); color: var(--c-accent); } .catalog__filter-item._active .catalog__filter-item-btn-n { visibility: visible; } .notouch .catalog__filter-item._active .catalog__filter-item-btn:hover { background: var(--c-accent); color: var(--c-accent-text); } .catalog__filter-item-box { display: none; position: absolute; top: 100%; left: 0; margin-top: 6px; width: 374px; overflow: hidden; background: #FFFFFF; /* floating windows */ box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; } .catalog__filter-item._right .catalog__filter-item-box { left: -200px; } .catalog__filter-item-list { max-height: 447px; overflow: auto; margin: 0; padding: 10px 16px; user-select: none; } .notouch .catalog__filter-item-list::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .catalog__filter-item-list::-webkit-scrollbar-track { background-color: transparent; } .notouch .catalog__filter-item-list::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .catalog__filter-item-list-heading { display: none; } .catalog__filter-item-list-item { padding: 12px 12px 12px 52px; display: flex; align-items: center; min-height: 52px; border-radius: 18px; position: relative; cursor: pointer; transition: background-color var(--trs-out), border-radius 0.2s; } .catalog__filter-item-list-item._group { border-radius: 0; } .catalog__filter-item-list-item._group-start { border-radius: 18px 18px 0 0; } .catalog__filter-item-list-item._group-end { border-radius: 0 0 18px 18px; } .catalog__filter-item-list-item:has(input:disabled) { pointer-events: none; opacity: 0.25; } .notouch .catalog__filter-item-list-item:hover { background: var(--c-bg-grey); transition: background-color var(--trs-in), border-radius 0.2s; } .catalog__filter-item-list-item-input { position: absolute; width: 1px; height: 1px; visibility: hidden; pointer-events: none; } .catalog__filter-item-list-item-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: #F7F6F9; border: 1px solid rgba(17, 17, 17, 0.15); backdrop-filter: blur(2px); border-radius: 8px; transition: background-color 0.2s; position: absolute; top: 12px; left: 12px; } .catalog__filter-item-list-item-icon svg { display: block; opacity: 0; transform: scale(0); transition: opacity 0.2s, transform 0.2s; } .catalog__filter-item-list-item-n { color: var(--c-text-grey); } .catalog__filter-item-list-item-n:before { display: inline; content: '· '; } .catalog__filter-item-list-item._active { background: var(--c-bg-grey); } .catalog__filter-item-list-item._active .catalog__filter-item-list-item-icon { background: var(--c-accent); border-color: transparent; } .catalog__filter-item-list-item._active .catalog__filter-item-list-item-icon svg { opacity: 1; transform: scale(1); } .catalog__filter-item-list-item a:hover { color: var(--c-link); } .catalog__filter-item-links { max-height: 447px; overflow: auto; margin: 0; padding: 10px 8px; } .notouch .catalog__filter-item-links::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .catalog__filter-item-links::-webkit-scrollbar-track { background-color: transparent; } .notouch .catalog__filter-item-links::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .catalog__filter-item-links-heading { display: none; } .catalog__filter-item-links-item-link { display: block; padding: 12px 12px 12px 12px; position: relative; cursor: pointer; border-radius: 18px; --c-link: var(--c-accent); } .notouch .catalog__filter-item-links-item-link:hover { background: var(--c-bg-grey); } .catalog__filter-item-links-item-link._active { background: var(--c-bg-grey); } .catalog__filter-item-range { padding: 20px; } .catalog__filter-item-range-slider { margin: 23px 0 5px 0; } .catalog__filter-item-range-inputs { display: flex; align-items: center; gap: 8px; } .catalog__filter-item-range-inputs .form__input-wrapper { flex: 1 1 auto; } .catalog__filter-item-range-inputs-sep { flex: 0 0 auto; } .catalog__filter-item-range + .catalog__filter-item-controls { padding-top: 0; border-top: 0; } .catalog__filter-item-controls { display: none; padding: 20px; gap: 10px; border-top: 1px solid var(--c-sep); } .catalog__filter-item-controls .btn { padding: 17px 19px; font-size: 15px; white-space: nowrap; } .catalog__filter-item-controls-reset { flex: 0 0 109px; } .catalog__filter-item-controls-apply { flex: 1 1 auto; } .catalog__filter-item._active .catalog__filter-item-controls { display: flex; } .catalog__filter-item._open { z-index: 9; } .catalog__filter-item._open .catalog__filter-item-box { display: block; } .catalog__filter-item._open .catalog__filter-item-btn { color: var(--c-accent); } .notouch .catalog__filter-item._open .catalog__filter-item-btn:hover { color: #fff; } .catalog__filter-item._open .catalog__filter-item-btn-icon { transform: rotate(180deg); } .catalog__filter-info { display: flex; justify-content: space-between; gap: 16px; margin: 0 0 30px 0; } .catalog__filter-info-main { display: flex; flex-wrap: wrap; gap: 24px; } .catalog__filter-info-counter { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .catalog__filter-info-counter { font-size: 16px; } } @media (max-width: 760px) { .catalog__filter-info-counter { font-size: 14px; } } .catalog__filter-info-sort { font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .catalog__filter-info-sort { font-size: 16px; } } @media (max-width: 760px) { .catalog__filter-info-sort { font-size: 14px; } } @media (max-width: 1000px) { .catalog__filter-info-sort .switch-list__list { left: auto; right: 0; } } .catalog__filter-info-more { display: none; } ._catalog-filter-active .catalog__filter-info-more { display: flex; } .catalog__filter-info-reset { all: unset; display: flex; gap: 5px; align-items: center; font-size: 18px; line-height: 1.4; font-weight: 500; --c-link: var(--c-brand); color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; } @media (max-width: 1400px) { .catalog__filter-info-reset { font-size: 16px; } } @media (max-width: 760px) { .catalog__filter-info-reset { font-size: 14px; } } .catalog__filter-info-reset:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .catalog__filter-info-reset:hover { color: var(--c-link); } .catalog__filter-info-reset svg { display: block; } @media (max-width: 1000px) { .catalog__filter-info { display: block; } .catalog__filter-info-reset { display: none; } .catalog__filter-info-main { justify-content: space-between; } } .catalog__list { display: flex; flex-wrap: wrap; gap: 60px 30px; transition: opacity 0.2s; } .catalog__list._loading { opacity: 0.25; pointer-events: none; } .catalog__list-item { width: calc(25% - 23px); } .catalog__list-promo { display: block; height: 100%; border-radius: 30px; overflow: hidden; position: relative; padding: 30px; } .catalog__list-promo img { display: block; width: 100%; height: 100%; object-position: 0 0; object-fit: cover; position: absolute; top: 0; left: 0; } .catalog__list-promo-heading { margin: 0; position: relative; z-index: 1; } @media (max-width: 760px) { .catalog__list-promo { border-radius: 24px; padding: 20px; } } .catalog__list-pages { margin: 60px 0 0 0; display: flex; flex-direction: column; gap: 30px; } @media (max-width: 760px) { .catalog__list-pages { margin-top: 30px; } } .catalog__list-more { width: 100%; } .catalog__list-more .btn { display: block; width: 100%; } @media (min-width: 761px) { .catalog__list-item._big { width: calc(50% - 14px); } .catalog__list-item._big:nth-of-type(2n) { margin-top: -312px; } .catalog__list-item._big .catalog-card { background: var(--c-bg-grey); border-radius: 30px; padding: 30px; } .catalog__list-item._big .catalog-card__image { margin-top: -30px; margin-right: -30px; margin-left: -30px; } .catalog__list-item._big .btn-buy { background: #fff; } .catalog__list-item._big .btn-buy:hover, .catalog__list-item._big .btn-buy._active { background: var(--c-brand); } .catalog__list-item._big .catalog-card__heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-top: 6px; margin-bottom: 10px; } } @media (min-width: 761px) and (max-width: 1600px) { .catalog__list-item._big:nth-of-type(2n) { margin-top: calc(50vw * -0.39); } } @media (min-width: 761px) and (max-width: 1400px) { .catalog__list-item._big .catalog-card__heading { font-size: 20px; line-height: 1.25; } } @media (min-width: 761px) and (max-width: 760px) { .catalog__list-item._big .catalog-card__heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } @media (min-width: 761px) and (min-width: 1101px) { .catalog__list-item._between-big { align-self: flex-start; } .catalog__list-item._between-big .catalog-card { height: auto; } } @media (min-width: 761px) and (max-width: 1100px) { .catalog__list-item._big { width: calc(66.666% - 10px); } .catalog__list-item._big:nth-of-type(2n) { margin-top: 0; } .catalog__list-item._big + .catalog__list-item { align-self: flex-start; } .catalog__list-item._big + .catalog__list-item .catalog-card { height: auto; } } .catalog__list-item._wide { width: 100%; } @media (max-width: 1100px) { .catalog__list-item { width: calc(33.333% - 20px); } } @media (max-width: 760px) { .catalog__list { gap: 30px 20px; } .catalog__list-item { width: calc(50% - 10px); } .catalog__list-item._big { width: 100%; } .catalog__list-item._big .catalog-card__image img { max-width: 90%; max-height: 90%; } } .catalog__recommend { margin: 138px 0 0 0; } @media (max-width: 1400px) { .catalog__recommend { margin-top: var(--mb); } } .catalog-subscribe { border-radius: 50px; background: var(--c-brand) url(/local/templates/hollyshop/css/../img/catalog/sub.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; display: flex; justify-content: space-between; --p: 50px; } .catalog-subscribe__body { flex: 0 0 41%; border-right: 1px solid #fff; } .catalog-subscribe__header-heading { margin: 0; padding: var(--p) 20px 20px var(--p); } .catalog-subscribe__header-copy { border-top: 1px solid #fff; padding: 20px 20px var(--p) var(--p); font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .catalog-subscribe__header-copy { font-size: 16px; } } @media (max-width: 760px) { .catalog-subscribe__header-copy { font-size: 14px; } } .catalog-subscribe__header-copy p:last-child { margin-bottom: 0; } .catalog-subscribe__form { width: 100%; max-width: 620px; padding: 39px 29px; } .catalog-subscribe__form-input { position: relative; margin: 0 0 24px 0; } .catalog-subscribe__form-input .form__input { padding-right: 80px; } .catalog-subscribe__form-input .form__input-error-message { color: #fff; } .catalog-subscribe__form-input-submit { position: absolute; top: 2px; right: 2px; bottom: 2px; width: auto; height: auto; aspect-ratio: 1; padding: 0; } .catalog-subscribe__form-agreements { display: flex; gap: 32px; } .catalog-subscribe__form-agreements-item { flex: 1 1 50%; margin: 0; } .catalog-subscribe__form-agreements .checkbox { padding-left: 1.9lh; } .catalog-subscribe__form-agreements .checkbox i { width: 1.27lh; height: 1.27lh; background: var(--c-accent); box-shadow: 0 0 0 1px rgba(251, 230, 239, 0.4); } .catalog-subscribe__form-agreements .checkbox i path { fill: #fff; } @media (max-width: 1400px) { .catalog-subscribe { --p: 40px; border-radius: var(--p); } } @media (max-width: 760px) { .catalog-subscribe { border-radius: 30px; --p: 25px; display: block; padding: var(--p); background: var(--c-brand) url(/local/templates/hollyshop/css/../img/catalog/sub-m.jpg) 0% 50% no-repeat; background-size: cover; } .catalog-subscribe__body { border: 0; } .catalog-subscribe__header-heading { padding: 0; margin: 0 0 10px 0; } .catalog-subscribe__header-copy { padding: 0; margin: 0 0 20px 0; border: 0; } .catalog-subscribe__form { padding: 0; } .catalog-subscribe__form-input { margin: 0 0 20px 0; } .catalog-subscribe__form-input-submit { border-radius: 16px; } .catalog-subscribe__form-agreements { gap: 8px; flex-direction: column; } .catalog-subscribe__form-agreements-item { font-size: 12px; line-height: 15px; } .catalog-subscribe__form-agreements-item .checkbox { min-height: 29px; display: flex; align-items: center; padding-left: 40px; } .catalog-subscribe__form-agreements-item .checkbox i { width: 28px; height: 28px; top: 0; } } .popup_filters .popup__body { height: 100%; overflow: hidden; padding: 0; } .catalog__filter-popup { height: 100%; display: flex; flex-direction: column; } .catalog__filter-popup-header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 25px 24px 20px 24px; position: relative; } .catalog__filter-popup-header-name { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; display: flex; align-items: center; gap: 8px; } @media (max-width: 1400px) { .catalog__filter-popup-header-name { font-size: 2.6vw; } } @media (max-width: 760px) { .catalog__filter-popup-header-name { font-size: 24px; } } .catalog__filter-popup-header-name._active { margin-right: 80px; } .catalog__filter-popup-header-reset { color: var(--c-accent); position: relative; } .catalog__filter-popup-header-reset:after { display: block; content: ''; position: absolute; inset: -20px; } .catalog__filter-popup-header-reset._all { display: none; } ._catalog-filter-active .catalog__filter-popup-header-reset._all { display: block; } .catalog__filter-popup-header-reset._item { display: none; position: absolute; top: 50%; right: 24px; margin-top: -6px; } .catalog__filter-popup-header-name:not(._active) + .catalog__filter-popup-header-reset._item { display: none !important; } .catalog__filter-popup-body { flex: 1 1 auto; min-height: 0; overflow: auto; } .catalog__filter-popup-footer { flex: 0 0 auto; padding: 16px; border-top: 1px solid var(--c-sep); } .catalog__filter-popup-footer .btn { width: 100%; } .catalog__filter-popup .catalog__filter-item-range { padding: 0; } .catalog__filter-popup-list { display: none; } .catalog__filter-popup-list .catalog__filter-item-list { max-height: none; padding-left: 8px; padding-right: 8px; } .catalog__filter-popup-list .catalog__filter-item-list-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; display: block; margin: 21px 0 6px 0; padding: 0 12px; } @media (max-width: 1400px) { .catalog__filter-popup-list .catalog__filter-item-list-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .catalog__filter-popup-list .catalog__filter-item-list-heading { font-size: 24px; } } .catalog__filter-popup-list .catalog__filter-item-box { all: unset; } .catalog__filter-popup-list .catalog__filter-item-box .catalog__filter-item-range { padding: 0 20px; } .catalog__filter-popup-main { padding: 0 24px; } .catalog__filter-popup-main-price { margin: 0 0 20px 0; } .catalog__filter-popup-main-price-heading { margin: 0 0 16px 0; } .catalog__filter-popup-main-item { margin: 0 -24px; padding: 16px 24px; display: flex; justify-content: space-between; gap: 8px; } .catalog__filter-popup-main-item._disabled { display: none; } .catalog__filter-popup-main-item._price { display: none; } .catalog__filter-popup-main-item-name { flex-shrink: 0; font-weight: 500; } .catalog__filter-popup-main-item-selected { flex: 1 1 auto; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; color: var(--c-text-grey); white-space: nowrap; } .catalog__filter-popup-main-item-arrow { flex-shrink: 0; } .catalog__filter-popup-main-item-arrow svg { display: block; } .catalog__filter-popup-main-item-reset { flex-shrink: 0; position: relative; display: none; } .catalog__filter-popup-main-item-reset:after { display: block; content: ''; position: absolute; inset: -16px; } .catalog__filter-popup-main-item-reset svg { display: block; } .catalog__filter-popup-main-item._active .catalog__filter-popup-main-item-arrow { display: none; } .catalog__filter-popup-main-item._active .catalog__filter-popup-main-item-reset { display: block; } .catalog__brands { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .catalog__brands { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .catalog__brands { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .catalog__brands { padding-left: 24px; padding-right: 24px; } } .catalog__brands._search .main-nav__brands-alphabet-item:not(._found) { display: none; } .catalog__brands._search .main-nav__brands-section:not(._found) { display: none; } .catalog__brands._search .main-nav__brands-list-item:not(._found) { display: none; } .catalog__brands:has(.main-nav__brands-search._open) .main-nav__item-heading { display: none; } .catalog__brands .main-nav__brands-search { transition: none; } .catalog__brands .main-nav__brands-search._open { all: unset; box-sizing: border-box; position: relative; width: 700px; height: 68px; } @media (max-width: 1200px) { .catalog__brands .main-nav__brands-search._open { width: 600px; } } .catalog__brands .main-nav__brands-search._open .main-nav__brands-search-input { font-size: 62px; line-height: 1.1; letter-spacing: -0.02em; font-weight: bold; color: var(--c-base); padding: 0 60px 0 0; } .catalog__brands .main-nav__brands-search._open .main-nav__brands-search-input:focus::-webkit-input-placeholder { opacity: 0.15; font-weight: 500; } @media (max-width: 1400px) { .catalog__brands .main-nav__brands-search._open .main-nav__brands-search-input { font-size: 4.3vw; } } .catalog__brands .main-nav__brands-search._open._active .main-nav__brands-search-btn { width: 62px; height: 46px; border-radius: 30px; background: var(--c-bg-grey); top: 50%; margin-top: -23px; } .catalog__brands .main-nav__item-header { min-width: 0; } .catalog__brands .main-nav__item-header-wrapper { display: flex; align-items: center; gap: 20px; justify-content: space-between; } .catalog__brands .main-nav__item-header-wrapper .tabs__header { margin-bottom: 0; } .catalog__brands .main-nav__item-header .main-nav__item-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 !important; } @media (max-width: 1400px) { .catalog__brands .main-nav__item-header .main-nav__item-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .catalog__brands .main-nav__item-header .main-nav__item-heading { margin-bottom: 25px; font-size: 36px; } } @media (max-width: 760px) { .catalog__brands .main-nav__item-header-wrapper { display: block; } .catalog__brands .main-nav__item-header-wrapper .tabs__header { margin-bottom: 16px; margin-left: -16px; } } .catalog__brands .main-nav__brands-alphabet { margin-bottom: 50px; top: 89px; } .catalog__brands .main-nav__brands-alphabet._none { position: static; padding: 0; margin-top: 20px; } .catalog__brands .main-nav__brands-alphabet._fixed { margin-left: -32px; margin-right: -32px; padding-left: 32px; padding-right: 32px; border-radius: 40px; box-shadow: 0px 12px 72px rgba(17, 17, 17, 0.06); border-bottom: 0; } .catalog__brands .main-nav__brands-alphabet .swiper { margin-left: -32px; margin-right: -32px; padding-left: 32px; padding-right: 32px; } .catalog__brands .main-nav__brands-alphabet .swiper:before { display: block; content: ''; width: 32px; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0)); } .catalog__brands .main-nav__brands-alphabet .swiper:after { display: block; content: ''; width: 32px; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(270deg, #ffffff, rgba(255, 255, 255, 0)); } .catalog__brands .main-nav__brands-section-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; padding-top: 0px; flex-basis: 360px; display: flex; align-items: flex-start; gap: 12px; } @media (max-width: 1400px) { .catalog__brands .main-nav__brands-section-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .catalog__brands .main-nav__brands-section-heading { font-size: 24px; } } .catalog__brands .main-nav__brands-section-heading-fav { display: block; width: auto; height: 0.7lh; margin-top: 0.15lh; margin-right: -4px; } @media (max-width: 760px) { .catalog__brands .main-nav__brands-section-heading-fav { display: none; } } .catalog__brands .main-nav__brands-section-heading-flag { display: block; width: auto; height: 0.87lh; margin-top: 0.06lh; border-radius: 8px; box-shadow: 0 0 0 0.5px rgba(17, 17, 17, 0.15); } @media (max-width: 760px) { .catalog__brands .main-nav__brands-section-heading-flag { height: 0.62lh; margin-top: 0.19lh; border-radius: 4px; } } .catalog__brands .main-nav__brands-section-body { flex: 1 1 auto; } .catalog__brands .main-nav__brands-country-all { margin-top: 10px; font-weight: 500; } .catalog__brands .main-nav__brands-country-all a { width: fit-content; --c-link: var(--c-accent); --c-link-hover: var(--c-btn-hover); background: none; } @media (max-width: 1300px) { .catalog__brands .main-nav__brands-country-all { margin-left: -10px; margin-right: -10px; } } @media (max-width: 600px) { .catalog__brands .main-nav__brands-country-all { margin-top: -20px; margin-bottom: 20px; margin-left: -24px; margin-right: -24px; } .catalog__brands .main-nav__brands-country-all a { width: auto; padding-left: 24px; } } .catalog__brands .main-nav__brands-country .main-nav__brands-section-heading { font-size: 24px; padding-top: 6px; } @media (max-width: 1300px) { .catalog__brands .main-nav__brands-country .main-nav__brands-section-heading { margin-bottom: 25px; padding-top: 0; } } @media (max-width: 760px) { .catalog__brands .main-nav__brands-country .main-nav__brands-section-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 8px; margin-left: -7px; gap: 6px; } } @media (max-width: 760px) and (max-width: 1400px) { .catalog__brands .main-nav__brands-country .main-nav__brands-section-heading { font-size: 2.6vw; } } @media (max-width: 760px) and (max-width: 760px) { .catalog__brands .main-nav__brands-country .main-nav__brands-section-heading { font-size: 24px; } } @media (max-width: 1600px) { .catalog__brands .main-nav__brands-list { columns: 4; } } @media (max-width: 1400px) { .catalog__brands .main-nav__brands-alphabet { margin-bottom: 40px; } .catalog__brands .main-nav__brands-section-heading { flex-basis: 300px; } } @media (max-width: 1200px) { .catalog__brands .main-nav__brands-list { columns: 3; } } @media (max-width: 1000px) { .catalog__brands .main-nav__brands-alphabet { display: none; } .catalog__brands .main-nav__brands-search { display: none; } } @media (max-width: 760px) { .catalog__brands .main-nav__brands-list { columns: 2; } } @media (max-width: 600px) { .catalog__brands .main-nav__brands-list { columns: 1; margin-left: -50px; margin-right: -50px; margin-bottom: 20px; } .catalog__brands .main-nav__brands-list-link { padding: 12px 24px 12px 48px; } .catalog__brands .main-nav__brands-list-item .btn-fav { left: 13px; right: auto; width: 36px; height: 44px; } .catalog__brands .main-nav__brands-list-item .btn-fav svg { width: 20px; height: 20px; } .catalog__brands .main-nav__brands-section-heading { margin-bottom: 8px; font-size: 24px; } } @media (max-width: 600px) and (max-width: 1400px) { .catalog__brands .main-nav__brands-list { margin-left: -40px; margin-right: -40px; } } @media (max-width: 600px) and (max-width: 1024px) { .catalog__brands .main-nav__brands-list { margin-left: -30px; margin-right: -30px; } } @media (max-width: 600px) and (max-width: 760px) { .catalog__brands .main-nav__brands-list { margin-left: -24px; margin-right: -24px; } } .catalog-main { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .catalog-main { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .catalog-main { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .catalog-main { padding-left: 24px; padding-right: 24px; } } .catalog-main .pathBar { margin: 0 0 16px 0; } .catalog-main__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 50px; } @media (max-width: 1400px) { .catalog-main__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .catalog-main__heading { margin-bottom: 25px; font-size: 36px; } } @media (max-width: 1024px) { .catalog-main__heading { margin-bottom: 40px; } } @media (max-width: 760px) { .catalog-main .pathBar { margin-bottom: 8px; } .catalog-main__heading { margin-bottom: 32px; } } .catalog-main__categories { margin-bottom: 100px; } @media (max-width: 1400px) { .catalog-main__categories { margin-bottom: 80px; } } @media (max-width: 760px) { .catalog-main__categories { margin-bottom: 60px; } } .catalog-main__categories .swiper { border-radius: 40px; } .catalog-main__categories .swiper-slide { width: auto; } .catalog-main__categories-item { display: block; width: 100%; aspect-ratio: 427 / 560; border-radius: 40px; position: relative; --c-link: #fff; --c-link-hover: #fff; overflow: hidden; } .catalog-main__categories-item img { display: block; width: 100%; height: 100%; object-fit: cover; } .catalog-main__categories-item-name { position: absolute; bottom: 30px; left: 30px; right: 30px; font-size: 24px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; display: flex; justify-content: space-between; align-items: center; gap: 16px; } .catalog-main__categories-item-name-btn { flex-shrink: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 30px; transition: background-color var(--trs-out); } .catalog-main__categories-item-name-btn svg { display: block; } .catalog-main__categories-item-name-btn path { transition: stroke var(--trs-out); } @media (max-width: 1600px) { .catalog-main__categories-item-name { font-size: 1.5vw; } } .notouch .catalog-main__categories-item:hover .catalog-main__categories-item-name-btn { background: var(--c-accent); transition: background-color var(--trs-in); } .notouch .catalog-main__categories-item:hover .catalog-main__categories-item-name-btn path { stroke: #fff; transition: stroke var(--trs-in); } .catalog-main__categories-item:before { display: block; content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 69.91%, rgba(17, 17, 17, 0.5) 100%); } @media (max-width: 1000px) { .catalog-main__categories { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: hidden; } .catalog-main__categories .swiper { border-radius: 0; overflow: visible; } .catalog-main__categories .swiper-slide { width: 65vw; max-width: 300px; } .catalog-main__categories-item { border-radius: 30px; } .catalog-main__categories-item-name { font-size: 17px; bottom: 20px; left: 20px; right: 20px; } .catalog-main__categories-item-name-btn { width: 28px; height: 28px; } } @media (max-width: 1000px) and (max-width: 1400px) { .catalog-main__categories { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .catalog-main__categories { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .catalog-main__categories { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .catalog-main__categories { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .catalog-main__categories { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .catalog-main__categories { margin-left: -24px; margin-right: -24px; } } .catalog-main__banners { margin-bottom: 100px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; gap: 30px; } @media (max-width: 1400px) { .catalog-main__banners { margin-bottom: 80px; } } @media (max-width: 760px) { .catalog-main__banners { margin-bottom: 60px; } } .catalog-main__banners-item { width: calc(50% - 15px); min-height: 100%; border-radius: 40px; overflow: hidden; } .catalog-main__banners-item img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 0% 100%; } @media (max-width: 1000px) { .catalog-main__banners { gap: 20px; } .catalog-main__banners-item { width: calc(50% - 10px); border-radius: 30px; } } @media (max-width: 760px) { .catalog-main__banners { flex-direction: column; } .catalog-main__banners-item { width: 100%; } } .promos-slider .swiper { max-width: 1018px; margin: 0 auto; overflow: visible; } .promos-slider .swiper-slide { height: auto; min-height: 638px; display: flex; align-items: stretch; } .promos-slider .promos-card { margin: 0; } @media (max-width: 1400px) { .promos-slider .swiper-slide { min-height: 550px; } } @media (max-width: 760px) { .promos-slider .swiper-slide { min-height: 400px; width: 300px; } .promos-slider .swiper { max-width: none; margin: 0; } } .promos-card { --p: 50px; --bdc: #fff; --c-text: var(--c-base); color: var(--c-text); width: 100%; border-radius: var(--p); overflow: hidden; display: flex; flex-direction: column; position: relative; } .promos-card._text-white { --c-text: #fff; } .promos-card__image { position: absolute; inset: 0; z-index: -1; } .promos-card__image img { width: 100%; height: 100%; object-fit: cover; } .promos-card__image img:first-child:last-child { display: block !important; } .promos-card__image-mobile { display: none; } .promos-card__image-desktop { display: block; } @media (max-width: 760px) { .promos-card__image-mobile { display: block; } .promos-card__image-desktop { display: none; } } .promos-card__body { flex: 1 1 auto; padding: var(--p); width: 59%; border-right: 1px solid var(--bdc); } .promos-card__heading { margin: 0 0 16px 0; } .promos-card__copy { margin: 0; font-size: 18px; } @media (max-width: 600px) { .promos-card__copy { font-size: 14px; } } .promos-card__price { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; margin: 24px 0 0 0; font-size: 24px; font-weight: bold; } .promos-card__price del { font-size: 15px; margin-bottom: 0.2lh; opacity: 0.3; } .promos-card__footer { border-top: 1px solid var(--bdc); } .promos-card__footer-cta { width: fit-content; margin: 0; padding: 30px; border-right: 1px solid var(--bdc); } @media (max-width: 1400px) { .promos-card { --p: 40px; } } @media (max-width: 760px) { .promos-card { border-radius: 30px; } .promos-card__body { padding: 25px; width: auto; border-right: 0; } .promos-card__heading { margin-bottom: 10px; } .promos-card__price { margin-top: 12px; font-size: 16px; } .promos-card__price del { font-size: 12px; } .promos-card__footer { padding: 18px; border: 0; } .promos-card__footer-cta { width: auto; padding: 0; border: 0; } .promos-card__footer-cta .btn { width: 100%; } } .product-page { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; /*.pathBar { @media (max-width: 1000px) { display: none; } }*/ } @media (max-width: 1400px) { .product-page { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .product-page { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .product-page { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1600px) { .product-page { max-width: 1200px; } } .product-page__back { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 890px; overflow: hidden; border-radius: 0px 0px 50px 50px; will-change: transform; } .product-page__back:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(250px); } .product-page__back-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #F1F3F6; } @media (max-width: 1400px) { .product-page__back { height: 64vw; } } @media (max-width: 1000px) { .product-page__back { margin-left: -50px; margin-right: -50px; height: auto; bottom: -12px; border-radius: 0 0 30px 30px; top: calc(-44px - var(--header-height) - var(--top-mb)); } } @media (max-width: 1000px) and (max-width: 1400px) { .product-page__back { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .product-page__back { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .product-page__back { margin-left: -24px; margin-right: -24px; } } .product { display: flex; gap: 60px; --gap: 60px; --col: 700px; margin-bottom: var(--gap); --buy-top: 120px; --buy-height: 232px; --buy-bottom: 20px; --reviews-height: 435px; } @media (max-width: 1600px) { .product { gap: 20px; --col: 50%; --gap: 40px; } } @media (max-width: 1400px) { .product { gap: 40px; } } .product__info { order: 2; flex: 1 1 auto; padding-left: 30px; padding-bottom: calc(var(--buy-bottom) + var(--reviews-height)); min-width: 0; } @media (max-width: 1400px) { .product__info { padding-left: 0; } } @media (max-width: 1000px) { .product__info { position: relative; margin-bottom: 52px; padding-bottom: 0; } } .product__descr { flex: 0 0 var(--col); min-width: 0; } @media (max-width: 1000px) { .product { display: block; } } .product__heading { font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 25px 0; } @media (max-width: 1400px) { .product__heading { font-size: 2.6vw; } } @media (max-width: 760px) { .product__heading { font-size: 24px; } } @media (max-width: 1600px) and (min-width: 1001px) { .product__heading { font-size: 2vw; } } @media (max-width: 1000px) { .product__heading { margin-bottom: 20px; } } .product__gallery { margin: 0 0 var(--gap) 0; } .product__gallery .slider-pagination { display: none; } .product__gallery-tags { z-index: 2; padding: 30px; flex-direction: row; } .product__gallery-tags .catalog-card__tags-item { font-size: 16px; line-height: 29px; padding: 0 8px; } @media (max-width: 760px) { .product__gallery-tags .catalog-card__tags-item { font-size: 13px; line-height: 18px; padding: 3px 6px 2px 6px; } } .product__gallery-tags .catalog-card__tags-item._recommend { display: block; background: #52D4FF; font-size: 16px; font-weight: 500; text-transform: none; } @media (max-width: 760px) { .product__gallery-tags .catalog-card__tags-item._recommend { display: none; } } @media (min-width: 761px) { .product__gallery-tags .catalog-card__tags-item._recommend-sm { display: none; } } @media (max-width: 760px) { .product__gallery-tags .catalog-card__tags-item._recommend-sm { display: flex; width: 23px; height: 23px; padding: 0; } .product__gallery-tags .catalog-card__tags-item._recommend-sm:before { display: block; content: ''; width: 15px; height: 15px; background: url(/local/templates/hollyshop/css/../img/icons/product-item-recommend.svg) 0 0 no-repeat; background-size: contain; } } @media (max-width: 760px) { .product__gallery-tags { padding: 20px; flex-direction: column; } } .product__gallery-main { width: 100%; aspect-ratio: 1; border-radius: 30px; overflow: hidden; background: var(--c-bg-grey); position: relative; } .product__gallery-main .swiper { width: 100%; height: 100%; } .product__gallery-main .swiper-slide { display: flex; align-items: center; justify-content: center; background: var(--c-bg-grey); } .product__gallery-main .swiper-slide img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 1px; min-height: 1px; mix-blend-mode: multiply; } .product__gallery-main .swiper-slide video, .product__gallery-main .swiper-slide iframe { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } .product__gallery-thumbs { user-select: none; --space-between: 16px; --n: 6; margin: 20px 0 0 0; position: relative; } @media (max-width: 1200px) { .product__gallery-thumbs { --n: 5; } } @media (max-width: 1000px) { .product__gallery-thumbs { display: none; } } .product__gallery-thumbs:has(.swiper-slide:first-child:last-child) { display: none; } .product__gallery-thumbs .swiper { border-radius: 20px; } .product__gallery-thumbs .swiper-slide { width: calc((100% / var(--n)) - (var(--space-between) / var(--n) * (var(--n) - 1))); } .product__gallery-thumbs .swiper-slide a { display: block; width: 100%; aspect-ratio: 1; position: relative; background: #fff; border-radius: 20px; background: var(--c-bg-grey); } .product__gallery-thumbs .swiper-slide a:after { display: block; content: ''; position: absolute; inset: 0; border-radius: 20px; border: 3px solid var(--c-accent); box-shadow: inset 0 0 0 2px #fff; opacity: 0; transition: opacity 0.1s; } .product__gallery-thumbs .swiper-slide a._active { cursor: default; } .product__gallery-thumbs .swiper-slide a._active:after { opacity: 1; } .product__gallery-thumbs .swiper-slide a._video:before { display: block; content: ''; width: 17px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='22' fill='none' viewBox='0 0 17 22'%3E%3Cpath fill='%23fff' d='M15.649 9.36a2 2 0 0 1 0 3.28L3.144 21.364C1.818 22.289 0 21.34 0 19.724V2.276C0 .66 1.818-.289 3.144.636L15.65 9.36Z'/%3E%3C/svg%3E"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -8px; z-index: 1; } .product__gallery-thumbs .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; mix-blend-mode: multiply; } .product__gallery-thumbs-nav { display: flex; align-items: center; justify-content: center; width: 40px; border-radius: 19px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); position: absolute; top: 0; bottom: 0; z-index: 2; cursor: pointer; transition: opacity 0.2s, transform 0.2s; } .product__gallery-thumbs-nav svg { display: block; transition: transform var(--trs-out); } .product__gallery-thumbs-nav:hover svg { transition: transform var(--trs-in); } .product__gallery-thumbs-nav._prev { left: 0; } .product__gallery-thumbs-nav._prev svg { transform: scale(-1, 1); } .product__gallery-thumbs-nav._prev:hover svg { transform: translateX(-3px) scale(-1, 1); } .product__gallery-thumbs-nav._next { right: 0; } .product__gallery-thumbs-nav._next:hover svg { transform: translateX(3px); } .product__gallery-thumbs-nav._disabled { pointer-events: none; opacity: 0; transform: translateX(-10px); } .product__gallery-thumbs-nav._disabled._next { transform: translateX(10px); } @media (max-width: 1000px) { .product__gallery { display: none; } } .product__gallery-mobile { display: none; aspect-ratio: 1; position: relative; margin-bottom: 36px; } @media (max-width: 1000px) { .product__gallery-mobile { display: block; } .product__gallery-mobile .slider-pagination { position: absolute; top: 100%; left: 0; right: 0; } } @media (max-width: 760px) { .product__gallery-mobile { margin-left: -50px; margin-right: -50px; } } @media (max-width: 760px) and (max-width: 1400px) { .product__gallery-mobile { margin-left: -40px; margin-right: -40px; } } @media (max-width: 760px) and (max-width: 1024px) { .product__gallery-mobile { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) and (max-width: 760px) { .product__gallery-mobile { margin-left: -24px; margin-right: -24px; } } .product__header { margin: 0 0 30px 0; display: flex; align-items: start; justify-content: space-between; gap: 20px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .product__header { font-size: 16px; } } @media (max-width: 760px) { .product__header { font-size: 14px; } } .product__header-rating { display: flex; gap: 4px; } @media (max-width: 1600px) { .product__header { margin-bottom: 20px; } } @media (max-width: 1000px) { .product__header { margin-bottom: 15px; } } .product__specs { margin: 0 0 25px 0; } .product__specs-label { margin: 0 0 12px 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .product__specs-label { font-size: 16px; } } @media (max-width: 760px) { .product__specs-label { font-size: 14px; } } .product__specs-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 12px; } .product__specs-item { cursor: pointer; display: block; width: 84px; } .product__specs-item-all { display: flex; align-self: flex-start; align-items: center; justify-content: center; width: 84px; aspect-ratio: 1; background: #FFFFFF; border-radius: 20px; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; font-weight: 500; color: var(--c-accent); } .product__specs-item-all:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .product__specs-item-all:hover { color: var(--c-link); } .notouch .product__specs-item-all:hover { background: var(--c-accent); color: var(--c-accent-text); } .product__specs-item-icon { width: 100%; aspect-ratio: 1; background: rgba(255, 255, 255, 0.6); border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 12px; font-size: 20px; line-height: 1; font-weight: 700; position: relative; } .product__specs-item-icon:after { display: block; content: ''; position: absolute; inset: 0; border: 3px solid var(--c-brand); border-radius: 20px; opacity: 0; transition: opacity var(--trs-in); } .product__specs-item._active { cursor: default; } .product__specs-item._active .product__specs-item-icon:after { opacity: 1; } .product__specs-item:has(img) .product__specs-item-icon { display: block; padding: 0; } .product__specs-item:has(img) .product__specs-item-icon:after { box-shadow: inset 0 0 0 2px #fff; } .product__specs-item img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .product__specs-item-label { display: block; margin: 8px 0 0 0; text-align: center; font-size: 15px; line-height: 1.4; font-weight: 400; overflow: hidden; text-overflow: ellipsis; } .product__specs-item._disabled .product__specs-item-icon { color: var(--c-text-grey); position: relative; } .product__specs-item._disabled .product__specs-item-icon:before { display: block; content: ''; width: 1px; position: absolute; top: -8px; left: 50%; bottom: -8px; background: var(--c-grey); transform: rotate(45deg); } @media (max-width: 1000px) { .product__specs-item._disabled .product__specs-item-icon:before { top: -6px; bottom: -6px; } } .product__specs-item._disabled .product__specs-item-icon img { opacity: 0.5; } @media (max-width: 1000px) { .product__specs { margin-bottom: 10px; } .product__specs-list { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: auto; flex-wrap: nowrap; padding-bottom: 10px; } .product__specs-item { width: 74px; } .product__specs-item-icon { font-size: 16px; } } @media (max-width: 1000px) and (max-width: 1400px) { .product__specs-list { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .product__specs-list { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .product__specs-list { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .product__specs-list { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .product__specs-list { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .product__specs-list { margin-left: -24px; margin-right: -24px; } } .product__buy { --p: 30px; border-radius: var(--p); background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); overflow: hidden; } @media (min-width: 1001px) { .product__buy { position: sticky; top: var(--buy-top); z-index: 1; } } @media (max-width: 1000px) { .product__buy { --p: 25px; margin: 0 -12px; } } .product__buy._no-sticky { position: static; } .product__buy._fixed .product__buy-availability { height: 0; } .product__buy-spacer { height: 0; width: 100%; } .product__buy-body { padding: var(--p); } @media (max-width: 1000px) { .product__buy-body { padding-bottom: 15px; } } .product__buy-availability { position: relative; overflow: hidden; transition: height 0.3s linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1); } .product__buy-availability-section { padding: var(--p); position: relative; } .product__buy-availability-section:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--c-sep); } .product__buy-availability-list { display: flex; flex-direction: column; gap: 14px; } .product__buy-availability-list-item._hidden { display: none; } .product__buy-availability-list-item-body { display: flex; align-items: center; gap: 16px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .product__buy-availability-list-item-body { font-size: 16px; } } @media (max-width: 760px) { .product__buy-availability-list-item-body { font-size: 14px; } } .product__buy-availability-list-item-sep { flex: 1 1 auto; height: 1px; background: var(--c-sep); } .product__buy-availability-list-item-amount { display: flex; align-items: center; gap: 6px; --amount-main: var(--c-green); --amount-secondary: var(--c-green); color: var(--amount-main); } .product__buy-availability-list-item-amount span { width: 6px; height: 6px; border-radius: 6px; background: var(--amount-secondary); } .product__buy-availability-list-item-amount span._active { background: var(--amount-main); } .product__buy-availability-list-item-amount._notalot { --amount-main: var(--c-brand); --amount-secondary: var(--c-brand-light); } .product__buy-availability-list-item-label { margin: 2px 0 0 0; } @media (max-width: 1000px) { .product__buy-availability-list { gap: 12px; } } .product__buy-availability-all { color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; font-size: 18px; line-height: 1.4; font-weight: 500; display: flex; gap: 6px; align-items: center; --c-link: var(--c-accent); } .product__buy-availability-all:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .product__buy-availability-all:hover { color: var(--c-link); } @media (max-width: 1400px) { .product__buy-availability-all { font-size: 16px; } } @media (max-width: 760px) { .product__buy-availability-all { font-size: 14px; } } .product__buy-availability-all svg { display: block; } .product__buy-availability-all._visible svg { transform: rotate(180deg); } .product__buy-delivery-city { font-size: 18px; line-height: 1.4; margin: 0 0 16px 0; } @media (max-width: 1400px) { .product__buy-delivery-city { font-size: 16px; } } @media (max-width: 760px) { .product__buy-delivery-city { font-size: 14px; } } .product__buy-delivery-city-link { color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; --c-link: var(--c-accent); --c-link-hover: var(--c-base); } .product__buy-delivery-city-link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .product__buy-delivery-city-link:hover { color: var(--c-link); } .product__buy-delivery-dates { display: flex; flex-wrap: wrap; gap: 20px 30px; } .product__buy-delivery-dates-item { margin: 0; } .product__buy-delivery-dates-item-sep { display: none; } .product__buy-delivery-dates-item-value { display: block; margin: 2px 0 0 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .product__buy-delivery-dates-item-value { font-size: 16px; } } @media (max-width: 760px) { .product__buy-delivery-dates-item-value { font-size: 14px; } } @media (max-width: 760px) { .product__buy-delivery-dates { flex-direction: column; gap: 12px; } .product__buy-delivery-dates-item { display: flex; align-items: flex-start; gap: 8px; } .product__buy-delivery-dates-item-sep { display: block; flex: 1 1 auto; height: 1px; margin-top: 0.5lh; background: var(--c-sep); } .product__buy-delivery-dates-item-value { margin: 0; } } .product__buy-delivery-express { margin: 25px 0 0 0; font-size: 18px; line-height: 1.4; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; background: var(--c-purple-light); border-radius: 20px; } @media (max-width: 1400px) { .product__buy-delivery-express { font-size: 16px; } } @media (max-width: 760px) { .product__buy-delivery-express { font-size: 14px; } } .product__buy-delivery-express:before { display: block; content: ''; width: 0.92lh; height: 0.92lh; background: url(/local/templates/hollyshop/css/../img/icons/express.svg) 50% 50% no-repeat; background-size: contain; } @media (max-width: 760px) { .product__buy-delivery-express { margin-top: 21px; gap: 3px; padding: 6px 20px; font-size: 12px; line-height: 20px; } } .product__buy-availability-section:last-child .product__buy-delivery-express { margin-bottom: calc(var(--p) * -1); margin-left: calc(var(--p) * -1); margin-right: calc(var(--p) * -1); border-radius: 0; } @media (max-width: 760px) { .product__buy-availability-section:last-child .product__buy-delivery-express { padding: 10px 20px; } } .product__buy-price { margin: 0 0 8px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 8px; } @media (max-width: 1000px) { .product__buy-price { margin-bottom: 2px; } } .product__buy-price-item { display: flex; flex-wrap: wrap; align-items: flex-start; align-items: center; gap: 0 12px; } .product__buy-price-item:has(.product__buy-price-item-full) { color: var(--c-accent); } .product__buy-price-item-last { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .product__buy-price-item-last { font-size: 2.6vw; } } @media (max-width: 760px) { .product__buy-price-item-last { font-size: 24px; } } .product__buy-price-item-full { font-size: 24px; line-height: 1.1; font-weight: 500; color: var(--c-brand); margin-top: 0.2lh; opacity: 0.4; } .product__buy-price-item-discount { padding: 5px 10px; background: #E4467E; border-radius: 28px; color: #fff; font-weight: bold; line-height: 24px; } @media (max-width: 1000px) { .product__buy-price-item { gap: 0 6px; } .product__buy-price-item-full { font-size: 15px; } .product__buy-price-item-discount { font-size: 12px; line-height: 16px; padding: 3px 7px; } } .product__buy-installments { margin: 0 0 8px 0; } @media (max-width: 760px) { .product__buy-installments { margin-bottom: 0; } } .product__buy-installments-link { all: unset; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; } .product__buy-installments-link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .product__buy-installments-link:hover { color: var(--c-link); } @media (max-width: 1400px) { .product__buy-installments-link { font-size: 16px; } } @media (max-width: 760px) { .product__buy-installments-link { font-size: 14px; } } .product__buy-installments-link svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .product__buy-installments-link path[fill] { fill: currentColor; transition: fill var(--trs-out); } .product__buy-installments-link path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .product__buy-installments-link:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .product__buy-installments-link:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .product__buy-installments-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; } @media (max-width: 1400px) { .product__buy-installments-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .product__buy-installments-heading { font-size: 24px; } } .product__buy-installments-list { margin-bottom: 35px; } .product__buy-installments-copy { margin: 0 0 25px 0; font-size: 18px; line-height: 1.4; text-wrap: balance; } @media (max-width: 1400px) { .product__buy-installments-copy { font-size: 16px; } } @media (max-width: 760px) { .product__buy-installments-copy { font-size: 14px; } } .product__buy-installments-more { margin: 0; } .product__buy-installments-more .btn { width: 100%; } @media (max-width: 1000px) { .product__buy-installments-list { margin-bottom: 24px; } .product__buy-installments-copy { margin-bottom: 24px; } } .product__buy-sold-out { margin: 12px 0 -4px 0; font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .product__buy-sold-out { font-size: 16px; } } @media (max-width: 760px) { .product__buy-sold-out { font-size: 14px; } } .product__buy-controls { margin: 24px 0 0 0; display: flex; gap: 10px; } .product__buy-controls-btn { flex: 1 1 auto; } .product__buy-controls-btn .btn { display: block; width: 100%; } .product__buy-controls-btn .btn span { display: none; } .product__buy-controls-fav-btn { position: relative; gap: 8px; min-height: 100%; } .product__buy-controls-fav-btn-icon { display: block; flex-shrink: 0; width: auto; height: auto; } .product__buy-controls-fav-btn-icon:after { display: block; content: ''; position: absolute; inset: 0; } .product__buy-controls-fav-btn-icon svg { margin: -2px 0; } .product__buy-controls-fav-btn-icon:active { transform: none; } .notouch .product__buy-controls-fav-btn:hover .product__buy-controls-fav-btn-icon._active path { fill: #fff; stroke: #fff; } @media (max-width: 1600px) { .product__buy-controls-fav-btn-text { display: none; } } .product__buy-controls-cart { flex: 1 1 auto; display: none; gap: 10px; } .product__buy-controls-cart-btn { flex: 1 1 auto; width: max-content; } .product__buy-controls-cart-qnt { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 179px; background: var(--c-bg-grey); border-radius: 20px; font-size: 18px; line-height: 1.4; font-weight: 500; position: relative; } @media (max-width: 1400px) { .product__buy-controls-cart-qnt { font-size: 16px; } } @media (max-width: 760px) { .product__buy-controls-cart-qnt { font-size: 14px; } } .product__buy-controls-cart-qnt-btn { all: unset; display: flex; align-items: center; justify-content: center; width: 46%; height: 100%; position: absolute; top: 0; cursor: pointer; } .product__buy-controls-cart-qnt-btn svg { display: block; } .product__buy-controls-cart-qnt-btn path { fill: var(--c-base); transition: fill var(--trs-out); } .product__buy-controls-cart-qnt-btn:hover path { fill: var(--c-link-hover); transition: fill var(--trs-in); } .product__buy-controls-cart-qnt-btn._less { left: 0; } .product__buy-controls-cart-qnt-btn._more { right: 0; } .product__buy-controls._cart .product__buy-controls-btn { display: none; } .product__buy-controls._cart .product__buy-controls-cart { display: flex; } .product__buy-controls._cart .product__buy-controls-fav-btn-text { display: none; } @media (max-width: 1000px) { .product__buy-controls { position: fixed; bottom: 72px; left: 16px; right: 16px; z-index: 21; border-bottom: 1px solid var(--c-sep); padding: 0 4px 3px 4px; gap: 4px; transition: opacity 0.2s, transform 0.2s; } .product__buy-controls-fav-btn { width: 56px; } .product__buy-controls-cart { gap: 4px; } .product__buy-controls-cart-qnt { border-radius: 14px; width: 120px; } .product__buy-controls .btn { border-radius: 14px; } ._mobile-nav-show .product__buy-controls { opacity: 0; transform: translateY(10px); pointer-events: none; } } @media (max-width: 1000px) { .product__buy .product__buy-controls .btn { border-radius: 14px; } .product__buy .product__buy-controls .product__buy-qnt { border-radius: 14px; } } .product__sold-out-more { margin: 40px 0 0 0; position: relative; z-index: 0; } .product__sold-out-more .section__header { margin-bottom: 30px; } .product__sold-out-more .section__header-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .product__sold-out-more .section__header-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .product__sold-out-more .section__header-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .product__sold-out-more .section__header-nav { display: none; } .product__sold-out-more .catalog-slider .swiper-slide { width: 232px; } .product__brand { margin-bottom: var(--gap); position: relative; border: 1px solid var(--c-grey-bd2); border-radius: 30px; padding: 20px 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; transition: border-color var(--trs-out); } .product__brand:hover { border-color: var(--c-accent); transition: border-color var(--trs-in); } @media (max-width: 1000px) { .product__brand { padding: 20px; } } .product__brand p { margin: 0; } .product__brand-logo img { display: block; width: auto; height: auto; max-width: 120px; max-height: 80px; } .product__brand-logo a { display: block; display: flex; align-items: center; gap: 20px; } .product__brand-logo a:after { display: block; content: ''; position: absolute; inset: 0; } .product__brand-logo a svg { display: block; } .product__about { margin-bottom: var(--gap); } .product__about-specs { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 14px 0; } .product__about-specs:last-child { margin-bottom: 0; } .product__about-specs em { flex: 0 0 51.5%; font-style: normal; display: flex; gap: 16px; } .product__about-specs em:after { display: block; content: ''; flex: 1 1 auto; height: 1px; margin-top: 0.5lh; background: var(--c-sep); } .product__about-specs strong { flex: 1 1 auto; font-weight: 400; } .product__about-descr a { color: var(--c-accent); } .product__about-descr a:hover { opacity: 0.8; } .product__components { margin-bottom: var(--gap); } .product__components-list { margin: 0 -1px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; } .product__components-list-item { flex: 0 0 100px; margin: 0; padding: 0; text-align: center; hyphens: auto; } .product__components-list-item img { display: block; width: 100%; height: auto; aspect-ratio: 1; margin: 0 0 16px 0; border-radius: 20px; object-fit: cover; } .product__components-list-item-label { display: block; margin: 0 -5px; } @media (max-width: 1000px) { .product__components-list { gap: 16px; overflow: auto; padding-bottom: 10px; max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; flex-wrap: nowrap; } .product__components-list-item { flex-basis: 67px; } .product__components-list-item img { border-radius: 18px; margin-bottom: 8px; } .product__components-list-item-label { font-size: 12px; line-height: 15px; } } @media (max-width: 1000px) and (max-width: 1400px) { .product__components-list { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .product__components-list { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .product__components-list { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .product__components-list { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .product__components-list { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .product__components-list { margin-left: -24px; margin-right: -24px; } } .product__video { margin-bottom: var(--gap); } .product__set { --p: 50px; padding: var(--p); border-radius: var(--p); border: 1px solid var(--c-grey-bd2); margin-bottom: var(--gap); } @media (max-width: 1400px) { .product__set { --p: 30px; } } @media (max-width: 760px) { .product__set { padding: 30px 20px 20px 20px; } } .product__set-header { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0 0 20px 0; } .product__set-header h3, .product__set-header p { margin: 0; } .product__set-header p { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .product__set-header p { font-size: 16px; } } @media (max-width: 760px) { .product__set-header p { font-size: 14px; } } @media (max-width: 760px) { .product__set-header { margin-bottom: 24px; gap: 4px 12px; } } .product__set-list { border-bottom: 1px solid var(--c-sep); margin: 0 0 45px 0; } .product__set-item { display: flex; align-items: flex-start; gap: 16px; position: relative; margin-bottom: 25px; } .product__set-item:last-child { margin-bottom: 0; } .product__set-item:last-child .product__set-item-body { border-bottom: 0; } .product__set-item:has(.product__set-item-cta-add) .product__set-item-image, .product__set-item:has(.product__set-item-cta-add) .product__set-item-body { opacity: 0.5; } .product__set-item-cta { position: absolute; top: 0; right: 0; } .product__set-item-cta-add { width: 48px; } .product__set-item-cta-remove { width: 48px; } .product__set-item-image { flex: 0 0 110px; width: auto; height: auto; aspect-ratio: 1; background: var(--c-bg-grey); border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .product__set-item-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .product__set-item-body { flex: 1 1 auto; padding-right: 60px; padding-bottom: 25px; border-bottom: 1px solid var(--c-sep); } .product__set-item-rating { margin: 0 0 10px 0; } .product__set-item-category { margin: 0 0 6px 0; } .product__set-item-heading { margin: 0 0 10px 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .product__set-item-heading { font-size: 16px; } } @media (max-width: 760px) { .product__set-item-heading { font-size: 14px; } } .product__set-item-price { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .product__set-item-price strong { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .product__set-item-price strong { font-size: 16px; } } @media (max-width: 760px) { .product__set-item-price strong { font-size: 14px; } } .product__set-item-price del { opacity: 0.5; color: var(--c-brand); font: var(--font); font-weight: bold; text-decoration: line-through; } .product__set-item-price:has(del) { color: var(--c-brand); } @media (max-width: 760px) { .product__set-item { gap: 16px; margin-bottom: 20px; } .product__set-item-image { flex-basis: 80px; } .product__set-item-body { padding-right: 40px; padding-bottom: 20px; min-width: 0; } .product__set-item-category { margin-bottom: 4px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product__set-item-heading { margin-bottom: 6px; } .product__set-item-cta-add, .product__set-item-cta-remove { width: 34px; height: 29px; } .product__set-item-rating { margin-bottom: 8px; } .product__set-item-price del { font-size: 12px; } } .product__set-buy .product__buy-price-item-last { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; color: var(--c-base); } @media (max-width: 1400px) { .product__set-buy .product__buy-price-item-last { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .product__set-buy .product__buy-price-item-last { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } @media (max-width: 760px) { .product__set-list { margin-bottom: 24px; } } .product__set-buy .product__buy-controls { display: flex; position: static; margin-top: 25px; padding: 0; border: 0; } @media (max-width: 760px) { .product__set-buy .product__buy-controls { margin-top: 16px; } } .product__streams { position: relative; z-index: 0; margin-bottom: var(--gap); } .product__streams .swiper { overflow: visible; } .product__streams .swiper-slide { width: 50%; opacity: 0; transition: opacity 0.3s; pointer-events: none; } .product__streams .swiper-slide.swiper-slide-visible { opacity: 1; pointer-events: auto; } @media (max-width: 760px) { .product__streams .swiper-slide { width: 220px; } } .product__streams-item { position: relative; } .product__streams-item-cover { width: 100%; aspect-ratio: 335 / 500; margin-bottom: 20px; border-radius: 30px; overflow: hidden; position: relative; } .product__streams-item-cover-image { display: block; width: 100%; height: 100%; object-fit: cover; } .product__streams-item-cover-date { position: absolute; top: 20px; left: 20px; max-width: 90%; padding: 6px 12px; background: rgba(0, 0, 0, 0.2); background-blend-mode: darken; backdrop-filter: blur(10px); border-radius: 42px; color: #fff; font-weight: 500; } .product__streams-item-views { margin: 0 0 8px 0; display: flex; align-items: center; gap: 4px; font-size: 18px; line-height: 1.4; font-weight: 500; color: var(--c-accent); } @media (max-width: 1400px) { .product__streams-item-views { font-size: 16px; } } @media (max-width: 760px) { .product__streams-item-views { font-size: 14px; } } .product__streams-item-views:before { display: block; content: ''; width: 0.77lh; height: 0.77lh; margin-top: -0.05lh; background: url(/local/templates/hollyshop/css/../img/icons/views-accent.svg) 50% 50% no-repeat; background-size: contain; } .product__streams-item-name { all: unset; margin: 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .product__streams-item-name { font-size: 16px; } } @media (max-width: 760px) { .product__streams-item-name { font-size: 14px; } } .product__streams-item-name a:after { display: block; content: ''; position: absolute; inset: 0; } @media (max-width: 760px) { .product__streams-item-cover { margin-bottom: 14px; border-radius: 18px; } .product__streams-item-cover-date { padding: 4px 10px 3px; left: 16px; top: 16px; font-size: 12px; } .product__streams-item-views { margin-bottom: 6px; font-size: 12px; } } .product__reviews { min-height: 550px; margin-bottom: var(--gap); } .product__reviews:last-child { margin-bottom: 0; } .product__reviews-header { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: var(--gap); gap: 10px 16px; } .product__reviews-header-heading { margin: 0; } @media (max-width: 760px) { .product__reviews-header { margin-bottom: 20px; } } .product__reviews-body { position: relative; } .product__reviews-stats { position: absolute; top: 0; left: calc(100% + var(--gap) + 30px); bottom: 0; width: calc(100% - 30px); } @media (max-width: 1600px) { .product__reviews-stats { left: calc(100% + var(--gap) + 10px); width: calc(50vw - ((100vw - 1200px) / 2) - 60px - var(--gap)); } } @media (max-width: 1400px) { .product__reviews-stats { left: calc(100% + var(--gap)); width: calc(100% - var(--gap)); } } .product__reviews-stats-box { --p: 30px; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; position: sticky; top: calc(var(--buy-top) + var(--buy-height) + var(--buy-bottom)); } .product__reviews-stats-header { padding: var(--p); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; } .product__reviews-stats-header-rating { display: flex; align-items: flex-end; gap: 4px 12px; } .product__reviews-stats-header-rating strong { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .product__reviews-stats-header-rating strong { font-size: 2.6vw; } } @media (max-width: 760px) { .product__reviews-stats-header-rating strong { font-size: 24px; } } .product__reviews-stats-header-rating strong em { font-style: normal; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .product__reviews-stats-header-rating strong em { font-size: 16px; } } @media (max-width: 760px) { .product__reviews-stats-header-rating strong em { font-size: 14px; } } .product__reviews-stats-header-rating span { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); margin-bottom: 2px; } @media (max-width: 1400px) { .product__reviews-stats-header-rating span { font-size: 16px; } } @media (max-width: 760px) { .product__reviews-stats-header-rating span { font-size: 14px; } } .product__reviews-stats-header-stars .rating-stars { --size: 30px; } .product__reviews-stats-body { padding: var(--p); border-top: 1px solid var(--c-sep); } .product__reviews-stats-item { display: flex; align-items: center; gap: 8px; padding: 8px 0; } .product__reviews-stats-item-rating { flex-shrink: 0; min-width: calc(1ch + 17px); font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .product__reviews-stats-item-rating { font-size: 16px; } } @media (max-width: 760px) { .product__reviews-stats-item-rating { font-size: 14px; } } .product__reviews-stats-item-rating:before { width: 13px; height: 13px; } .product__reviews-stats-item-bar { flex: 1 1 auto; position: relative; height: 6px; border-radius: 6px; background: var(--c-brand-light); } .product__reviews-stats-item-bar-line { display: block; width: var(--width, 0); height: 100%; border-radius: 6px; background: var(--c-brand); } .product__reviews-stats-item-amount { width: 2em; font-size: 18px; line-height: 1.4; text-align: center; color: var(--c-text-grey); } @media (max-width: 1400px) { .product__reviews-stats-item-amount { font-size: 16px; } } @media (max-width: 760px) { .product__reviews-stats-item-amount { font-size: 14px; } } .product__reviews-stats-hint { margin: 18px 0 0 0; color: var(--c-text-grey); max-width: 28em; } .product__reviews-stats-cta { margin: 18px 0 0 0; } .product__reviews-stats-cta .btn { width: 100%; } @media (max-width: 1000px) { .product__reviews-body { display: flex; flex-direction: column; } .product__reviews-stats { order: 1; position: static; width: auto; margin-bottom: 60px; } .product__reviews-stats-box { --p: 20px; } .product__reviews-stats-hint { font-size: 12px; } .product__reviews-stats-item { padding: 6px 0; } .product__reviews-stats-item-bar { height: 4px; } .product__reviews-stats-header-stars .rating-stars { --size: 26px; } .product__reviews .reviews { order: 2; } } .product__help { margin-bottom: var(--mb); position: relative; background: var(--c-brand) url(/local/templates/hollyshop/css/../img/product/help.jpg) 0 0 no-repeat; background-size: cover; border-radius: 50px; --p: 50px; color: #fff; --c-link: #fff; --c-link-hover: #fff; display: flex; } .product__help-header { flex: 0 0 410px; } .product__help-header-heading { margin: 0; padding: var(--p); } .product__help-header-info { border-top: 1px solid #fff; padding: var(--p); } .product__help-header-info-heading { font-size: 18px; line-height: 1.4; margin: 0 0 12px 0; } @media (max-width: 1400px) { .product__help-header-info-heading { font-size: 16px; } } @media (max-width: 760px) { .product__help-header-info-heading { font-size: 14px; } } .product__help-header-info-experts { display: flex; flex-wrap: wrap; } .product__help-header-info-experts img { flex-shrink: 0; display: block; position: relative; width: 56px; height: 56px; object-fit: cover; border-radius: 20px; margin-left: -8px; } .product__help-header-info-experts img:first-child { margin-left: 0; } .product__help-header > .product__help-header-info-experts { display: none; } .product__help-header-cta { display: none; } .product__help-body { border-left: 1px solid #fff; padding: calc(var(--p) + 15px) var(--p); } .product__help-body-heading { font-size: 18px; line-height: 1.4; font-weight: 700; margin: 0 0 20px 0; } @media (max-width: 1400px) { .product__help-body-heading { font-size: 16px; } } @media (max-width: 760px) { .product__help-body-heading { font-size: 14px; } } .product__help-body-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; } .product__help-body-list li { margin: 0; padding: 0; } .product__help-body-list li:before { display: none; } .product__help-body-list li { margin: 0; padding: 0; } @media (max-width: 1500px) and (min-width: 1101px) { .product__help-body-list li { display: none; } .product__help-body-list li:nth-child(1), .product__help-body-list li:nth-child(2), .product__help-body-list li:nth-child(3), .product__help-body-list li:nth-child(4), .product__help-body-list li:nth-child(5) { display: block; } .product__help-body-list li:has(.product__help-body-list-item._more) { display: block; } } @media (max-width: 1100px) { .product__help-body-list li { display: none; } .product__help-body-list li:nth-child(1), .product__help-body-list li:nth-child(2), .product__help-body-list li:nth-child(3) { display: block; } .product__help-body-list li:has(.product__help-body-list-item._more) { display: block; } } .product__help-body-list-item { display: block; padding: 16px 20px; border-radius: 20px; font-size: 18px; line-height: 1.4; background: #fff; --c-link: var(--c-base); --c-link-hover: var(--c-accent); } @media (max-width: 1400px) { .product__help-body-list-item { font-size: 16px; } } @media (max-width: 760px) { .product__help-body-list-item { font-size: 14px; } } .product__help-body-list-item._more { --c-link: var(--c-accent); display: block !important; } @media (max-width: 1400px) { .product__help { --p: 30px; border-radius: 30px; } .product__help-header { flex-basis: 33%; } } @media (max-width: 760px) { .product__help { margin-bottom: 60px; --p: 25px; display: block; padding: var(--p); background-image: url(/local/templates/hollyshop/css/../img/product/help-m.jpg); background-position: 100% 0; } .product__help-body { display: none; } .product__help-header-heading { padding: 0; margin: 0 0 10px 0; } .product__help-header-info { padding: 0; border: 0; } .product__help-header-info-heading { margin: 0 0 20px 0; } .product__help-header-info-experts { display: none; } .product__help-header > .product__help-header-info-experts { display: flex; margin: 0 0 20px 0; } .product__help-header-cta { display: block; } .product__help-header-cta .btn { width: 100%; } } .product__notification { position: fixed; top: 83px; right: 43px; z-index: 25; width: calc(100% - 32px); max-width: 487px; padding: 15px 20px 15px 15px; background: #fff; border-radius: 24px 0 24px 24px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); display: flex; gap: 20px; --h: 72px; cursor: pointer; -webkit-tap-highlight-color: transparent; transform: translateY(calc(-100% - 90px)); transition: transform 0.4s linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1); } .product__notification-image { flex-shrink: 0; width: var(--h); height: var(--h); background: var(--c-bg-grey); border-radius: 10px; } .product__notification-image img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; } .product__notification-body { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: 4px; min-height: var(--h); } .product__notification-heading { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .product__notification-heading { font-size: 16px; } } @media (max-width: 760px) { .product__notification-heading { font-size: 14px; } } .product__notification-copy { color: var(--c-text-grey); } .product__notification-close { position: absolute; top: 10px; right: 10px; } .product__notification-close path { fill: var(--c-base); transition: fill var(--trs-out); } .notouch .product__notification:hover .product__notification-close path { fill: var(--c-accent); transition: fill var(--trs-in); } .product__notification._show { transform: translateY(0); } @media (max-width: 1000px) { .product__notification { top: auto; left: 16px; right: 16px; bottom: 145px; z-index: 9; max-width: none; width: auto; border-radius: 20px; padding: 10px; gap: 14px; --h: 48px; transform: translateY(calc(100% + 145px)); } .product__notification-body { gap: 2px; } } .product__subscribe-email-popup { --padding: 40px; } .product__subscribe-email-popup .popup__inner { max-width: 600px; } .product__subscribe-email-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; } @media (max-width: 1400px) { .product__subscribe-email-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .product__subscribe-email-heading { font-size: 24px; } } .product__subscribe-email-cta { margin: 0; } .product__subscribe-email-cta .btn { width: 100%; } .product__subscribe-email .form__input-error-message { position: static; } @media (max-width: 760px) { .product__subscribe-email-popup { --padding: 24px; } .product__subscribe-email-heading { margin-bottom: 12px; } .product__subscribe-email-copy { margin-bottom: 25px; } .product__subscribe-email .form__item { margin-bottom: 12px; } } .reviews-page__header { margin-top: calc((var(--header-height) + var(--top-mb) + var(--top-message-height)) * -1); padding-top: calc(var(--header-height) + var(--top-mb) + var(--top-message-height)); padding-bottom: 50px; margin-bottom: 125px; position: relative; } .reviews-page__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .reviews-page__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .reviews-page__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .reviews-page__header-inner { padding-left: 24px; padding-right: 24px; } } .reviews-page__header .pathBar { margin: 0 0 20px 0; } .reviews-page__header-back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; overflow: hidden; border-radius: 0px 0px 50px 50px; will-change: transform; } .reviews-page__header-back:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(250px); } .reviews-page__header-back-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #F1F3F6; } @media (max-width: 1000px) { .reviews-page__header-back { border-radius: 0 0 30px 30px; } } @media (max-width: 760px) { .reviews-page__header { padding-bottom: 12px; margin-bottom: 30px; } .reviews-page__header-inner { display: flex; flex-direction: column; } .reviews-page__header .pathBar { display: none; } .reviews-page__header .reviews-page__back { order: 1; margin: 0 0 19px 0; } .reviews-page__header .reviews-page__heading { order: 2; margin: 0; } .reviews-page__header .reviews-page__product { order: 3; } } .reviews-page__product { margin: 50px 0 -125px 0; padding: 20px 40px 20px 20px; background: #FFFFFF; /* box-light */ box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 3px 40px rgba(17, 17, 17, 0.06); border-radius: 40px; display: flex; align-items: center; gap: 30px; } @media (max-width: 1000px) { .reviews-page__product { padding-right: 20px; } } @media (max-width: 760px) { .reviews-page__product { border-radius: 30px; display: block; margin: 27px -12px 0 -12px; } } .reviews-page__product-card { flex: 1 1 auto; display: flex; align-items: center; gap: 16px; } .reviews-page__product-card-image { flex-shrink: 0; align-self: start; width: 110px; height: auto; aspect-ratio: 1; border-radius: 20px; background: var(--c-bg-grey); } .reviews-page__product-card-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .reviews-page__product-card-body { flex: 1 1 auto; display: flex; align-items: center; gap: 16px; } .reviews-page__product-card-info { flex: 1 1 auto; } .reviews-page__product-card-category { margin: 0 0 6px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .reviews-page__product-card-name { font-size: 18px; line-height: 1.4; font-weight: 500; margin: 0 0 8px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1400px) { .reviews-page__product-card-name { font-size: 16px; } } @media (max-width: 760px) { .reviews-page__product-card-name { font-size: 14px; } } .reviews-page__product-card-price { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; } .reviews-page__product-card-price:has(.reviews-page__product-card-price-full) { color: var(--c-accent); } .reviews-page__product-card-price-last { font-size: 18px; font-weight: 700; } .reviews-page__product-card-price-full { font-weight: 700; color: var(--c-brand); opacity: 0.4; } .reviews-page__product-card-price-discount { margin-top: 4px; padding: 0 4px; background: #E4467E; border-radius: 28px; color: #fff; font-size: 13px; font-weight: bold; line-height: 21px; } @media (max-width: 1000px) { .reviews-page__product-card-price { gap: 0 6px; } .reviews-page__product-card-price-full { font-size: 15px; } .reviews-page__product-card-price-discount { font-size: 12px; line-height: 16px; padding: 3px 7px; } } @media (max-width: 1000px) { .reviews-page__product-card-body { display: block; } .reviews-page__product-card-price { margin: 5px 0 0 0; flex-direction: row; align-items: center; } .reviews-page__product-card-price-discount { margin-top: 0; } } @media (max-width: 760px) { .reviews-page__product-card { margin-bottom: 24px; } .reviews-page__product-card-image { width: 80px; } .reviews-page__product-card-category { font-size: 12px; margin-bottom: 5px; } .reviews-page__product-card-name { margin-bottom: 5px; } .reviews-page__product-card-price-last { font-size: 14px; } .reviews-page__product-card-price-full { font-size: 12px; } .reviews-page__product-card .catalog-card__rating { display: none; } } .reviews-page__product-buy { flex-shrink: 0; } .reviews-page__product-buy .product__buy-controls { display: flex; position: static; margin: 0; padding: 0; border: 0; } .reviews-page { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .reviews-page { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .reviews-page { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .reviews-page { padding-left: 24px; padding-right: 24px; } } .reviews-page__heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; max-width: 880px; margin-bottom: 20px; } @media (max-width: 1400px) { .reviews-page__heading { font-size: 2.6vw; } } @media (max-width: 760px) { .reviews-page__heading { font-size: 24px; } } .reviews-page__back { margin: 0; font-weight: 500; } .reviews-page__back a { width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .reviews-page__back a { font-size: 16px; } } @media (max-width: 760px) { .reviews-page__back a { font-size: 14px; } } .reviews-page__back a svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .reviews-page__back a path[fill] { fill: currentColor; transition: fill var(--trs-out); } .reviews-page__back a path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .reviews-page__back a:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .reviews-page__back a:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .reviews-page__reviews { display: flex; justify-content: space-between; align-items: flex-start; gap: 90px; } .reviews-page__reviews .reviews { flex: 0 0 700px; } .reviews-page__reviews-stats { flex: 1 1 auto; position: sticky; top: 110px; } @media (max-width: 1400px) { .reviews-page__reviews { gap: 90px; } .reviews-page__reviews .reviews { flex-basis: 50%; } } .reviews-page__reviews-sort { margin: 0 0 40px 0; } .reviews-page__reviews-sort .switch-list__btn-label { font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .reviews-page__reviews-sort .switch-list__btn-label { font-size: 16px; } } @media (max-width: 760px) { .reviews-page__reviews-sort .switch-list__btn-label { font-size: 14px; } } @media (max-width: 1400px) { .reviews-page__reviews { gap: 40px; } .reviews-page__reviews .reviews { flex-basis: 50%; } } @media (max-width: 1000px) { .reviews-page__reviews { flex-direction: column; gap: 40px; } .reviews-page__reviews .reviews { order: 2; width: 100%; flex-basis: auto; } .reviews-page__reviews-stats { order: 1; width: 100%; position: static; } .reviews-page__reviews-sort { margin-bottom: 25px; } } .cart__qnt { display: flex; align-items: center; justify-content: space-between; background: var(--c-bg-grey); border-radius: 20px; } .cart__qnt-btn { all: unset; padding: 16px 14px; cursor: pointer; } .cart__qnt-btn svg { display: block; transition: fill var(--trs-out); } .notouch .cart__qnt-btn:hover svg { fill: var(--c-accent); transition: fill var(--trs-in); } .cart__qnt-label { font-size: 15px; line-height: 20px; font-weight: 500; white-space: nowrap; } .cart { border-bottom: 1px solid var(--c-sep); } .cart__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; align-items: stretch; justify-content: space-between; margin-top: calc(var(--top-mb) * -1); } @media (max-width: 1400px) { .cart__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .cart__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .cart__body { padding-left: 24px; padding-right: 24px; } } .cart__main { min-width: 0; flex: 1 1 auto; border-right: 1px solid var(--c-sep); padding: 60px 40px 60px 0; } .cart__side { flex: 0 0 460px; padding: 40px 0 60px 40px; min-width: 0; } .cart__side-inner { min-height: 100%; position: relative; display: flex; flex-direction: column; gap: 20px; } @media (max-width: 1300px) { .cart__side { flex-basis: 400px; } } @media (max-width: 1000px) { .cart { border-bottom: 0; } .cart__body { display: block; } .cart__main { border-right: 0; padding: 0; padding-top: 56px; margin-bottom: 60px; } .cart__side { padding: 0; } .cart__side-inner { gap: 15px; } } .cart__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; } @media (max-width: 1400px) { .cart__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .cart__heading { margin-bottom: 25px; font-size: 36px; } } .cart__controls { margin: 0 0 20px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; } .cart__controls-info { flex: 1 1 auto; font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .cart__controls-info { font-size: 16px; } } @media (max-width: 760px) { .cart__controls-info { font-size: 14px; } } .cart__controls-item { flex: 0 0 auto; } .cart__clear { all: unset; --c-link: var(--c-text-grey); color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; display: flex; gap: 6px; font-weight: 500; } .cart__clear:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .cart__clear:hover { color: var(--c-link); } .cart__clear path[fill] { fill: currentColor; transition: fill var(--trs-out); } .cart__clear path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .cart__clear:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .cart__clear:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .cart__share .share__btn { font-size: 15px; cursor: pointer; } .cart__free-delivery { margin: 0 0 40px 0; } .cart__free-delivery-bar { height: 4px; margin: 0 0 11px 0; border-radius: 6px; background: var(--c-brand-light); } .cart__free-delivery-bar-line { width: auto; height: 100%; border-radius: 6px; background: var(--c-brand); } .cart__free-delivery-copy { font-weight: 500; color: var(--c-brand); } @media (max-width: 760px) { .cart__heading { margin-bottom: 20px; } .cart__controls { margin-bottom: 10px; gap: 4px; } .cart .cart__clear, .cart .share__btn { all: unset; display: flex; align-items: center; justify-content: center; width: 32px; height: 24px; border-radius: 20px; background: var(--c-bg-grey); cursor: pointer; } .cart .cart__clear-label, .cart .share__btn-label { display: none; } .cart .cart__clear svg, .cart .share__btn svg { display: block; width: 16px; height: 16px; } .cart__free-delivery { margin: 0 0 30px 0; position: relative; } .cart__free-delivery-copy { padding: 5px 8px 3px 8px; font-size: 12px; line-height: 15px; position: relative; z-index: 1; } .cart__free-delivery-bar { height: 100%; position: absolute; top: 0; left: 0; right: 0; border-radius: 20px; } .cart__free-delivery-bar-line { border-radius: 20px; opacity: 0.2; } } .cart__list { margin: 0 0 40px 0; } .cart__list:last-child { margin-bottom: 0; } .cart__item { --size: 140px; padding-left: calc(var(--size) + 25px); position: relative; min-height: var(--size); padding-bottom: 56px; margin-bottom: 40px; display: flex; gap: 40px; } .cart__item:last-child { margin-bottom: 0; } .cart__item-image { width: var(--size); height: auto; aspect-ratio: 1; background: var(--c-bg-grey); overflow: hidden; border-radius: 20px; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .cart__item-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; mix-blend-mode: multiply; } .cart__item-bonus { display: flex; align-items: center; padding: 1px 6px; gap: 2px; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); border-radius: 20px; position: absolute; top: 8px; left: 8px; z-index: 1; font-weight: 500; color: #fff; } .cart__item-bonus:after { display: block; content: ''; width: 16px; height: 16px; background: url(/local/templates/hollyshop/css/../img/icons/bonus-w.svg) 0 0 no-repeat; background-size: contain; } .cart__item-info { min-width: 0; flex: 1 1 auto; } .cart__item-category { margin: 0 0 8px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cart__item-category em { font-style: normal; color: var(--c-accent); } .cart__item-heading { margin: 0 0 8px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .cart__item-heading { font-size: 16px; } } @media (max-width: 760px) { .cart__item-heading { font-size: 14px; } } .cart__item-descr { color: var(--c-text-grey); } .cart__item-qnt { flex: 0 0 137px; } .cart__item-gift { position: absolute; bottom: 0; left: calc(var(--size) + 25px); } .cart__item-price { flex: 0 0 75px; text-align: right; display: flex; flex-direction: column; align-items: flex-end; } .cart__item-price-last { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .cart__item-price-last { font-size: 16px; } } @media (max-width: 760px) { .cart__item-price-last { font-size: 14px; } } .cart__item-price-full { color: var(--c-accent); font-weight: 700; text-decoration: line-through; opacity: 0.4; } .cart__item-price:has(.cart__item-price-full) .cart__item-price-last { color: var(--c-accent); } .cart__item-price-discount { display: inline-block; margin-top: 4px; padding: 4px; font-size: 13px; line-height: 1; font-weight: bold; color: var(--c-accent-text); background: var(--c-accent); border-radius: 20px; } .cart__item-controls { display: flex; gap: 8px; position: absolute; bottom: 0; left: calc(var(--size) + 25px); } .cart__item-controls .btn { width: 68px; height: 40px; position: relative; } .cart__item-controls .btn-fav { width: 20px; height: 20px; } .cart__item-controls .btn-fav:after { display: block; content: ''; position: absolute; inset: 0; } .cart__item-controls .btn-fav svg { opacity: 1; } .cart__item-controls .btn:hover .btn-fav._active path { fill: #fff; } .cart__item-not-available { flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; } .cart__item-not-available .btn { padding: 15px 19px; font-size: 15px; line-height: 20px; } @media (max-width: 1200px) { .cart__item { gap: 20px; padding-left: 96px; --size: 80px; margin-bottom: 32px; } .cart__item-qnt { position: absolute; bottom: 0; left: calc(var(--size) + 16px); display: flex; gap: 8px; } .cart__item-qnt .cart__qnt-btn { padding: 10px 14px; } .cart__item-gift { left: calc(var(--size) + 16px); } .cart__item-controls { position: static; } } @media (max-width: 760px) { .cart__item { margin-bottom: 30px; flex-direction: column; padding-bottom: 0; gap: 0; } .cart__item-image { border-radius: 18px; } .cart__item-price { order: 1; flex-direction: row; align-items: center; gap: 4px; flex: 1 1 auto; margin-bottom: 8px; } .cart__item-price-full { font-size: 12px; font-weight: 600; } .cart__item-price-discount { margin: 0; font-size: 11px; } .cart__item-info { order: 2; margin-bottom: 14px; } .cart__item-category { margin-bottom: 6px; font-size: 12px; } .cart__item-heading { margin-bottom: 6px; } .cart__item-descr { font-size: 12px; } .cart__item-qnt { max-width: 260px; order: 3; position: static; flex: 1 1 auto; flex-wrap: wrap; } .cart__item-qnt .cart__qnt { flex: 1 1 auto; } .cart__item-controls .btn { width: 40px; border-radius: 40px; } .cart__item-bonus { top: 0; left: auto; right: 0; } .cart__item-gift { position: static; order: 3; } .cart__item-not-available { order: 4; max-width: 260px; } .cart__item-not-available .btn { width: 100%; padding: 10px 19px; border-radius: 20px; font-size: 12px; line-height: 20px; } } .cart__item-removed .cart__item-image, .cart__item-removed .cart__qnt, .cart__item-removed .cart__item-price, .cart__item-removed .cart__item-info { opacity: 0.5; } .cart__subheading { margin: 0 0 30px 0; } .cart__not-available { margin: 60px 0 0 0; } .cart__not-available-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; margin: 0 0 40px 0; } .cart__not-available-header-heading { margin: 0; } .cart__not-available-header-remove-btn { all: unset; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-weight: 500; } .cart__not-available-header-remove-btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .cart__not-available-header-remove-btn:hover { color: var(--c-link); } @media (max-width: 1400px) { .cart__not-available-header-remove-btn { font-size: 16px; } } @media (max-width: 760px) { .cart__not-available-header-remove-btn { font-size: 14px; } } .cart__not-available-header-remove-btn svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .cart__not-available-header-remove-btn path[fill] { fill: currentColor; transition: fill var(--trs-out); } .cart__not-available-header-remove-btn path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .cart__not-available-header-remove-btn:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .cart__not-available-header-remove-btn:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .cart__not-available .cart__item-image, .cart__not-available .cart__item-info, .cart__not-available .cart__item-controls { opacity: 0.5; } @media (max-width: 1000px) { .cart__not-available .cart__item-controls { display: none; } .cart__not-available-header-remove-btn { flex-direction: row-reverse; } .cart__not-available-header { margin-bottom: 30px; } } .cart__order { --p: 25px; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; } .cart__order-cta { padding: var(--p); display: flex; flex-direction: column; gap: 15px; } .cart__order-cta .btn { width: 100%; } .cart__order-cta-error { text-align: center; color: var(--c-red); padding: 0 var(--p); } @media (max-width: 1000px) { .cart__order-cta-body._fixed { min-height: 68px; } .cart__order-cta-body._fixed .btn { width: auto; border-radius: 18px; min-height: 0; } .cart__order-cta-body._fixed .cart__order-cta-inner { position: fixed; bottom: 0; left: 15px; right: 15px; z-index: 5; padding-bottom: 15px; } .cart__order-cta-body._fixed .cart__order-cta-inner .btn { z-index: 1; position: relative; } .cart__order-cta-body._fixed .cart__order-cta-inner:before { display: block; content: ''; position: absolute; bottom: 0; top: 0; left: -15px; right: -15px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%); } } .cart__order-list { padding: var(--p); border-top: 1px solid var(--c-sep); } .cart__order-item { display: flex; align-items: flex-end; gap: 12px; margin: 0 0 12px 0; } .cart__order-item:last-child { margin-bottom: 0; } .cart__order-item-key { flex: 1 1 auto; } .cart__order-item-key em { font-style: normal; color: var(--c-text-grey); } .cart__order-item-value { flex: 0 0 auto; } .cart__order-item._total .cart__order-item-key { font-weight: 700; } .cart__order-item._total .cart__order-item-value { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .cart__order-item._total .cart__order-item-value { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .cart__order-item._total .cart__order-item-value { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .cart__order-item ._accent { color: var(--c-accent); } .cart__order-item._coupon { margin-top: 20px; } .cart__order-item._sub .cart__order-item-key { padding-left: 13px; position: relative; } .cart__order-item._sub .cart__order-item-key:before { display: block; content: ''; width: 8px; height: 24px; border-left: 1px solid var(--c-sep); border-bottom: 1px solid var(--c-sep); border-radius: 0 0 0 8px; position: absolute; top: -13px; left: 0; } .cart__order-coupon-remove { all: unset; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; font-weight: 500; } .cart__order-coupon-remove:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .cart__order-coupon-remove:hover { color: var(--c-link); } .cart__order-promocode { margin: 20px 0 0 0; position: relative; } .cart__order-promocode .btn { position: absolute; top: 2px; right: 2px; bottom: 2px; width: 52px; height: 52px; padding: 0; border-radius: 18px; opacity: 0; transition: opacity 0.1s; pointer-events: none; } @media (max-width: 760px) { .cart__order-promocode .btn { border-radius: 16px; } } .cart__order-promocode._active .btn { opacity: 1; pointer-events: auto; } .cart__order-promocode._active .form__input { border-color: var(--c-accent); } .cart__order-bonus { padding: var(--p); border-top: 1px solid var(--c-sep); position: relative; color: var(--c-accent); } .cart__order-bonus-pay { display: flex; align-items: center; gap: 10px; } .cart__order-bonus-pay-label { flex: 1 1 auto; } .cart__order-bonus-pay-n { font-weight: 500; display: flex; align-items: center; gap: 4px; } .cart__order-bonus-pay-n:after { display: block; content: ''; width: 16px; height: 16px; background: url(/local/templates/hollyshop/css/../img/icons/bonus.svg) 0 0 no-repeat; background-size: contain; margin-top: -2px; } .cart__order-bonus-error { display: flex; align-items: flex-start; gap: 8px; color: var(--c-red); } .cart__order-bonus-error:before { flex-shrink: 0; display: block; content: ''; width: 22px; height: 22px; background: url(/local/templates/hollyshop/css/../img/icons/order-error.svg) 0 0 no-repeat; background-size: contain; } @media (max-width: 760px) { .cart__order-bonus-error:before { width: 18px; height: 18px; } } @media (max-width: 1000px) { .cart__order { display: flex; flex-direction: column; overflow: hidden; } .cart__order-list { border-top: 0; } .cart__order-cta { order: 5; padding: 0; } .cart__order-cta .btn { border-radius: 0; min-height: 68px; } .cart__order-cta-body { order: 2; } .cart__order-bonus { padding: 20px var(--p); } .cart__order-item._total .cart__order-item-value { font-size: 24px; } } @media (max-width: 1000px) { .page-cart .cart__order { border-radius: 30px 30px 0 0; } .page-cart .cart__order-list { border-top: 0; } .page-cart .cart__order-item { margin-bottom: 10px; } .page-cart .cart__order-item._total .page-cart .cart__order-item-value { font-size: 24px; line-height: 26px; } } @media (min-width: 1001px) { .cart__main-order { padding-top: 122px; } .cart__main-order-cta { --p: 25px; padding: var(--p); display: flex; flex-direction: column; gap: 15px; position: sticky; top: 120px; } .cart__main-order-cta-wrapper { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 2; pointer-events: none; } .cart__main-order-cta-trigger { position: absolute; top: -120px; left: 0; width: 100%; } .cart__main-order-cta-price { display: none; } ._cart-desktop-cta-fixed .cart__main-order-cta { background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; } .cart__main-order-cta .btn { width: 100%; pointer-events: auto; } .cart__main-order-error { text-align: center; color: var(--c-red); padding: 0 var(--p); } } @media (max-width: 1000px) { .cart__main-order-cta-wrapper { margin-top: -15px; } .cart__main-order-cta-price { display: inline; } .cart__main-order-cta-price:before { display: inline; content: '·'; padding: 0 5px; } .cart__main-order-cta .btn { padding: 24px; border-radius: 0 0 30px 30px; display: block; } .cart__main-order-cta .btn svg { display: none; } ._cart-mobile-cta-fixed .cart__main-order-cta { position: fixed; bottom: 72px; left: 16px; right: 16px; z-index: 21; border-bottom: 1px solid var(--c-sep); padding: 0 4px 3px 4px; transition: opacity 0.2s, transform 0.2s; } ._cart-mobile-cta-fixed .cart__main-order-cta .btn { padding: 17px 24px; border-radius: 18px; } } .cart__main-order-cta .btn { width: 100%; } .cart__payplan { padding: 25px; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; } .cart__payplan-label { margin: 0 0 10px 0; } .cart__payplan-list { display: flex; gap: 8px; } .cart__payplan-list-item { flex: 1 1 auto; padding-bottom: 11px; position: relative; color: var(--c-text-grey); } .cart__payplan-list-item:before { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--c-sep); border-radius: 3px; } .cart__payplan-list-item strong { display: block; margin: 2px 0 0 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .cart__payplan-list-item strong { font-size: 16px; } } @media (max-width: 760px) { .cart__payplan-list-item strong { font-size: 14px; } } .cart__payplan-list-item._active { color: var(--c-base); } .cart__payplan-list-item._active:before { background: var(--c-base); } @media (max-width: 760px) { .cart__payplan { padding: 20px; border-radius: 20px; } .cart__payplan-label { margin-bottom: 15px; } .cart__payplan-list-item { padding-bottom: 8px; font-size: 12px; } .cart__payplan-list-item strong { margin-top: 2px; font-size: 14px; } } .cart__coupons .swiper-slide { width: auto; } .cart__coupons-item { width: 190px; min-height: 100%; padding: 12px; color: #fff; background-color: var(--c-accent); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 20px; position: relative; } .cart__coupons-item:after { display: block; content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 52px; background: url(/local/templates/hollyshop/css/../img/icons/coupon-corner.svg) 0 0 no-repeat; border-radius: 0 18px 0 0; } .cart__coupons-item-name { margin: 0; font-weight: 700; padding-right: 20px; } .cart__coupons-item-date { margin: 0; } .cart__coupons-item-cta { margin: 10px 0 0 0; } .cart__coupons-item-cta-btn { all: unset; box-sizing: border-box; display: block; margin: 0; padding: 10px 15px; background: #000; font-size: 15px; line-height: 20px; text-align: center; background: rgba(17, 17, 17, 0.3); backdrop-filter: blur(12px); border-radius: 30px; cursor: pointer; transition: background-color var(--trs-out); --c-link-hover: #fff; } .notouch .cart__coupons-item-cta-btn:hover { background: rgba(17, 17, 17, 0.5); transition: background-color var(--trs-in); } @media (max-width: 1000px) { .cart__coupons { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: hidden; } .cart__coupons .swiper { overflow: visible; } .cart__coupons-item { width: 153px; padding: 12px 14px; font-size: 12px; } .cart__coupons-item-cta { margin: 12px -6px -4px -6px; } .cart__coupons-item-cta-btn { width: 100%; } } @media (max-width: 1000px) and (max-width: 1400px) { .cart__coupons { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .cart__coupons { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .cart__coupons { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .cart__coupons { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .cart__coupons { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .cart__coupons { margin-left: -24px; margin-right: -24px; } } @media (max-width: 1000px) { .page-cart .cart__coupons { order: 1; } .page-cart .cart__order { order: 2; } .page-cart .cart__main-order-cta-wrapper { order: 3; } .page-cart .cart__payplan { order: 4; } } .cart__bottom { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-top: 60px; } @media (max-width: 1400px) { .cart__bottom { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .cart__bottom { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .cart__bottom { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) { .cart__bottom .section__header { margin-bottom: 25px; } .cart__bottom .section__header-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 !important; } } @media (max-width: 1000px) and (max-width: 1400px) { .cart__bottom .section__header-heading { font-size: 4.3vw; } } @media (max-width: 1000px) and (max-width: 760px) { .cart__bottom .section__header-heading { margin-bottom: 25px; font-size: 36px; } } .cart__empty { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: 40px; text-align: center; } @media (max-width: 1400px) { .cart__empty { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .cart__empty { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .cart__empty { padding-left: 24px; padding-right: 24px; } } .cart__empty-icon { width: 190px; margin: 0 auto 30px auto; } .cart__empty-icon img { display: block; width: 100%; height: auto; } .cart__empty-heading { margin: 0 0 16px 0; } .cart__empty-copy { margin: 0 0 30px 0; font-size: 18px; line-height: 1.4; text-wrap: pretty; } @media (max-width: 1400px) { .cart__empty-copy { font-size: 16px; } } @media (max-width: 760px) { .cart__empty-copy { font-size: 14px; } } .cart__empty-cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; } @media (max-width: 760px) { .cart__empty-icon { margin-bottom: 25px; } .cart__empty-heading { margin-bottom: 10px; } .cart__empty-copy { margin-bottom: 25px; } .cart__empty-cta { max-width: 400px; margin: 0 auto; flex-direction: column; } .cart__empty-cta .btn { width: 100%; } } .cart__level { width: 460px; display: flex; flex-direction: column; align-items: stretch; padding: 16px; gap: 8px; position: fixed; bottom: 30px; left: 50%; z-index: 5; margin-left: -230px; background: linear-gradient(90deg, rgba(255, 79, 89, 0.1) 0%, rgba(221, 68, 135, 0.1) 100%); backdrop-filter: blur(40px); border-radius: 20px; font-size: 14px; line-height: 20px; color: var(--c-accent); } .cart__level-current { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; font-weight: 500; } .cart__level-progress { display: flex; align-items: center; gap: 4px; } .cart__level-progress-item { flex: 0 0 auto; padding: 2px 4px 1px 4px; font-size: 12px; line-height: 15px; font-weight: 400; color: #fff; background: rgba(228, 70, 126, 0.2); border-radius: 20px; } .cart__level-progress-item._active { background: var(--c-brand); } .cart__level-progress-bar { flex: 1 1 auto; height: 3px; background: rgba(228, 70, 126, 0.2); border-radius: 3px; } .cart__level-progress-bar-line { width: 0; height: 100%; background: var(--c-brand); border-radius: 3px; } .cart__level-hint { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; font-size: 12px; line-height: 15px; } .cart__level-hint-bonus { opacity: 0.5; } .cart__remove-popup { --padding: 40px; } .cart__remove-popup .popup__inner { max-width: 600px; } .cart__remove-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; } @media (max-width: 1400px) { .cart__remove-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .cart__remove-heading { font-size: 24px; } } .cart__remove-cta { margin: 30px 0 0 0; } .cart__remove-cta .btn { width: 100%; } @media (max-width: 760px) { .cart__remove-popup { --padding: 24px; } .cart__remove-heading { margin-bottom: 12px; } .cart__remove-cta { margin-top: 25px; } } .cart__similar-popup { align-items: stretch; } .cart__similar-popup .popup__inner { max-width: 1166px; } @media (max-width: 1000px) { .cart__similar-popup .popup__body { flex-grow: 1; } } @media (max-width: 760px) { .cart__similar-popup { --padding: 24px; } } .cart__similar-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 30px 0; } @media (max-width: 1400px) { .cart__similar-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .cart__similar-heading { font-size: 24px; } } .cart__similar .catalog__list-item { cursor: pointer; } .cart__similar .catalog__list-item:hover .catalog-card__heading a { color: var(--c-accent); } .cart__similar .catalog-card { pointer-events: none; } .cart__similar .catalog-card .catalog-card__fav { pointer-events: auto; } .cart__similar._throbber { position: static; } @media (max-width: 760px) { .cart__similar-popup { --padding: 24px; } .cart__similar-heading { margin-bottom: 24px; } } .cart__levels { --p: 20px; margin: 0 0 20px 0; background: linear-gradient(90deg, rgba(255, 79, 89, 0.1) 0%, rgba(221, 68, 135, 0.1) 100%); border-radius: 24px; color: var(--c-accent); } .cart__levels-item { padding: var(--p); border-bottom: 1px solid rgba(228, 70, 126, 0.15); } .cart__levels-item:last-child { border-bottom: 0; } .cart__levels-main { display: flex; align-items: center; gap: 8px; font-weight: bold; margin: 0 0 8px 0; } .cart__levels-main-name { flex-shrink: 0; } .cart__levels-main-bar { flex: 1 1 auto; height: 3px; position: relative; } .cart__levels-main-bar:before { display: block; content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); border-radius: 3px; opacity: 0.2; } .cart__levels-main-bar-inner { height: 100%; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); border-radius: 3px; } .cart__levels-main-percentage { flex-shrink: 0; } .cart__levels-hint { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; font-size: 12px; } .cart__levels-hint-bonus { opacity: 0.5; } .cart__levels-bonus { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; } .cart__levels-bonus-value { display: flex; gap: 4px; align-items: center; font-weight: 500; } .cart__levels-bonus-value img { width: 16px; height: 16px; } @media (max-width: 760px) { .cart__levels { border-radius: 18px; --p: 15px; } .cart__levels-main { margin-bottom: 5px; } } @media (max-width: 450px) { .cart__levels-hint-name-hidden { display: none; } } .cart__reg-bonus { margin: 0 0 20px 0; padding: 10px 10px 10px 20px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); border-radius: 50px; color: var(--c-accent); display: flex; align-items: center; justify-content: space-between; gap: 16px; } .cart__reg-bonus-label { display: flex; align-items: center; gap: 10px; } .cart__reg-bonus-label:before { flex-shrink: 0; display: block; content: ''; width: 16px; height: 16px; background: url(/local/templates/hollyshop/css/../img/icons/bonus.svg) 0 0 no-repeat; background-size: contain; } .cart__reg-bonus-btn { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 30px; transition: background-color var(--trs-out); } .cart__reg-bonus-btn svg { display: block; transform: scaleX(-1); } .cart__reg-bonus-btn path { transition: stroke var(--trs-out); } .notouch .cart__reg-bonus:hover .cart__reg-bonus-btn { background: var(--c-accent); transition: background-color var(--trs-in); } .notouch .cart__reg-bonus:hover .cart__reg-bonus-btn path { stroke: #fff; transition: stroke var(--trs-in); } @media (max-width: 1000px) { .cart__reg-bonus { margin: -10px 0 30px 0; } } @media (max-width: 760px) { .cart__reg-bonus { padding: 4px 4px 4px 16px; } .cart__reg-bonus-label { gap: 6px; font-size: 14px; line-height: 18px; } .cart__reg-bonus-btn { width: 40px; height: 40px; } } .page-order .main-wrapper { padding-top: 90px; } .page-order .main-wrapper:before { display: block; content: ''; position: fixed; top: 0; left: 0; right: 0; background: var(--c-bg); height: 50px; z-index: 5; } .page-order .mobile-nav { display: none; } .page-order .mobile-nav__back { display: none; } .page-order .header__order-back { display: flex; align-items: center; gap: 6px; font-weight: 500; --c-link: var(--c-brand); } .page-order .header__order-back svg { display: block; } .page-order .header__top-logo-mini { display: none; } @media (max-width: 1000px) { .page-order .header { box-shadow: none; } .page-order .header__top { padding: 0; } .page-order .header__wrapper { padding: 8px; padding-bottom: 0; } ._header-fixed .page-order .header__wrapper { box-shadow: 0 0 0 1px var(--c-sep); } .page-order .header__top-left { flex: 0 0 auto; order: 1; } .page-order .header__top-right { flex: 0 0 auto; display: flex; order: 3; } .page-order .header__top-logo { display: flex; order: 2; } .page-order .header__top-logo-main { display: none; } .page-order .header__top-logo-mini { display: block; width: 20px; height: auto; } .page-order .header__order-back-label { display: none; } .page-order .header__order-back { width: 56px; display: flex; align-items: center; justify-content: center; } .page-order .header__order-back path { stroke: var(--c-base); } .page-order .header__top-user { width: 56px; display: flex; align-items: center; justify-content: center; } } @media (min-width: 1001px) { .popup_delivery-address { --padding: 40px; } .popup_delivery-address .popup__inner { max-width: 600px; } } .order { --mb: 60px; } .order__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; align-items: flex-start; justify-content: space-between; } @media (max-width: 1400px) { .order__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .order__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .order__body { padding-left: 24px; padding-right: 24px; } } .order__main { flex: 1 1 auto; border-right: 1px solid var(--c-sep); padding: 50px 40px 30px 0; } .order__main-inner { max-width: 700px; } .order__side { flex: 0 0 483px; padding: 40px 0 60px 40px; min-width: 0; position: sticky; top: 90px; display: flex; flex-direction: column; gap: 20px; } .order__side-heading { display: none; } @media (max-width: 1400px) { .order__side { flex-basis: 400px; } } @media (max-width: 1000px) { .order { --mb: 50px; margin-bottom: 50px; } .order__body { display: block; } .order__main { border: 0; padding: 0; } .order__main-inner { max-width: none; } .order__side { position: static; padding: 0; gap: 15px; } .order__side-heading { display: block; margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } } @media (max-width: 1000px) and (max-width: 1400px) { .order__side-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 1000px) and (max-width: 760px) { .order__side-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } @media (max-width: 760px) { .order__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 20px; } } @media (max-width: 760px) and (max-width: 1400px) { .order__heading { font-size: 4.3vw; } } @media (max-width: 760px) and (max-width: 760px) { .order__heading { margin-bottom: 25px; font-size: 36px; } } .order__person { --gap: 20px; margin: 0 0 var(--mb) 0; } .order__person-name { margin: 0 0 var(--gap) 0; display: flex; flex-wrap: wrap; gap: var(--gap); } .order__person-name-item { width: 100%; } .order__person-name-item:nth-child(1), .order__person-name-item:nth-child(2) { width: calc(50% - var(--gap) / 2); } .order__person-contacts { display: flex; gap: var(--gap); } .order__person-phone { flex: 0 0 238px; } .order__person-email { flex: 1 1 auto; } .order__person-callback { margin: 30px 0 0 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__person-callback { font-size: 16px; } } @media (max-width: 760px) { .order__person-callback { font-size: 14px; } } @media (max-width: 760px) { .order__person { --gap: 12px; } .order__person-name-item { width: 100% !important; } .order__person-contacts { flex-wrap: wrap; } .order__person-phone { flex-basis: 100%; } .order__person-callback { margin-top: 20px; } } .order__delivery { margin: 0 0 var(--mb) 0; } .order__delivery-city { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 20px 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__delivery-city { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-city { font-size: 14px; } } .order__delivery-city-btn { all: unset; display: flex; align-items: center; gap: 4px; --c-link: var(--c-accent); color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; font-weight: 500; } .order__delivery-city-btn:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .order__delivery-city-btn:hover { color: var(--c-link); } .order__delivery-hint { margin: 0 0 20px 0; display: flex; flex-direction: row; align-items: center; padding: 10px 12px; gap: 8px; background: var(--c-bg-grey); border-radius: 16px; color: var(--c-text-grey); } .order__delivery-hint:before { display: block; content: ''; width: 18px; height: 18px; background: url(/local/templates/hollyshop/css/../img/icons/order-hint.svg) 50% 50% no-repeat; background-size: contain; } .order__delivery .tabs-big .tabs__header { flex-wrap: nowrap; } .order__delivery .tabs-big .tabs__header-item { flex: 1 1 50%; } .order__delivery-how-list { margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 8px; align-items: stretch; } .order__delivery-how-list-item { padding: 18px 52px 18px 20px; display: flex; align-items: center; gap: 8px; background: var(--c-bg-grey); border-radius: 20px; font-size: 18px; line-height: 1.4; cursor: pointer; position: relative; --trs-out: 0.2s; transition: box-shadow var(--trs-out); } @media (max-width: 1400px) { .order__delivery-how-list-item { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-how-list-item { font-size: 14px; } } .notouch .order__delivery-how-list-item:hover { box-shadow: inset 0 0 0 2px var(--c-accent); transition: box-shadow var(--trs-in); } .order__delivery-how-list-item:after { display: block; content: ''; width: 30px; height: 30px; border-radius: 30px; background: var(--c-accent) url(/local/templates/hollyshop/css/../img/icons/order-how-active.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -15px; right: 20px; opacity: 0; transition: opacity var(--trs-out); } .order__delivery-how-list-item._active { box-shadow: inset 0 0 0 2px var(--c-accent); cursor: default; pointer-events: none; } .order__delivery-how-list-item._active:after { opacity: 1; } .order__delivery-how-list-item-icon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .order__delivery-how-list-item-icon img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } @media (max-width: 1000px) { .order__delivery-how-list { margin-bottom: 15px; } } .order__delivery-cta .btn { width: 100%; gap: 10px; padding-left: 10px; padding-right: 10px; } .order__delivery-cta .btn svg { margin: 0; } .order__delivery-item { --p: 30px; background: var(--c-bg-grey); border-radius: 30px; } .order__delivery-item > *:last-child { border-bottom: 0; } .order__delivery-item._pickup .order__delivery-item-address-body { padding-left: 44px; position: relative; } .order__delivery-item-address { padding: var(--p); border-bottom: 1px solid var(--c-sep); display: flex; justify-content: space-between; gap: 12px; } .order__delivery-item-address-body { display: flex; flex-direction: column; gap: 12px; } .order__delivery-item-address-full { font-size: 18px; line-height: 1.4; margin: 0; } @media (max-width: 1400px) { .order__delivery-item-address-full { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-item-address-full { font-size: 14px; } } .order__delivery-item-address-price { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .order__delivery-item-address-price { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .order__delivery-item-address-price { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .order__delivery-item-address-pickup { margin: 0 0 -8px 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .order__delivery-item-address-pickup { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-item-address-pickup { font-size: 14px; } } .order__delivery-item-address-icon { position: absolute; top: 0; left: 0; width: 32px; height: 32px; } .order__delivery-item-address-icon img { display: block; width: 100%; height: 100%; object-fit: contain; } .order__delivery-item-address-cta { flex-shrink: 0; } .order__delivery-item-address-cta-link { all: unset; display: flex; align-items: center; gap: 6px; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; font-size: 18px; line-height: 1.4; font-weight: 500; } .order__delivery-item-address-cta-link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .order__delivery-item-address-cta-link:hover { color: var(--c-link); } @media (max-width: 1400px) { .order__delivery-item-address-cta-link { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-item-address-cta-link { font-size: 14px; } } .order__delivery-item-address-cta-link *[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .order__delivery-item-address-cta-link:hover *[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .order__delivery-item-time { padding: var(--p); border-bottom: 1px solid var(--c-sep); } .order__delivery-item-time-heading { margin: 0 0 16px 0; font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .order__delivery-item-time-heading { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-item-time-heading { font-size: 14px; } } .order__delivery-item-time-list { margin: 0 0 16px 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; } .order__delivery-item-time-list:last-child { margin-bottom: 0; } .order__delivery-item-time-list li { margin: 0; padding: 0; } .order__delivery-item-time-list-express { display: none; } .order__delivery-item-time-list .radio { display: block; width: 100%; padding: 12px 16px; text-align: center; background: #fff; border-radius: 16px; } .order__delivery-item-time-list .radio strong { display: block; font-size: 18px; line-height: 1.4; font-weight: normal; } @media (max-width: 1400px) { .order__delivery-item-time-list .radio strong { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-item-time-list .radio strong { font-size: 14px; } } .order__delivery-item-time-list .radio em { display: block; font-style: normal; color: var(--c-text-grey); } .order__delivery-item-time-list .radio i { display: none; } .order__delivery-item-time-list .radio.radio-checked { box-shadow: inset 0 0 0 2px var(--c-accent); } .order__delivery-item-express { padding: var(--p); border-bottom: 1px solid var(--c-sep); border-radius: 0 0 30px 30px; display: flex; align-items: center; justify-content: space-between; --c-accent: var(--c-purple); } .order__delivery-item-express-label { display: flex; align-items: center; gap: 8px; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .order__delivery-item-express-label { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-item-express-label { font-size: 14px; } } .order__delivery-item._express { --c-accent: var(--c-purple); } .order__delivery-item._express .radio { transition: none; } .order__delivery-item._express .order__delivery-item-express { background: var(--c-purple-light); } .order__delivery-item._express .order__delivery-item-time-list li { opacity: 0.5; } .order__delivery-item._express .order__delivery-item-time-list-express { display: block; opacity: 1 !important; } @media (max-width: 760px) { .order__delivery-item { --p: 20px; } .order__delivery-item._pickup .order__delivery-item-address-body { padding-left: 0; } .order__delivery-item-address { display: block; } .order__delivery-item-address-body { gap: 4px; } .order__delivery-item-address-pickup { margin: 0; order: 2; } .order__delivery-item-address-full { margin: 0; order: 3; } .order__delivery-item-address-price { margin: 0 30px 4px 0; } .order__delivery-item-address-icon { left: auto; right: 0; width: 24px; height: 24px; } .order__delivery-item-address-cta { margin-top: 8px; } } .order__delivery-address-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; display: flex; align-items: center; gap: 6px; margin-right: 20px; } @media (max-width: 1400px) { .order__delivery-address-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .order__delivery-address-heading { font-size: 24px; } } .order__delivery-address-heading:has(svg) { cursor: pointer; } .order__delivery-address-copy { margin: -9px 0 20px 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__delivery-address-copy { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-address-copy { font-size: 14px; } } .order__delivery-address-controls { margin: 30px 0 0 0; display: flex; flex-direction: column; gap: 12px; } .order__delivery-address-controls .btn { width: 100%; } .order__delivery-address-list { display: flex; flex-direction: column; gap: 12px; } .order__delivery-address-list-item { padding: 20px 54px 20px 20px; border-radius: 24px; box-shadow: inset 0 0 0 1px var(--c-sep); position: relative; } .order__delivery-address-list-item._active { box-shadow: inset 0 0 0 2px var(--c-accent); } .order__delivery-address-list-item-name { margin: 0 0 4px 0; display: flex; align-items: center; gap: 4px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__delivery-address-list-item-name { font-size: 16px; } } @media (max-width: 760px) { .order__delivery-address-list-item-name { font-size: 14px; } } .order__delivery-address-list-item-edit { position: relative; cursor: pointer; } .order__delivery-address-list-item-edit:after { display: block; content: ''; position: absolute; inset: -10px; } .order__delivery-address-list-item-edit svg { display: block; } .order__delivery-address-list-item-edit g { transition: stroke var(--trs-out); } .order__delivery-address-list-item-edit:hover g { stroke: var(--c-accent); transition: stroke var(--trs-in); } .order__delivery-address-list-item-info { display: flex; flex-wrap: wrap; gap: 0 0.4ch; } .order__delivery-address-list-item-info-main { color: var(--c-accent); } .order__delivery-address-list-item-info-main:after { display: inline; content: ' · '; color: var(--c-base); } .order__delivery-address-list-item-remove { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer; } .order__delivery-address-list-item-remove:after { display: block; content: ''; position: absolute; inset: -10px; } .order__delivery-address-list-item-remove svg { display: block; } .order__delivery-address-list-item-remove path { transition: fill var(--trs-out); } .order__delivery-address-list-item-remove:hover path { fill: var(--c-accent); transition: fill var(--trs-in); } .order__delivery-address-new._hidden { display: none; } .order__delivery-address-new .form__input-wrapper { margin-bottom: 20px; } .order__delivery-address-new-double { display: flex; gap: 12px; } .order__delivery-address-new-double .form__input-wrapper { flex: 1 1 50%; } .order__delivery-address-new-save { margin: 20px 0 0 0; } .order__delivery-address-new-save .btn { width: 100%; } @media (max-width: 760px) { .order__delivery-city { margin-bottom: 15px; } .order__delivery-hint { margin-bottom: 15px; font-size: 12px; } .order__delivery-how-list { margin-bottom: 15px; gap: 8px; } .order__delivery-how-list-item { padding: 12px; border-radius: 16px; gap: 8px; } .order__delivery-how-list-item:after { display: none; } .order__delivery-how-list-item-icon { width: 30px; height: 30px; } .order__delivery-address-new .form__input-wrapper { margin-bottom: 12px; } .order__delivery-address-controls { margin-top: 13px; } } .order__list { margin: 40px 0 0 0; } .order__list-items { display: flex; flex-wrap: wrap; gap: 8px; } .order__list-items-item { width: 92px; height: auto; aspect-ratio: 1; background: var(--c-bg-grey); overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; position: relative; } .order__list-items-item._gift { cursor: pointer; } .order__list-items-item._gift:after { display: block; content: ''; position: absolute; top: 6px; left: 6px; width: 30px; height: 30px; overflow: hidden; background: var(--c-accent) url(/local/templates/hollyshop/css/../img/icons/order-gift.svg) 50% 50% no-repeat; border-radius: 30px; text-indent: 110%; } .order__list-items-item img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; mix-blend-mode: multiply; } .order__list-items-item-qnt { position: absolute; top: 6px; left: 6px; width: 30px; height: 30px; background: #fff; border-radius: 30px; text-align: center; font-size: 12px; line-height: 30px; font-weight: 500; } .order__list-show { margin: 20px 0 0 0; } .order__list-show .btn { width: 100%; } .order__list-bonus { margin: 20px 0 0 0; color: var(--c-accent); display: flex; gap: 0.5ch; } .order__list-bonus strong { font-weight: 500; display: flex; align-items: center; gap: 4px; } .order__list-bonus strong:after { display: block; content: ''; width: 16px; height: 16px; background: url(/local/templates/hollyshop/css/../img/icons/bonus.svg) 0 0 no-repeat; background-size: contain; margin-top: -2px; } @media (max-width: 760px) { .order__list { margin-top: 30px; } .order__list-heading { margin-bottom: 20px; } .order__list-items { gap: 4px; } .order__list-items-item { width: 65px; height: 65px; } .order__list-items-item-qnt { width: 24px; height: 24px; font-size: 10px; line-height: 24px; } .order__list-items-item._gift:after { width: 24px; height: 24px; background-size: 14px 14px; } .order__list-show, .order__list-bonus { margin-top: 15px; } } .order__payment { margin: 0 0 var(--mb) 0; } @media (min-width: 761px) { .order__payment-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px 20px; } .order__payment-list-item { flex: 0 0 124px; margin: 0; padding: 0; } .order__payment-item { display: block; width: 100%; padding: 0; } .order__payment-item-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; aspect-ratio: 1; padding: 10px; background: #F7F6F9; box-shadow: inset 0 0 0 1px var(--c-sep); border-radius: 20px; transition: box-shadow var(--trs-in); } .order__payment-item-label { display: block; margin: 12px 0 0 0; text-align: center; transition: color var(--trs-in); } .order__payment-item-label em { display: block; font-style: normal; color: var(--c-text-grey); } .order__payment-item i { display: none; } .order__payment-item.radio-checked .order__payment-item-icon { box-shadow: inset 0 0 0 2px var(--c-accent); } .order__payment-item.radio-checked .order__payment-item-label { color: var(--c-accent); } } @media (max-width: 760px) { .order__payment-list { margin: 0; padding: 0; list-style: none; } .order__payment-list-item { margin: 0 0 8px 0; } .order__payment-list-item:last-child { margin-bottom: 0; } .order__payment-item { display: flex; padding: 16px 16px 16px 52px; position: relative; background: var(--c-bg-grey); border-radius: 16px; transition: box-shadow var(--trs); font-size: 18px; line-height: 1.4; } .order__payment-item i { display: none; } .order__payment-item-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 100%; position: absolute; top: 0; left: 0; } .order__payment-item-icon img { display: block; width: auto; height: auto; max-width: 26px; max-height: 26px; } .order__payment-item em { font-style: normal; color: var(--c-text-grey); margin-left: 6px; } .order__payment-item.radio-checked { box-shadow: inset 0 0 0 2px var(--c-accent); } } @media (max-width: 760px) and (max-width: 1400px) { .order__payment-item { font-size: 16px; } } @media (max-width: 760px) and (max-width: 760px) { .order__payment-item { font-size: 14px; } } .order__comment-item { margin: 0 0 30px 0; } .order__comment-item .form__input { min-height: 200px; } .order__comment-callback { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__comment-callback { font-size: 16px; } } @media (max-width: 760px) { .order__comment-callback { font-size: 14px; } } .order__full-popup .popup__inner { max-width: 820px; } .order__full-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 30px; } @media (max-width: 1400px) { .order__full-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .order__full-heading { font-size: 24px; } } .order__full-list-item { margin: 0 0 30px 0; display: flex; gap: 25px; } .order__full-list-item:last-child { margin-bottom: 0; } .order__full-list-item-image { flex-shrink: 0; width: 140px; aspect-ratio: 1; background: var(--c-bg-grey); border-radius: 20px; } .order__full-list-item-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .order__full-list-item-body { flex: 1 1 auto; min-width: 0; } .order__full-list-item-category { margin: 0 0 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .order__full-list-item-name { margin: 0 0 8px 0; font-size: 18px; line-height: 1.4; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1400px) { .order__full-list-item-name { font-size: 16px; } } @media (max-width: 760px) { .order__full-list-item-name { font-size: 14px; } } .order__full-list-item-info { color: var(--c-text-grey); } .order__full-list-item-price { flex-shrink: 0; text-align: right; } .order__full-list-item-price-item { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .order__full-list-item-price-item { font-size: 16px; } } @media (max-width: 760px) { .order__full-list-item-price-item { font-size: 14px; } } .order__full-list-item-price-full { display: block; font-weight: bold; text-decoration: line-through; color: var(--c-accent); opacity: 0.4; } .order__full-list-item-price:has(.order__full-list-item-price-full) .order__full-list-item-price-item { color: var(--c-accent); } .order__full-list-item-price-discount { display: inline-block; margin-top: 4px; padding: 4px; font-size: 13px; line-height: 1; font-weight: bold; color: var(--c-accent-text); background: var(--c-accent); border-radius: 20px; } @media (max-width: 600px) { .order__full-list-item { min-height: 80px; margin-bottom: 25px; padding-left: 96px; position: relative; flex-direction: column; gap: 8px; } .order__full-list-item-image { position: absolute; top: 0; left: 0; width: 80px; border-radius: 18px; } .order__full-list-item-category { margin-bottom: 6px; font-size: 12px; line-height: 15px; } .order__full-list-item-name { margin-bottom: 6px; } .order__full-list-item-info { font-size: 12px; line-height: 15px; } .order__full-list-item-price { order: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .order__full-list-item-price-full { font-size: 12px; margin-top: 3px; } .order__full-list-item-price-discount { font-size: 11px; padding: 4px 3px; } .order__full-list-item-body { order: 2; } } .order__payplan { box-shadow: none; background: var(--c-bg-grey); margin: calc(var(--mb) / -2) 0 var(--mb) 0; display: none; } .order__map { position: fixed; inset: 0; overflow: hidden; background: var(--c-bg); z-index: 20; display: none; opacity: 0; transform: scale(1.1); --trs-show: 0.3s; transition: opacity var(--trs-show), transform var(--trs-show); } .order__map._show { opacity: 1; transform: scale(1); } .order__map-close { --size: 28px; position: absolute; top: 0; right: 0; padding: var(--size); z-index: 5; cursor: pointer; } .order__map-close-desktop { display: block; width: var(--size); height: var(--size); } .order__map-close-desktop path { fill: var(--c-base); transition: fill var(--trs-out); } .notouch .order__map-close-desktop:hover path { fill: var(--c-accent); transition: fill var(--trs-in); } .order__map-close-mobile { display: none; } .order__map-body { position: absolute; top: 20px; left: 20px; bottom: 20px; z-index: 2; width: calc(100% - 40px); max-width: 460px; padding: var(--p); padding-bottom: 0; --p: 30px; --gap: 24px; background: var(--c-bg); box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: var(--p); display: flex; flex-direction: column; } @media (min-width: 1001px) { .order__map-body { overflow: hidden; } } .order__map-body-switcher { margin-bottom: var(--gap); flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 8px; background: var(--c-brand-light); border-radius: 100px; padding: 6px; } .order__map-body-switcher-item { flex: 1 1 auto; display: block; padding: 12px 16px; color: var(--c-accent); text-align: center; border-radius: 30px; cursor: pointer; } .order__map-body-switcher-item._active { background: #fff; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); border-radius: 100px; cursor: default; } .order__map-body-filters { display: flex; flex-direction: column; gap: 12px; margin-bottom: var(--gap); } .order__map-body-search { flex: 0 0 auto; position: relative; } .order__map-body-search._active { position: fixed; top: 78px; left: 15px; right: 15px; z-index: 5; opacity: 1; transition: opacity 0.2s; } .order__map-body-search:before { display: block; content: ''; position: absolute; top: 50%; left: 20px; margin-top: -11px; width: 22px; height: 22px; background: url(/local/templates/hollyshop/css/../img/icons/order-search.svg) 50% 50% no-repeat; background-size: contain; z-index: 1; pointer-events: none; } .order__map-body-search .form__input { padding-left: 50px; background: #fff; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 3px 40px rgba(17, 17, 17, 0.06); } .order__map-body-list { min-height: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; margin: 0 calc(var(--p) * -1); padding: 0 var(--p); padding-bottom: var(--gap); overflow: auto; } .notouch .order__map-body-list::-webkit-scrollbar { width: 12px; height: 12px; } .notouch .order__map-body-list::-webkit-scrollbar-track { background-color: transparent; } .notouch .order__map-body-list::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .order__map-body-pick { margin: 0 calc(var(--p) * -1); padding: 12px; padding-top: 0; } .order__map-body-pick .btn { width: 100%; } .order__map-point { display: flex; flex-direction: column; padding: 20px; padding-left: 63px; gap: 6px; box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.15); border-radius: 24px; position: relative; cursor: pointer; --trs-out: 0.2s; transition: box-shadow var(--trs-out); } .notouch .order__map-point:hover { box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.5); transition: box-shadow var(--trs-in); } .order__map-point._active { box-shadow: inset 0 0 0 2px var(--c-accent); pointer-events: none; } .order__map-point-icon { width: 32px; height: 32px; position: absolute; top: 20px; left: 20px; } .order__map-point-icon img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } .order__map-point-name { font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .order__map-point-name { font-size: 16px; } } @media (max-width: 760px) { .order__map-point-name { font-size: 14px; } } .order__map-point-address { color: var(--c-text-grey); } .order__map-point-info { font-weight: 500; } .order__map-main { display: block; width: 100%; height: 100%; background: #fcfcf8; position: relative; z-index: 1; } .order__map-search-btn { display: none; } .order__map-switcher { display: none; gap: 4px; padding: 6px; border-radius: 100px; background: var(--c-bg-grey); box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); position: absolute; top: 15px; left: 50%; transform: translateX(-50%); z-index: 6; } @media (max-width: 1000px) { .order__map-switcher { display: flex; } } .order__map-switcher-item { flex: 0 0 auto; display: block; padding: 8px 12px; color: var(--c-base); text-align: center; border-radius: 30px; cursor: pointer; } .order__map-switcher-item._active { background: #fff; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); border-radius: 100px; cursor: default; } @media (max-width: 1000px) { .order__map-close { top: 15px; left: 15px; right: auto; padding: 0; width: 48px; height: 48px; border-radius: 48px; background: #fff; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); display: flex; align-items: center; justify-content: center; } .order__map-close-desktop { display: none; } .order__map-close-mobile { display: block; } .order__map-search-btn { display: block; position: absolute; top: 15px; right: 15px; z-index: 5; width: 48px; height: 48px; border-radius: 48px; background: #fff; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); cursor: pointer; --trs: 0.2s; transition: background-color var(--trs); } .order__map-search-btn._disabled { display: none; } .order__map-search-btn-icon { opacity: 1; transform: scale(1); display: flex; align-items: center; justify-content: center; position: absolute; inset: 0; transition: transform var(--trs), opacity var(--trs); } .order__map-search-btn-close { opacity: 0; transform: scale(0); display: flex; align-items: center; justify-content: center; position: absolute; inset: 0; transition: transform var(--trs), opacity var(--trs); } .order__map-search-btn._active { background: var(--c-accent); } .order__map-search-btn._active .order__map-search-btn-icon { opacity: 0; transform: scale(0); } .order__map-search-btn._active .order__map-search-btn-close { opacity: 1; transform: scale(1); } .order__map-body { inset: 0; border-radius: 0; box-shadow: none; max-width: none; width: auto; padding-top: 78px; --p: 15px; --gap: 20px; --trs: 0.3s; background: transparent; transform: translateY(calc(100% - 211px)); pointer-events: none; transition: background-color var(--trs), transform var(--trs); } .order__map-body-switcher { display: none; padding: 6px; opacity: 0; transition: opacity var(--trs); } .order__map-body-switcher-item { padding: 8px 12px; } .order__map-body-filters { min-height: 124px; display: flex; flex-direction: column; justify-content: flex-end; } .order__map-body-type { pointer-events: auto; } .order__map-body-type .select__label { background: #FFFFFF; box-shadow: 0px 2px 6px rgba(17, 17, 17, 0.1); backdrop-filter: blur(10px); } .order__map-body-type .select__list { top: auto; bottom: 100%; margin-bottom: 10px; } .order__map-body-search { opacity: 0; transition: opacity var(--trs); } .order__map-body-list { gap: 8px; opacity: 0; transition: opacity var(--trs); } .order__map-body._show { background: #fff; transform: translateY(0); pointer-events: auto; } .order__map-body._show .order__map-body-list, .order__map-body._show .order__map-body-search { opacity: 1; } .order__map-body._show .order__map-body-type .select__label { background: var(--c-bg-grey); box-shadow: none; } .order__map-body._show .order__map-body-type .select._open .select__label { box-shadow: 0 0 0 1px var(--c-accent); } .order__map-body._show .order__map-body-type .select__list { top: 100%; bottom: auto; } .order__map-point { padding: 15px 15px 15px 47px; gap: 4px; } .order__map-point-icon { width: 24px; height: 24px; top: 15px; left: 15px; } .order__map-point-address { font-size: 12px; line-height: 15px; } .order__map-point-info { font-size: 12px; line-height: 15px; } } .order__map-popup-desktop { width: 400px; padding: 20px; position: absolute; margin-top: -65px; transform: translate(-50%, -100%); background: #FFFFFF; border-radius: 30px; filter: drop-shadow(0px 0px 2px rgba(17, 17, 17, 0.1)) drop-shadow(0px 12px 72px rgba(17, 17, 17, 0.1)); } .order__map-popup-desktop:after { display: block; content: ''; width: 29px; height: 13px; position: absolute; bottom: -12px; left: 50%; margin-left: -15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='13' fill='none' viewBox='0 0 29 13'%3E%3Cpath fill='%23fff' d='M17.328 11.172a4 4 0 0 1-5.656 0L.5 0h28L17.328 11.172Z'/%3E%3C/svg%3E"); } .order__map-popup-mobile { padding: 20px; position: absolute; bottom: 75px; left: 15px; right: 15px; background: #FFFFFF; border-radius: 30px; filter: drop-shadow(0px 0px 2px rgba(17, 17, 17, 0.1)) drop-shadow(0px 12px 72px rgba(17, 17, 17, 0.1)); } .order__map-popup-mobile-close { position: absolute; top: 0; right: 0; padding: 12px; } .order__map-popup-mobile-close:before { display: block; content: ''; width: 22px; height: 22px; background: url(/local/templates/hollyshop/css/../img/icons/order-card-close.svg) 0 0 no-repeat; } .order__map-card { display: flex; flex-direction: column; gap: 14px; } .order__map-card-name { display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-weight: 700; } .order__map-card-name-icon { width: 32px; height: 32px; } .order__map-card-name-icon img { display: block; width: 100%; height: 100%; object-fit: contain; } @media (max-width: 1400px) { .order__map-card-name { font-size: 16px; } } @media (max-width: 760px) { .order__map-card-name { font-size: 14px; } } .order__map-card-address-item { margin: 0 0 4px 0; } .order__map-card-address-item:last-child { margin-bottom: 0; } .order__map-card-info { font-size: 14px; font-weight: 500; } .order__map-card-payment { display: flex; flex-wrap: wrap; gap: 4px 12px; } .order__map-card-payment-item { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--c-bg-grey); border-radius: 20px; } .order__map-card-payment-item._card:before { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/order-payment-card.svg) 50% 50% no-repeat; background-size: contain; } .order__map-card-payment-item._cash:before { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/order-payment-cash.svg) 50% 50% no-repeat; background-size: contain; } .order__map-card-pick .btn { width: 100%; } @media (max-width: 760px) { .order__map-card-name { gap: 6px; margin-bottom: -6px; margin-right: 20px; } .order__map-card-name-icon { width: 24px; height: 24px; } .order__map-card-address-item { margin-bottom: 2px; } .order__map-card-payment { font-size: 12px; gap: 4px; } .order__map-card-payment-item { padding: 6px 10px; gap: 4px; } .order__map-card-payment-item._card:before, .order__map-card-payment-item._cash:before { width: 14px; height: 14px; } } .order__done { color: var(--c-accent-text); --c-link: var(--c-accent-text); background: var(--c-bg) url(/local/templates/hollyshop/css/../img/order-done.jpg) 50% 50% no-repeat; background-size: cover; } @media (max-width: 760px) { .order__done { background-image: url(/local/templates/hollyshop/css/../img/order-done-m.jpg); } } .order__done .mobile-nav { display: none; } .order__done .mobile-nav__back { display: none; } .order__done .main-wrapper { padding: 0; min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .order__done .main-wrapper .main { flex: 1 1 auto; padding: 32px 0 0 0; text-align: center; display: flex; flex-direction: column; } .order__done .main-wrapper .footer-min { flex: 0 0 auto; } .order__done-main { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; flex: 0 0 auto; padding-bottom: 50px; } @media (max-width: 1400px) { .order__done-main { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .order__done-main { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .order__done-main { padding-left: 24px; padding-right: 24px; } } .order__done-logo { margin: 0 0 48px 0; } .order__done-logo svg { display: block; margin: 0 auto; } .order__done-logo svg path[fill="#E4467E"] { fill: #fff; } .order__done-ok { margin: 0 0 16px 0; } .order__done-ok svg { display: block; margin: 0 auto; } .order__done-heading { margin: 0 0 16px 0; } .order__done-copy { margin: 0 0 30px 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__done-copy { font-size: 16px; } } @media (max-width: 760px) { .order__done-copy { font-size: 14px; } } .order__done-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } .order__done-cta-cat { --c-btn: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); } .order__done-cta .btn._white { --c-btn-hover: rgba(255, 255, 255, 0.5); } .order__done-image { flex: 1 1 auto; position: relative; min-height: 200px; } .order__done-image img { display: block; width: auto; height: auto; max-width: 80%; max-height: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } @media (min-width: 1001px) { .order__gift-popup { --padding: 40px; } .order__gift-popup .popup__close { padding: 30px; top: 0; right: 0; } .order__gift-popup .popup__close-btn { width: 44px; height: 44px; padding: 8px; border-radius: 44px; background: #fff; } .order__gift-popup .popup__close-btn svg { display: block; width: 28px; height: 28px; } } .order__gift-popup .popup__inner { max-width: 600px; } @media (min-width: 761px) { .order__gift-popup .popup__body { border: 0; } } .order__gift-image { margin: calc(var(--padding) * -1); margin-bottom: var(--padding); overflow: hidden; border-radius: var(--bdrs) var(--bdrs) 0 0; } .order__gift-image img { display: block; width: 100%; height: auto; } @media (max-width: 760px) { .order__gift-image { margin: 0 0 var(--padding) 0; border-radius: 20px; } } .order__gift-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 16px; } @media (max-width: 1400px) { .order__gift-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .order__gift-heading { font-size: 24px; } } .order__gift-body { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .order__gift-body { font-size: 16px; } } @media (max-width: 760px) { .order__gift-body { font-size: 14px; } } .order__gift-body p:last-child { margin-bottom: 0; } .page-lk-inner .main-wrapper { padding-top: 0; } @media (max-width: 1000px) { .page-lk-inner .top { --top-bg: #fff !important; } .page-lk-inner .footer { display: none; } } .page-lk { /*@media (max-width: 1000px) { .top { --top-bg: #fff !important; } }*/ } .page-lk .main-wrapper { padding-top: 0; } .page-lk .main { overflow-x: clip; } .lk__header { height: 340px; max-width: 1920px; padding: 0 0 50px 0; margin: 0 auto; border-radius: 0 0 50px 50px; background: transparent url(/local/templates/hollyshop/css/../img/lk-header.jpg) 50% 100% no-repeat; background-size: cover; color: var(--c-accent-text); --c-link: var(--c-accent-text); --c-link-hover: var(--c-accent-text); display: flex; align-items: flex-end; /*&-logout { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); }*/ } @media (max-width: 760px) { .lk__header { background-image: url(/local/templates/hollyshop/css/../img/lk-header-m.jpg); } } .lk__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; width: 100%; display: flex; justify-content: flex-end; } @media (max-width: 1400px) { .lk__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .lk__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .lk__header-inner { padding-left: 24px; padding-right: 24px; } } .lk__main { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; align-items: stretch; --lk-mb: 100px; margin-bottom: calc(var(--lk-mb) * -1); } @media (max-width: 1400px) { .lk__main { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .lk__main { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .lk__main { padding-left: 24px; padding-right: 24px; } } .lk__main-side { min-width: 0; flex: 0 0 368px; padding: 60px 50px 0 0; padding-bottom: var(--lk-mb); position: relative; z-index: 2; border-right: 1px solid var(--c-sep); } .lk__main-side:before { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50vw; background: #fff; } .lk__main-body { min-width: 0; align-self: stretch; flex: 1 1 auto; padding: 50px 0 0 50px; padding-bottom: var(--lk-mb); } .lk__main-user { position: relative; padding-left: 20px; padding-bottom: 35px; } .lk__main-user:before { display: block; content: ''; position: absolute; bottom: 0; right: -50px; width: 50vw; height: 1px; background: var(--c-sep); } .lk__main-user-name { font-size: 24px; line-height: 1.1; font-weight: bold; } .lk__main-user-edit { margin-top: 2px; font-weight: 500; } .lk__main-user-edit-btn { display: none; } .lk__main-user-avatar { display: block; width: 140px; height: 140px; background: #F6EEFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 40px; overflow: hidden; position: absolute; left: 20px; top: -160px; } .lk__main-user-avatar:after { display: block; content: ''; position: absolute; inset: 0; border: 6px solid #fff; border-radius: 40px; } .lk__main-user-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 45px; } .lk__main-user-stats { margin: 20px 0 0 0; display: flex; flex-wrap: wrap; gap: 8px; } @media (max-width: 1000px) { .lk__main-user-stats { display: none; } } .lk__main-user-stats-level { display: flex; align-items: center; gap: 9px; padding: 5px; padding-right: 14px; border-radius: 5px; background: var(--c-brand-light); border-radius: 30px; cursor: pointer; } .lk__main-user-stats-level .radial-level-progress { --size: 26px; } .lk__main-user-stats-level .radial-level-progress__bar { mask: radial-gradient(transparent 56%, #000 60%); } .lk__main-user-stats-level .radial-level-progress__level { overflow: hidden; font-size: 15px; font-weight: bold; } .lk__main-user-stats-level._first-release .radial-level-progress { --size: 34px; } .lk__main-user-stats-level._first-release .radial-level-progress__level { font-size: 13px; } .lk__nav { margin-top: 25px; position: sticky; z-index: 3; top: 110px; } .lk__nav-list { margin: 0; padding: 0; list-style: none; } .lk__nav-list-item { margin: 0; padding: 0; } .lk__nav-list-item:before { display: none; } .lk__nav-item { display: flex; align-items: center; gap: 8px; padding: 14px 20px; border-radius: 18px; font-size: 18px; line-height: 1.4; --c-link-hover: var(--c-base); } @media (max-width: 1400px) { .lk__nav-item { font-size: 16px; } } @media (max-width: 760px) { .lk__nav-item { font-size: 14px; } } .lk__nav-item img { display: block; width: 28px; height: 28px; object-fit: contain; } .notouch .lk__nav-item:hover { background: var(--c-bg-grey); } .lk__nav-item._active { background: var(--c-bg-grey); font-weight: 500; } .lk__heading { all: unset; box-sizing: border-box; display: block; margin: 0 0 30px 0; font: 700 46px/1.1 var(--ff-heading); letter-spacing: -0.02em; } .lk__heading-mobile { display: none; margin: 0 0 20px 0; font: 700 36px/1.1 var(--ff-heading); letter-spacing: -0.02em; } .lk__heading-mobile-link { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; } .lk__heading-mobile-link-icon { flex-shrink: 0; display: flex; content: ''; align-items: center; justify-content: center; width: 1em; height: 1em; border-radius: 100%; background: var(--c-bg-grey); } .lk__heading-mobile-link-icon:before { display: block; content: ''; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.182 3-5 5 5 5'/%3E%3C/svg%3E"); } .lk__subheading { font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } @media (max-width: 1400px) { .lk__subheading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__subheading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__pagination { display: flex; margin: 40px 0 0 0; } .lk__pagination-more { display: none; } @media (max-width: 760px) { .lk__pagination { margin-top: 12px; } .lk__pagination-more { display: block; position: relative; } .lk__pagination-more .btn { width: 100%; } .lk__pagination-pages { display: none; } } .lk__main-body .tabs__header { margin-bottom: 30px; } @media (max-width: 760px) { .lk__main-body .tabs__header { margin-bottom: 20px; } } .lk__status { display: block; width: fit-content; padding: 6px 14px; border-radius: 38px; background: var(--c-brand-light); font-size: 18px; line-height: 1.4; color: var(--c-accent); } @media (max-width: 1400px) { .lk__status { font-size: 16px; } } @media (max-width: 760px) { .lk__status { font-size: 14px; } } .lk__status._ready { background: var(--c-accent); color: var(--c-accent-text); } .lk__status._completed { background: color-mix(in srgb, var(--c-green) 15%, #fff); color: var(--c-green); } .lk__status._canceled { background: var(--c-bg-grey); color: var(--c-text-grey); } @media (max-width: 760px) { .lk__status { font-size: 12px; padding: 4px 8px; } } .lk__bonus-points { width: fit-content; display: flex; align-items: center; padding: 2px 8px; gap: 4px; background: linear-gradient(90deg, rgba(255, 79, 89, 0.1) 0%, rgba(221, 68, 135, 0.1) 100%); border-radius: 20px; font-size: 18px; line-height: 1.4; font-weight: 500; color: var(--c-accent); position: relative; z-index: 2; } @media (max-width: 1400px) { .lk__bonus-points { font-size: 16px; } } @media (max-width: 760px) { .lk__bonus-points { font-size: 14px; } } .lk__bonus-points:after { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/bonus.svg) 0 0 no-repeat; background-size: contain; } .lk__bonus-points._med { font-size: 15px; } @media (max-width: 760px) { .lk__bonus-points._med { font-size: 12px; padding: 2px 6px; } } .lk__bonus-points._big { padding: 6px 14px; } @media (max-width: 760px) { .lk__bonus-points { padding: 4px; font-size: 12px; line-height: 16px; } .lk__bonus-points:after { width: 14px; height: 14px; } } .lk__bonus-points._simple { background: 0; padding: 0; } @media (max-width: 1400px) { .lk__main-side { flex-basis: 320px; padding-right: 40px; } .lk__main-body { padding-left: 40px; padding-top: 40px; } .lk__main-user { padding-bottom: 25px; } .lk__main-user:before { right: -40px; } .lk__nav { margin-top: 20px; } } @media (max-width: 1200px) { .lk__main-side { flex-basis: 240px; padding-right: 20px; padding-top: 40px; } .lk__main-body { padding-left: 30px; padding-top: 40px; } .lk__main-user-name { font-size: 16px; } .lk__main-user-avatar { width: 100px; height: 100px; border-radius: 30px; top: -115px; } .lk__main-user-avatar img { border-radius: 35px; } .lk__main-user-avatar:after { border-radius: 30px; } .lk__main-user:before { right: -20px; } .lk__heading { font-size: 36px; margin-bottom: 20px; } } @media (max-width: 1000px) { .page-lk-inner .lk__header { display: none; } .lk__header { height: 180px; } .lk__header-inner { display: none; } .lk__main { display: block; padding-top: 108px; padding-bottom: 120px; margin-bottom: 0; } .lk__main-side { display: none; } .lk__main-body { padding: 0; border-left: 0; } .lk__heading { display: none; font-size: 24px; } .lk__heading-mobile { display: block; } .page-lk .lk__main { padding-top: 34px; padding-bottom: 0; } .page-lk .lk__main-side { display: block; margin: 0 0 26px 0; padding: 0; border: 0; } .page-lk .lk__main-side .lk__nav { display: none; } .page-lk .lk__main-side:before { display: none; } .page-lk .lk__main-user { padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .page-lk .lk__main-user:before { display: none; } .page-lk .lk__main-user-avatar { width: 56px; height: 56px; border-radius: 20px; top: -67px; left: 0; } .page-lk .lk__main-user-avatar:after { border-radius: 20px; } .page-lk .lk__main-user-edit-btn { flex-shrink: 0; display: flex; width: 50px; height: 50px; padding: 0; } .page-lk .lk__main-user-edit-btn svg { display: block; width: 18px; height: 18px; margin: 0; } } .lk__connect { padding: 30px; border-radius: 30px; background: var(--c-bg-grey); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .lk__connect-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 8px 0; } @media (max-width: 1400px) { .lk__connect-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__connect-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__connect-copy { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .lk__connect-copy { font-size: 16px; } } @media (max-width: 760px) { .lk__connect-copy { font-size: 14px; } } .lk__connect-list { display: flex; flex-wrap: wrap; gap: 16px; } .lk__connect-list-item { display: block; width: 60px; height: 60px; } .lk__connect-list-item img { display: block; width: 100%; height: 100%; } @media (max-width: 760px) { .lk__connect-list { gap: 10px; } .lk__connect-list-item { width: 45px; height: 45px; } } @media (max-width: 760px) { .lk__connect { padding: 25px; } .lk__connect-heading { margin-bottom: 4px; } } .loyalty-card-qr { text-align: center; } @media (min-width: 1401px) { .loyalty-card-qr__popup { --padding: 40px; } } .loyalty-card-qr__popup .popup__inner { max-width: 600px; } @media (max-width: 1000px) { .loyalty-card-qr__popup .popup__body { min-height: 100%; display: flex; align-items: stretch; background: var(--c-bg-grey); } } .loyalty-card-qr__heading { margin-left: auto; margin-right: auto; text-wrap: balance; } .loyalty-card-qr__copy { text-wrap: balance; } .loyalty-card-qr__phone { margin: 40px 0 0 0; padding: 60px 20px; border-radius: 30px; background: var(--c-bg-grey); text-align: center; font-size: 38px; line-height: 1.1; letter-spacing: -0.02em; font-weight: bold; } .loyalty-card-qr__item { padding: 58px; } .loyalty-card-qr__item-image { width: 164px; height: auto; box-shadow: 0px 0px 4.31579px rgba(17, 17, 17, 0.1), 0px 6.47368px 86.3158px rgba(17, 17, 17, 0.06); border-radius: 20px; } .loyalty-card-qr__cta { display: none; } @media (max-width: 1000px) { .loyalty-card-qr { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .loyalty-card-qr__item { padding: 0; margin: 30px 0; } .loyalty-card-qr__item-image { width: 204px; } .loyalty-card-qr__phone { background: none; margin: 30px 0; padding: 0; font-size: 36px; white-space: nowrap; } .loyalty-card-qr__cta { display: flex; flex-direction: column; gap: 10px; } .loyalty-card-qr__cta .btn { width: 100%; } } .radial-level-progress { --size: 48px; width: var(--size); height: var(--size); position: relative; --progress: 75%; color: var(--c-accent); } .radial-level-progress__bar { display: block; width: 100%; height: 100%; border-radius: 50%; background: conic-gradient(var(--c-accent) var(--progress), #E4467E20 0%); mask: radial-gradient(transparent 59%, #000 63%); } .radial-level-progress__level { display: flex; justify-content: center; align-items: center; font-size: calc(var(--size) / 2); font-weight: 500; position: absolute; inset: 0; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .loyalty-level-info__popup .popup__inner { max-width: 640px; overflow: hidden; } @media (min-width: 1401px) { .loyalty-level-info__popup { --padding: 40px; } } .loyalty-level-info .popup__copy { max-width: 500px; font-size: 14px; } .loyalty-level-info__body { background: var(--c-brand-light); padding: var(--padding); margin: calc(var(--padding) * -1); margin-top: var(--padding); } .loyalty-level-info__level { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 40px 0; } .loyalty-level-info__level-label { margin: 0 0 8px 0; } .loyalty-level-info__level-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .loyalty-level-info__level-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .loyalty-level-info__level-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .loyalty-level-info__progress { padding-top: 46px; padding-bottom: 32px; display: flex; align-items: center; gap: 4px; } .loyalty-level-info__progress-item { flex-shrink: 0; padding: 3px 6px 1px 6px; gap: 10px; background: #FA4E6020; border-radius: 30px; color: #fff; position: relative; } .loyalty-level-info__progress-item-label { position: absolute; top: 100%; margin-top: 10px; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0.5; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .loyalty-level-info__progress-item._active { background: #FA4E60; } .loyalty-level-info__progress-item._active .loyalty-level-info__progress-item-label { opacity: 1; } .loyalty-level-info__progress-item:first-child .loyalty-level-info__progress-item-label { transform: none; left: 0; } .loyalty-level-info__progress-item:last-child .loyalty-level-info__progress-item-label { transform: none; left: auto; right: 0; } .loyalty-level-info__progress-bar { flex: 1 1 auto; height: 3px; position: relative; } .loyalty-level-info__progress-bar:after { display: block; content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); opacity: 0.2; border-radius: 3px; } .loyalty-level-info__progress-bar-line { --progress: 0%; height: 100%; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); border-radius: 3px; position: relative; width: var(--progress); } .loyalty-level-info__progress-bar-tooltip { display: flex; flex-direction: row; padding: 4px 10px; gap: 4px; background: #FFFFFF; border-radius: 100px; filter: drop-shadow(0px 0px 2px rgba(17, 17, 17, 0.1)) drop-shadow(0px 3px 40px rgba(17, 17, 17, 0.06)); position: absolute; bottom: 100%; margin-bottom: 15px; right: 0; transform: translateX(50%); white-space: nowrap; } .loyalty-level-info__progress-bar-tooltip:after { display: block; content: ''; width: 13px; height: 6px; background: #fff; clip-path: polygon(0 0, 100% 0, 50% 100%); position: absolute; top: 100%; left: 50%; margin: -1px 0 0 -6px; } @media (max-width: 1000px) { .loyalty-level-info__body { border-radius: var(--padding) var(--padding) 0 0; } } @media (max-width: 760px) { .loyalty-level-info__level { margin-bottom: 20px; } .loyalty-level-info__level-label { margin-bottom: 4px; font-size: 12px; } .loyalty-level-info__level .radial-level-progress { --size: 38px; } .loyalty-level-info__progress { padding-top: 37px; min-width: 410px; } .loyalty-level-info__progress-wrapper { margin: 0 calc(var(--padding) * -1); margin-bottom: -10px; padding: 0 var(--padding); overflow: auto; } .loyalty-level-info__progress-item { font-size: 14px; } .loyalty-level-info__progress-item-label { font-size: 12px; } .loyalty-level-info__progress-bar-tooltip { padding: 4px 8px; font-size: 12px; } } .lk__orders-item { margin-bottom: 25px; padding: 35px; gap: 30px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 3px 40px rgba(17, 17, 17, 0.06); border-radius: 40px; position: relative; } .lk__orders-item:last-child { margin-bottom: 0; } .lk__orders-item._ready { box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 3px 40px rgba(228, 70, 126, 0.2); } .lk__orders-item a { position: relative; z-index: 2; } @media (max-width: 1400px) { .lk__orders-item { padding: 25px; } } @media (max-width: 760px) { .lk__orders-item { padding: 20px; border-radius: 25px; } } .lk__orders-item-header { display: flex; justify-content: space-between; align-items: center; gap: 10px 20px; margin-bottom: 18px; } .lk__orders-item-header-status { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__orders-item-header-status { font-size: 16px; } } @media (max-width: 760px) { .lk__orders-item-header-status { font-size: 14px; } } .lk__orders-item-header-status-payed { color: var(--c-text-grey); } .lk__orders-item-header-price { flex-shrink: 0; display: flex; align-items: center; gap: 8px 16px; } .lk__orders-item-header-price-item { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .lk__orders-item-header-price-item { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__orders-item-header-price-item { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__orders-item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .lk__orders-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__orders-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__orders-item-heading a { position: static; } .lk__orders-item-heading a:after { display: block; content: ''; position: absolute; inset: 0; z-index: 1; } .lk__orders-item-info { font-size: 18px; line-height: 1.4; margin: 0 0 30px 0; } @media (max-width: 1400px) { .lk__orders-item-info { font-size: 16px; } } @media (max-width: 760px) { .lk__orders-item-info { font-size: 14px; } } .lk__orders-item-info-hint { color: var(--c-text-grey); display: none; } .lk__orders-item-list { display: flex; flex-wrap: wrap; gap: 8px; } .lk__orders-item-list-item { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: var(--c-bg-grey); border-radius: 20px; } .lk__orders-item-list-item img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .lk__orders-item-list-item._all { font-size: 18px; line-height: 1.4; text-align: center; color: var(--c-text-grey); } @media (max-width: 1400px) { .lk__orders-item-list-item._all { font-size: 16px; } } @media (max-width: 760px) { .lk__orders-item-list-item._all { font-size: 14px; } } .lk__orders-item-pay { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px; margin: 30px 0 0 0; } .lk__orders-item-pay-hint { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .lk__orders-item-pay-hint { font-size: 16px; } } @media (max-width: 760px) { .lk__orders-item-pay-hint { font-size: 14px; } } .lk__orders-item-payed { display: none; } .lk__orders-item._canceled .lk__orders-item-list { opacity: 0.5; } @media (max-width: 760px) { .lk__orders-item { margin-bottom: 12px; } .lk__orders-item-header { flex-wrap: wrap; margin-bottom: 10px; } .lk__orders-item-header-status-payed { display: none; } .lk__orders-item-header-price { gap: 8px; } .lk__orders-item-header-price-price { font-size: 14px; } .lk__orders-item-heading { margin-bottom: 4px; font-size: 14px; } .lk__orders-item-info { margin-bottom: 15px; } .lk__orders-item-list { gap: 6px; } .lk__orders-item-list-item { width: 56px; height: 56px; border-radius: 12px; } .lk__orders-item-list-item._all { font-size: 12px; } .lk__orders-item-pay { display: block; margin-top: 15px; } .lk__orders-item-pay-hint { display: block; margin: 0 0 15px 0; font-size: 12px; } .lk__orders-item-pay .btn { width: 100%; } .lk__orders-item-payed { display: block; margin: 15px 0 0 0; font-size: 12px; color: var(--c-text-grey); } } .lk__orders-none { margin: 0 0 60px 0; padding: 30px; border-radius: 40px; background: var(--c-bg-grey); display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; } .lk__orders-none-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .lk__orders-none-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__orders-none-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__orders-none-copy { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__orders-none-copy { font-size: 16px; } } @media (max-width: 760px) { .lk__orders-none-copy { font-size: 14px; } } @media (max-width: 760px) { .lk__orders-none { margin-bottom: 40px; padding: 20px; border-radius: 30px; } .lk__orders-none-heading { margin-bottom: 4px; } } @media (max-width: 500px) { .lk__orders-none { display: block; } .lk__orders-none-cta { margin: 20px 0 0 0; } .lk__orders-none-cta .btn { width: 100%; } } .lk__orders-none-catalog-heading { margin-bottom: 1em; } @media (min-width: 1001px) { .lk__orders-none-catalog .catalog__list-item { width: calc(50% - 20px); } } @media (min-width: 1101px) { .lk__orders-none-catalog .catalog__list-item { width: calc(33.333% - 20px); } } .lk__order-header { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 20px; margin-bottom: 20px; } .lk__order-header-back { flex: 1 1 auto; } .lk__order-header-info { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .lk__order-header-info { font-size: 16px; } } @media (max-width: 760px) { .lk__order-header-info { font-size: 14px; } } .lk__order-header .lk__heading { display: block; flex: 0 0 100%; margin-bottom: 0; } @media (max-width: 760px) { .lk__order-header { margin-bottom: 12px; gap: 8px; } .lk__order-header:has(.lk__order-header-status._completed) { margin-bottom: 40px; } .lk__order-header .lk__heading { margin-top: 7px; } } @media (max-width: 550px) { .lk__order-header-back { order: 1; } .lk__order-header-status { order: 2; } .lk__order-header .lk__heading { order: 3; } .lk__order-header-info { order: 4; } } .lk__order-bonus { margin: 0 0 40px 0; } @media (max-width: 1000px) { .lk__order-bonus { margin-bottom: 30px; } } @media (max-width: 760px) { .lk__order-bonus { margin-bottom: 20px; } } .lk__order-unpaid { margin: 0 0 32px 0; padding: 30px; border-radius: 40px; display: flex; align-items: center; gap: 12px; background: var(--c-accent); color: var(--c-accent-text); } .lk__order-unpaid-body { flex: 1 1 auto; } .lk__order-unpaid-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .lk__order-unpaid-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__order-unpaid-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__order-unpaid-copy { margin: 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__order-unpaid-copy { font-size: 16px; } } @media (max-width: 760px) { .lk__order-unpaid-copy { font-size: 14px; } } .lk__order-unpaid .btn { white-space: nowrap; } @media (max-width: 760px) { .lk__order-unpaid { padding: 25px; border-radius: 30px; } .lk__order-unpaid-heading { margin-bottom: 6px; } } @media (max-width: 600px) { .lk__order-unpaid { display: flex; flex-direction: column; align-items: stretch; gap: 0; } .lk__order-unpaid .btn { width: 100%; } .lk__order-unpaid-copy { margin-bottom: 20px; } .lk__order-unpaid-body { order: 1; } .lk__order-unpaid-cta { order: 2; margin-bottom: 8px; } .lk__order-unpaid-change { order: 3; } } .lk__order-payment-popup .popup__inner { max-width: 636px; } @media (min-width: 1401px) { .lk__order-payment-popup { --padding: 40px; } } .lk__order-payment-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 30px 0; } @media (max-width: 1400px) { .lk__order-payment-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .lk__order-payment-heading { font-size: 24px; } } .lk__order-payment-cta { margin: 30px 0 0 0; } .lk__order-payment-cta .btn { width: 100%; } @media (max-width: 760px) { .lk__order-payment-heading { margin-bottom: 20px; } .lk__order-payment-cta { margin-top: 25px; } } .lk__order-status { margin: 0 0 40px 0; padding-top: 26px; position: relative; display: flex; } .lk__order-status-item { flex: 1 1 25%; position: relative; } .lk__order-status-item:before { display: block; content: ''; position: absolute; top: -18px; left: 0; right: 0; height: 4px; background: var(--c-brand); } .lk__order-status-item:after { display: block; content: ''; width: 10px; height: 10px; border-radius: 10px; background: var(--c-brand); position: absolute; top: -21px; left: 0; } .lk__order-status-item._active:after { width: 20px; height: 20px; top: -26px; left: -5px; background: var(--c-brand); } .lk__order-status-item._active:before { background: var(--c-brand-light); } .lk__order-status-item:first-child:before { border-radius: 4px 0 0 4px; } .lk__order-status-item:last-child:before { border-radius: 0 4px 4px 0; } .lk__order-status-item._active ~ .lk__order-status-item:before, .lk__order-status-item._active ~ .lk__order-status-item:after { background: var(--c-brand-light); } .lk__order-status-label { margin: 0 0 2px 0; } .lk__order-status-label-mobile { margin: 0 0 2px 0; display: none; } .lk__order-status-date { color: var(--c-text-grey); display: block; } .lk__order-status-item._active .lk__order-status-date { display: block; } @media (max-width: 760px) { .lk__order-status-item._active:after { width: 14px; height: 14px; top: -23px; left: -2px; } .lk__order-status-label { display: none; } .lk__order-status-item { font-size: 12px; } .lk__order-status-label-mobile { display: block; font-weight: 500; margin-bottom: 3px; } } .lk__order-comp { --p: 34px; margin-bottom: 60px; padding: var(--p); border: 1px solid rgba(17, 17, 17, 0.15); border-radius: 40px; } .lk__order-comp-header { margin: 0 0 10px 0; } .lk__order-comp-header-reorder { display: none; } .lk__order-comp-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .lk__order-comp-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__order-comp-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__order-comp-item { min-height: 126px; padding: 20px 0; margin-left: 120px; display: flex; align-items: start; justify-content: space-between; gap: 20px; position: relative; border-bottom: 1px solid var(--c-sep); } .lk__order-comp-item:last-child { border-bottom: 0; } .lk__order-comp-item-image { position: absolute; top: 13px; left: -120px; width: 100px; height: 100px; border-radius: 20px; background: var(--c-bg-grey); } .lk__order-comp-item-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .lk__order-comp-item-body { min-width: 0; } .lk__order-comp-item-category { margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lk__order-comp-item-name { margin-bottom: 8px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .lk__order-comp-item-name { font-size: 16px; } } @media (max-width: 760px) { .lk__order-comp-item-name { font-size: 14px; } } .lk__order-comp-item-name a:after { display: block; content: ''; position: absolute; inset: 0; left: -120px; } .lk__order-comp-item-info { color: var(--c-text-grey); } .lk__order-comp-item-price { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; } .lk__order-comp-item-price-last { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .lk__order-comp-item-price-last { font-size: 16px; } } @media (max-width: 760px) { .lk__order-comp-item-price-last { font-size: 14px; } } .lk__order-comp-item-price-full { color: var(--c-accent); font-weight: 700; text-decoration: line-through; opacity: 0.4; } .lk__order-comp-item-price:has(.lk__order-comp-item-price-full) .lk__order-comp-item-price-last { color: var(--c-accent); } .lk__order-comp-item-price-discount { display: inline-block; margin-top: 4px; padding: 4px; font-size: 13px; line-height: 1; font-weight: bold; color: var(--c-accent-text); background: var(--c-accent); border-radius: 20px; } .lk__order-comp-item-price-qnt { margin-top: 8px; color: var(--c-text-grey); } .lk__order-comp-reorder { margin: calc(var(--p) * -1); margin-top: 10px; padding: 22px var(--p); display: flex; justify-content: center; border-top: 1px solid var(--c-sep); } @media (max-width: 1000px) { .lk__order-comp { --p: 20px; border-radius: 30px; } .lk__order-comp-heading { font-size: 24px; } } @media (max-width: 760px) { .lk__order-comp { padding: 0; border-radius: 0; border: 0; margin-bottom: 40px; } .lk__order-comp-header { margin: 0 0 20px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0px 12px; } .lk__order-comp-header-reorder { display: block; margin-top: 5px; } .lk__order-comp-item { min-height: 0; padding: 0; margin-left: 96px; border-bottom: 0; flex-direction: column; gap: 8px; margin-bottom: 25px; } .lk__order-comp-item:last-child { margin-bottom: 0; } .lk__order-comp-item-image { top: 0; left: -96px; width: 80px; height: 80px; border-radius: 18px; } .lk__order-comp-item-body { width: 100%; order: 2; } .lk__order-comp-item-price { width: 100%; order: 1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px; flex: 1 1 auto; } .lk__order-comp-item-price-full { font-size: 12px; font-weight: 600; } .lk__order-comp-item-price-discount { margin: 0; font-size: 11px; } .lk__order-comp-item-price-qnt { margin: 0; flex: 1 1 auto; text-align: right; } .lk__order-comp-item-category { min-width: 0; width: 100%; font-size: 12px; margin-bottom: 6px; } .lk__order-comp-item-name { margin-bottom: 6px; } .lk__order-comp-item-info { font-size: 12px; } .lk__order-comp-reorder { display: none; } } .lk__order-info { margin: 0 0 60px 0; } @media (max-width: 760px) { .lk__order-info { margin-bottom: 40px; } } .lk__order-info-list { max-width: 840px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__order-info-list { font-size: 16px; } } @media (max-width: 760px) { .lk__order-info-list { font-size: 14px; } } .lk__order-info-list-item { margin: 0 0 14px 0; display: flex; align-items: start; gap: 16px; } .lk__order-info-list-item:last-child { margin-bottom: 0; } .lk__order-info-list-item-name { flex: 1 1 auto; display: flex; align-items: center; gap: 16px; } .lk__order-info-list-item-name:after { display: block; content: ''; flex: 1 1 auto; min-width: 10px; height: 1px; background: var(--c-sep); } .lk__order-info-list-item-value { flex: 0 0 54%; } @media (max-width: 760px) { .lk__order-info-list-item { gap: 8px; } .lk__order-info-list-item-name { gap: 8px; } .lk__order-info-list-item-value { flex-basis: 50%; } } .lk__order-price { margin: 0 0 60px 0; } @media (max-width: 760px) { .lk__order-price { margin-bottom: 40px; } } .lk__order-price:last-child { margin-bottom: 0; } .lk__order-price-list { max-width: 733px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__order-price-list { font-size: 16px; } } @media (max-width: 760px) { .lk__order-price-list { font-size: 14px; } } .lk__order-price-list-item { margin: 0 0 14px 0; display: flex; align-items: center; gap: 16px; } .lk__order-price-list-item:last-child { margin-bottom: 0; } .lk__order-price-list-item-name { flex: 1 1 auto; display: flex; align-items: center; gap: 16px; } .lk__order-price-list-item-name:after { display: block; content: ''; flex: 1 1 auto; height: 1px; background: var(--c-sep); } .lk__order-price-list-item-name em { font-style: normal; color: var(--c-text-grey); } .lk__order-price-list-item-value { flex-shrink: 0; } .lk__order-price-list-item ._accent { color: var(--c-accent); } .lk__order-price-list-item._total .lk__order-price-list-item-name { font-weight: bold; } .lk__order-price-list-item._total .lk__order-price-list-item-value { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .lk__order-price-list-item._total .lk__order-price-list-item-value { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__order-price-list-item._total .lk__order-price-list-item-value { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__order-price-list-item._bonus { color: var(--c-accent); } .lk__order-price-list-item._bonus .lk__order-price-list-item-name:after { background: var(--c-accent); opacity: 0.3; } @media (max-width: 760px) { .lk__order-price-list-item { gap: 8px; } .lk__order-price-list-item-name { gap: 8px; } } @media (max-width: 500px) { .lk__order-cancel .btn { width: 100%; } } .lk__order-cancel-popup-popup .popup__inner { max-width: 600px; } @media (min-width: 1401px) { .lk__order-cancel-popup-popup { --padding: 40px; } } .lk__order-cancel-popup-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 20px 16px 0; text-wrap: balance; } @media (max-width: 1400px) { .lk__order-cancel-popup-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .lk__order-cancel-popup-heading { font-size: 24px; } } .lk__order-cancel-popup-heading a { display: block; margin-top: 10px; --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); } .lk__order-cancel-popup-cta { margin: 30px 0 0 0; } .lk__order-cancel-popup-cta .btn { width: 100%; } .lk__order-cancel-popup-connect { margin: 30px 0 0 0; } .lk__order-cancel-popup-connect-label { margin: 0 0 14px 0; } @media (max-width: 760px) { .lk__order-cancel-popup-cta { margin-top: 25px; } .lk__order-cancel-popup-connect { margin-top: 25px; } .lk__order-cancel-popup-connect-label { margin-bottom: 12px; } } .lk__order-pickup { margin: 0 0 30px 0; background: var(--c-bg-grey); border-radius: 40px; padding: 35px; display: flex; align-items: stretch; gap: 30px; } .lk__order-pickup-body { order: 1; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .lk__order-pickup-item-icon { margin: 0 0 12px 0; } .lk__order-pickup-item-icon img { display: block; width: 34px; height: auto; } .lk__order-pickup-item-name { margin: 0 0 8px 0; font-weight: 500; } .lk__order-pickup-item-address { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 14px 0; text-wrap: balance; } @media (max-width: 1400px) { .lk__order-pickup-item-address { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__order-pickup-item-address { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__order-pickup-item-info { margin: 0 0 2px 0; } .lk__order-pickup-help { margin: 20px 0 0 0; font-weight: 500; } .lk__order-pickup-map { order: 2; flex: 0 0 52%; margin: -15px -15px -15px 0; aspect-ratio: 480 / 320; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 3px 40px rgba(17, 17, 17, 0.06); border-radius: 20px; background: #fcfcf8; overflow: hidden; } .lk__order-pickup-map-box { width: 100%; height: 100%; } .lk__order-pickup-map-box-map { width: 100%; height: 100%; } @media (max-width: 1000px) { .lk__order-pickup { padding: 25px; border-radius: 30px; } .lk__order-pickup-map { margin: 0; } } @media (max-width: 760px) { .lk__order-pickup { margin-top: 30px; margin-bottom: 20px; padding: 25px; border-radius: 30px; overflow: hidden; display: block; } .lk__order-pickup-map { margin: -25px -25px 0 -25px; border-radius: 0; box-shadow: none; aspect-ratio: 340 / 150; } .lk__order-pickup:has(.lk__order-pickup-map) .lk__order-pickup-body { margin-top: -13px; position: relative; z-index: 2; } .lk__order-pickup-item-icon { margin-bottom: 10px; } .lk__order-pickup-item-name { margin-bottom: 6px; font-size: 12px; } .lk__order-pickup-item-address { margin-bottom: 8px; } .lk__order-pickup-help { margin-top: 14px; } } .lk__user-form { max-width: 560px; } .lk__user-form-item { margin: 0 0 20px 0; } .lk__user-form-name .lk__user-form-item { margin-bottom: 16px; } .lk__user-form-group { display: flex; gap: 20px; } .lk__user-form-item-phone { flex: 1 1 auto; } .lk__user-form-item-db { flex: 0 0 196px; } .lk__user-form-heading { margin: 0 0 12px 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .lk__user-form-heading { font-size: 16px; } } @media (max-width: 760px) { .lk__user-form-heading { font-size: 14px; } } .lk__user-form-sex { margin: 30px 0; } .lk__user-form-sex-list { display: flex; flex-wrap: wrap; gap: 12px 24px; } .lk__user-form-submit { margin: 30px 0 0 0; display: none; } .lk__user-form-submit .btn { width: 100%; } @media (max-width: 760px) { .lk__user-form-item { margin-bottom: 12px; } .lk__user-form-name .lk__user-form-item { margin-bottom: 12px; } .lk__user-form-sex { margin: 20px 0; } } @media (max-width: 500px) { .lk__user-form-group { display: block; } .lk__user-form-submit { margin-top: 25px; } } .lk__user-address { margin: 50px 0; } .lk__user-address:last-child { margin-bottom: 0; } .lk__user-address-heading { font-size: 24px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 20px 0; } .lk__user-address-city { display: flex; gap: 0 6px; flex-wrap: wrap; margin: 0 0 30px 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__user-address-city { font-size: 16px; } } @media (max-width: 760px) { .lk__user-address-city { font-size: 14px; } } .lk__user-address-list { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; } .lk__user-address-list .order__delivery-address-list-item { width: calc(50% - 6px); } .lk__user-address-list .order__delivery-address-list-item-name-label { font-weight: 500; } .lk__user-address-list .order__delivery-address-list-item-info-city { color: var(--c-text-grey); } @media (max-width: 760px) { .lk__user-address { margin: 40px 0; } .lk__user-address-city { margin-bottom: 20px; } .lk__user-address-list { flex-direction: column; gap: 12px; } .lk__user-address-list .order__delivery-address-list-item { width: 100%; padding: 15px; border-radius: 20px; } .lk__user-address-list .order__delivery-address-list-item-edit svg { width: 16px; height: 16px; } .lk__user-address-list .order__delivery-address-list-item-info { font-size: 12px; } } @media (max-width: 500px) { .lk__user-address-add .btn { width: 100%; } } .lk__favs-catalog-heading { margin-bottom: 1em; } @media (min-width: 1001px) { .lk__favs-catalog .catalog__list-item { width: calc(50% - 20px); } } @media (min-width: 1101px) { .lk__favs-catalog .catalog__list-item { width: calc(33.333% - 20px); } } .lk__favs-catalog-filter { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 0 0 30px 0; } .lk__favs-catalog-filter .catalog__filter-info-main { order: 1; } .lk__favs-catalog-filter .catalog__filter-info-more { display: block; order: 2; } @media (max-width: 760px) { .lk__favs-catalog-filter { display: block; margin-bottom: 22px; } .lk__favs-catalog-filter .catalog__filter-info-more { margin: 0 0 25px 0; padding: 16px; background: var(--c-bg-grey); border-radius: 18px; display: flex; align-items: center; justify-content: center; position: relative; -webkit-tap-highlight-color: transparent; } .lk__favs-catalog-filter .catalog__filter-info-more .checkbox-switch__label:after { display: block; content: ''; position: absolute; inset: 0; } } .lk__favs-catalog .catalog__list-item { opacity: 0.4; transition: opacity 0.2s; } .lk__favs-catalog .catalog__list-item:not(:has(.btn-fav._active)) .catalog-card > *:not(.btn-fav) { pointer-events: none; } .lk__favs-catalog .catalog__list-item .btn-fav:not(._active) svg { opacity: 0.8; } .lk__favs-catalog .catalog__list-item:has(.btn-fav._active) { opacity: 1; } .lk__favs-catalog .catalog__list-item .btn-buy__discount { display: none; } .lk__favs-brands { display: flex; flex-wrap: wrap; gap: 20px; } .lk__favs-brands-item { width: calc(25% - 15px); height: auto; aspect-ratio: 215 / 120; background: var(--c-bg-grey); border-radius: 20px; position: relative; } .lk__favs-brands-item img { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0.4; transition: opacity 0.2s; mix-blend-mode: multiply; } .lk__favs-brands-item:has(.btn-fav._active) img { opacity: 1; } .lk__favs-brands-item .btn-fav { width: auto; height: auto; padding: 10px; } @media (max-width: 760px) { .lk__favs-brands { gap: 15px; } .lk__favs-brands-item { width: calc(33.333% - 10px); } } @media (max-width: 500px) { .lk__favs-brands { gap: 10px; } .lk__favs-brands-item { width: calc(50% - 5px); } .lk__favs-brands-item .btn-fav { padding: 8px; } } .lk__favs-categories { display: flex; flex-wrap: wrap; gap: 20px; } .lk__favs-categories-item { width: calc(33.333% - 14px); min-height: 100%; padding: 25px; background: var(--c-bg-grey); border-radius: 30px; position: relative; } .lk__favs-categories-item-icon { margin: 0 0 20px 0; opacity: 0.4; transition: opacity 0.2s; } .lk__favs-categories-item-icon img { display: block; width: 32px; height: 32px; } .lk__favs-categories-item-card { opacity: 0.4; transition: opacity 0.2s; } .lk__favs-categories-item-card-name { margin: 0 0 4px 0; font-size: 18px; line-height: 1.4; font-weight: 500; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1400px) { .lk__favs-categories-item-card-name { font-size: 16px; } } @media (max-width: 760px) { .lk__favs-categories-item-card-name { font-size: 14px; } } .lk__favs-categories-item-card-name a:after { display: block; content: ''; position: absolute; inset: 0; } .lk__favs-categories-item:has(.btn-fav._active) .lk__favs-categories-item-card, .lk__favs-categories-item:has(.btn-fav._active) .lk__favs-categories-item-icon { opacity: 1; } .lk__favs-categories-item .btn-fav { width: auto; height: auto; padding: 15px; } @media (max-width: 760px) { .lk__favs-categories { gap: 10px; } .lk__favs-categories-item { width: calc(50% - 5px); padding: 15px; border-radius: 18px; } .lk__favs-categories-item-icon { margin-bottom: 12px; } .lk__favs-categories-item-card-qnt { font-size: 12px; } } @media (max-width: 500px) { .lk__favs-categories { gap: 10px; flex-direction: column; } .lk__favs-categories-item { width: 100%; padding-right: 55px; display: flex; align-items: center; gap: 10px; } .lk__favs-categories-item-icon { margin: 0; } .lk__favs-categories-item-icon img { width: 28px; height: 28px; } .lk__favs-categories-item-card { min-width: 0; } .lk__favs-categories-item .btn-fav { padding: 0; width: 64px; height: 100%; } .lk__favs-categories-item .btn-fav svg { width: 20px; height: 20px; } } .lk__reviews-catalog { gap: 30px; } @media (min-width: 1001px) { .lk__reviews-catalog .catalog__list-item { width: calc(50% - 20px); } } @media (min-width: 1101px) { .lk__reviews-catalog .catalog__list-item { width: calc(33.333% - 20px); } } @media (max-width: 760px) { .lk__reviews-catalog { gap: 20px; } } .lk__reviews-catalog-item { min-height: 100%; background: var(--c-bg-grey); border-radius: 20px; position: relative; } .lk__reviews-catalog-item .lk__bonus-points { position: absolute; top: 14px; left: 14px; background: linear-gradient(90deg, rgba(255, 79, 89, 0.1) 0%, rgba(221, 68, 135, 0.1) 100%); backdrop-filter: blur(15px); } .lk__reviews-catalog-item-image { aspect-ratio: 1; } .lk__reviews-catalog-item-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .lk__reviews-catalog-item-body { padding: 30px; padding-top: 0; } .lk__reviews-catalog-item-name { margin: 10px 0; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align: center; } .lk__reviews-catalog-item-name a:after { display: block; content: ''; position: absolute; inset: 0; bottom: 70px; } .lk__reviews-catalog-item-rate { display: flex; align-items: center; justify-content: center; } .lk__reviews-catalog-item-rate .rating-stars { --size: 32px; } @media (max-width: 760px) { .lk__reviews-catalog-item { border-radius: 20px; } .lk__reviews-catalog-item .lk__bonus-points { top: 10px; left: 10px; } .lk__reviews-catalog-item-body { padding: 20px; padding-top: 0; } .lk__reviews-catalog-item-name { font-size: 12px; } .lk__reviews-catalog-item-name a:after { bottom: 50px; } .lk__reviews-catalog-item .rating-stars { --size: 20px; } } .lk__reviews-list { --mb: 25px; --ml: 150px; } .lk__reviews-list .reviews__list-item { margin-left: var(--ml); position: relative; min-height: calc(var(--ml) - 20px + var(--mb)); } .lk__reviews-list .reviews__list-item-header { justify-content: flex-start; } .lk__reviews-list .reviews__list-item-header-rating { order: 1; } .lk__reviews-list .reviews__list-item-header-author { order: 2; } .lk__reviews-list .reviews__list-item-gallery { display: none; } .lk__reviews-list .lk__bonus-points { position: absolute; top: 0; right: 0; } .lk__reviews-list-item-image { display: block; width: 130px; height: 130px; border-radius: 20px; background: var(--c-bg-grey); position: absolute; top: 0; left: calc(var(--ml) * -1); } .lk__reviews-list-item-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } @media (max-width: 760px) { .lk__reviews-list { --mb: 20px; --ml: 78px; } .lk__reviews-list .reviews__list-item { min-height: calc(var(--ml) - 18px + var(--mb)); } .lk__reviews-list-item-image { width: 60px; height: 60px; border-radius: 14px; } .lk__reviews-list .lk__bonus-points { top: -2px; } .lk__reviews-list .reviews__list-item-header { gap: 8px; } .lk__reviews-list .reviews__list-item-header .rating-stars { --size: 16px; } .lk__reviews-list .reviews__list-item-header-author-date { font-size: 12px; font-weight: 500; } } .lk__reviews_more { margin-top: 30px; } .review__popup .lk__bonus-points, .review__popup .lk__reviews-list-item-image, .review__popup .reviews__list-item-photos { display: none; } .lk__subs-form-section { margin: 0 0 50px 0; } .lk__subs-form-section:last-child { margin-bottom: 0; } .lk__subs-form-item { margin: 0 0 10px 0; padding: 20px; background: var(--c-bg-grey); border-radius: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; position: relative; } .lk__subs-form-item:last-child { margin-bottom: 0; } .lk__subs-form-item .checkbox-switch__label:after { display: block; content: ''; position: absolute; inset: 0; } @media (max-width: 760px) { .lk__subs-form .lk__subheading { font-size: 24px; } .lk__subs-form-section { margin-bottom: 40px; } .lk__subs-form-item { margin-bottom: 4px; padding: 15px; padding-left: 20px; border-radius: 20px; } } .lk__support-contacts { margin: 60px 0 40px 0; display: flex; flex-wrap: wrap; gap: 50px; } .lk__support-contacts-item-label { margin: 0 0 12px 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__support-contacts-item-label { font-size: 16px; } } @media (max-width: 760px) { .lk__support-contacts-item-label { font-size: 14px; } } .lk__support-contacts-item-main { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .lk__support-contacts-item-main { font-size: 2.6vw; } } @media (max-width: 760px) { .lk__support-contacts-item-main { font-size: 24px; } } .lk__support-contacts-item-hint { margin: 0; font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .lk__support-contacts-item-hint { font-size: 16px; } } @media (max-width: 760px) { .lk__support-contacts-item-hint { font-size: 14px; } } @media (max-width: 760px) { .lk__support-contacts { margin-top: 40px; margin-bottom: 30px; gap: 30px; } .lk__support-contacts-item-label, .lk__support-contacts-item-main { margin-bottom: 8px; } } .lk__program-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 30px; } @media (max-width: 1400px) { .lk__program-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .lk__program-heading { font-size: 24px; } } @media (max-width: 760px) { .lk__program-heading { margin-bottom: 20px; } } .lk__program-subheading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 20px; } @media (max-width: 1400px) { .lk__program-subheading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__program-subheading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } @media (max-width: 760px) { .lk__program-subheading { margin-bottom: 12px; } } .lk__program-loyalty { margin-bottom: 50px; padding: 40px; border-radius: 50px; background: linear-gradient(90deg, rgba(255, 79, 89, 0.1) 0%, rgba(221, 68, 135, 0.1) 100%); display: flex; align-items: start; gap: 40px; } .lk__program-loyalty-info { display: none; } .lk__program-loyalty-info-more a { font-size: 15px; font-weight: 500; } .lk__program-loyalty-body { flex: 0 0 30%; align-self: stretch; } .lk__program-loyalty-body._more { display: flex; flex-direction: column; justify-content: space-between; } .lk__program-loyalty-body .lk__program-loyalty-info { display: block; } .lk__program-loyalty-card { flex: 1 1 auto; aspect-ratio: 513 / 329; background: url(/local/templates/hollyshop/css/../img/loyalty-card.jpg), linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-size: cover; box-shadow: 0px 24px 80px rgba(239, 74, 111, 0.37), 0px 14.07px 17.869px rgba(239, 74, 111, 0.232697), 0px 4.18956px 5.32008px rgba(239, 74, 111, 0.156869), inset 0px 0px 22px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.4); border-radius: 30px; color: #fff; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; cursor: pointer; -webkit-tap-highlight-color: transparent; } .lk__program-loyalty-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .lk__program-loyalty-card-level { display: flex; align-items: center; gap: 10px; } .lk__program-loyalty-card-level-body { text-align: right; } .lk__program-loyalty-card-level-n { margin-bottom: 2px; } .lk__program-loyalty-card-level-info { opacity: 0.5; } .lk__program-loyalty-card-level .radial-level-progress { --size: 32px; color: #fff; } .lk__program-loyalty-card-level .radial-level-progress__bar { background: conic-gradient(#fff var(--progress), #ffffff20 0%); } .lk__program-loyalty-card-current-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 !important; } @media (max-width: 1400px) { .lk__program-loyalty-card-current-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .lk__program-loyalty-card-current-heading { margin-bottom: 25px; font-size: 36px; } } .lk__program-loyalty-card-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; } .lk__program-loyalty-card-bonus { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 7px; } .lk__program-loyalty-card-bonus-main strong { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 1px 0; display: flex; align-items: center; gap: 2px; } @media (max-width: 1400px) { .lk__program-loyalty-card-bonus-main strong { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__program-loyalty-card-bonus-main strong { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__program-loyalty-card-bonus-main strong:after { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/bonus-w.svg) 0 0 no-repeat; background-size: contain; } .lk__program-loyalty-card-bonus-hint { margin-top: -1px; padding: 3px 7px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 40px; } .lk__program-loyalty-card-progress { flex: 1 1 auto; max-width: 65%; font-size: 12px; } .lk__program-loyalty-card-progress-bar { height: 3px; position: relative; margin-bottom: 8px; } .lk__program-loyalty-card-progress-bar:before { display: block; content: ''; border-radius: 3px; background: #fff; opacity: 0.2; position: absolute; inset: 0; } .lk__program-loyalty-card-progress-bar-line { --progress: 0%; position: relative; background: #fff; border-radius: 3px; width: var(--progress); height: 100%; } .lk__program-loyalty-card-qr { flex-shrink: 0; width: 50px; } .lk__program-loyalty-card-qr img { display: block; width: 100%; height: auto; } .lk__program-loyalty-heading { margin-bottom: 12px; } .lk__program-loyalty-levels { margin: 20px 0 0 0; } .lk__program-loyalty-levels-item { min-height: 90px; padding-left: 52px; position: relative; color: var(--c-accent); opacity: 0.5; } .lk__program-loyalty-levels-item:last-child { min-height: 0; } .lk__program-loyalty-levels-item:last-child .lk__program-loyalty-levels-item-bar { display: none; } .lk__program-loyalty-levels-item._active { opacity: 1; } .lk__program-loyalty-levels-item-label { padding: 2px 6px 1px; background: #FA4E60; border-radius: 30px; color: #fff; position: absolute; top: 12px; left: 19px; transform: translateX(-50%); } .lk__program-loyalty-levels-item-name { font-size: 18px; line-height: 1.4; font-weight: 500; margin-bottom: 2px; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } @media (max-width: 1400px) { .lk__program-loyalty-levels-item-name { font-size: 16px; } } @media (max-width: 760px) { .lk__program-loyalty-levels-item-name { font-size: 14px; } } .lk__program-loyalty-levels-item-hint { background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .lk__program-loyalty-levels-item-bar { height: 58px; width: 3px; position: absolute; top: 40px; left: 18px; } .lk__program-loyalty-levels-item-bar:before { display: block; content: ''; position: absolute; inset: 0; border-radius: 3px; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); opacity: 0.2; } .lk__program-loyalty-levels-item-bar-line { border-radius: 3px; background: linear-gradient(90deg, #FF4F59 0%, #DD4487 100%); position: relative; height: var(--progress); } @media (max-width: 1400px) { .lk__program-loyalty { padding: 30px; gap: 30px; } } @media (max-width: 760px) { .lk__program-loyalty { padding: 0; background: none; border-radius: 0; margin-bottom: 40px; display: block; } .lk__program-loyalty-card { margin: 0 0 25px 0; padding: 20px; border-radius: 24px; } .lk__program-loyalty-card-current-copy, .lk__program-loyalty-card-level-body, .lk__program-loyalty-card-bonus-main span, .lk__program-loyalty-card-bonus-hint { font-size: 12px; line-height: 15px; } .lk__program-loyalty-card-bonus-main strong { margin-bottom: 0; line-height: 20px; } .lk__program-loyalty-card-bonus-main strong:after { width: 16px; height: 16px; } .lk__program-loyalty-card-bonus-hint { margin-top: 0; } .lk__program-loyalty-card-qr { width: 44px; } .lk__program-loyalty-info { display: block; margin-bottom: 20px; } .lk__program-loyalty-info-more { display: none; } .lk__program-loyalty-body .lk__program-loyalty-info { display: none; } .lk__program-loyalty-heading { font-size: 24px; margin-bottom: 10px; } .lk__program-loyalty-levels-item { min-height: 80px; } .lk__program-loyalty-levels-item-label { top: 8px; } .lk__program-loyalty-levels-item-name { margin-bottom: 4px; } .lk__program-loyalty-levels-item-hint { font-size: 12px; } .lk__program-loyalty-levels-item-bar { top: 33px; height: 52px; } } .lk__program-bonus { margin: 0 0 60px 0; } .lk__program-bonus-main { margin: 0 0 40px 0; padding: 30px; border-radius: 40px; background: linear-gradient(90deg, rgba(255, 79, 89, 0.1) 0%, rgba(221, 68, 135, 0.1) 100%); display: flex; align-items: start; justify-content: space-between; gap: 30px; } .lk__program-bonus-main-item .bonus-label { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 3px 0; } @media (max-width: 1400px) { .lk__program-bonus-main-item .bonus-label { font-size: 2.6vw; } } @media (max-width: 760px) { .lk__program-bonus-main-item .bonus-label { font-size: 24px; } } .lk__program-bonus-main-list { max-width: 500px; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; } .lk__program-bonus-main-list-item { padding: 4px 10px; background: #fff; border-radius: 30px; display: flex; align-items: center; gap: 5px; font-weight: 500; } .lk__program-bonus-main-list-item:before { flex-shrink: 0; display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/bonus-burn.svg) 0 0 no-repeat; background-size: contain; } @media (max-width: 760px) { .lk__program-bonus { margin-bottom: 40px; } .lk__program-bonus-main { margin-bottom: 30px; padding: 25px; border-radius: 30px; gap: 20px; flex-direction: column; } .lk__program-bonus-main-list { justify-content: flex-start; } .lk__program-bonus-main-list-item { padding: 5px 8px 3px 4px; font-size: 12px; line-height: 15px; gap: 2px; } .lk__program-bonus-main-list-item:before { width: 16px; height: 16px; } } .lk__program-bonus-list { border-radius: 20px; border: 1px solid var(--c-sep); overflow: hidden; } .lk__program-bonus-list-item { padding: 15px 19px; display: flex; gap: 20px; border-bottom: 1px solid var(--c-sep); position: relative; transition: background-color var(--trs-out); } .lk__program-bonus-list-item:last-child { border-bottom: 0; } .lk__program-bonus-list-item:hover { background: var(--c-bg-grey); transition: background-color var(--trs-in); } .lk__program-bonus-list-item-date { flex: 0 0 94px; color: var(--c-text-grey); } .lk__program-bonus-list-item-nu { flex: 1 1 auto; --c-link-hover: var(--c-link); } .lk__program-bonus-list-item-nu a:after { display: block; content: ''; position: absolute; inset: 0; } .lk__program-bonus-list-item-bonus { flex: 0 0 auto; } .lk__program-bonus-more { margin: 20px 0 0 0; } .lk__program-bonus-more .btn { width: 100%; } @media (max-width: 760px) { .lk__program-bonus-list-item { padding: 13px 17px; gap: 12px; } .lk__program-bonus-list-item-date { flex-basis: 80px; } } .lk__program-coupons { margin: 0 0 60px 0; } @media (max-width: 760px) { .lk__program-coupons { margin-bottom: 40px; } } .lk__home .lk__program-loyalty-body { flex-basis: 34%; } .lk__home .section { margin-bottom: 60px; } .lk__home .section:last-child { margin-bottom: 0; } .lk__home .section__header { margin-bottom: 30px; } @media (max-width: 760px) { .lk__home .section { margin-bottom: 40px; } .lk__home .section__header { display: block; margin-bottom: 20px; } .lk__home .section__header-inner { justify-content: space-between; gap: 4px; } .lk__home .section__header-more { display: block; } } .lk__home-orders .swiper { overflow: visible; } .lk__home-orders-all { display: flex; align-items: center; justify-content: center; min-height: 100%; white-space: nowrap; padding: 24px; background: var(--c-brand-light); border-radius: 30px; --c-link: var(--c-accent); --c-link-hover: var(--c-accent-text); } .notouch .lk__home-orders-all:hover { background: var(--c-accent); } .lk__home-orders .swiper-slide { width: calc(50% - 10px); height: auto; } @media (max-width: 760px) { .lk__home-orders .swiper-slide { min-width: 72vw; } } .swiper-slide:has(.lk__home-orders-all) { width: auto; min-width: 0; } .lk__home-orders .lk__orders-item { min-height: 100%; margin-bottom: 0; } @media (min-width: 761px) { .lk__home-orders .lk__orders-item { padding: 25px; border-radius: 25px; font-size: 14px; } .lk__home-orders .lk__orders-item-header { flex-wrap: wrap; } .lk__home-orders .lk__orders-item-header-status-item { font-size: 14px; line-height: 18px; } .lk__home-orders .lk__orders-item-header-status-payed { display: none; } .lk__home-orders .lk__orders-item-header-price { gap: 16px; } .lk__home-orders .lk__orders-item-header-price-bonus { font-size: 15px; } .lk__home-orders .lk__orders-item-header-price-bonus:after { width: 18px; height: 18px; } .lk__home-orders .lk__orders-item-header-price-item { font-size: 18px; margin-top: 1px; } .lk__home-orders .lk__orders-item-heading { margin-bottom: 4px; font-size: 18px; line-height: 1.4; } .lk__home-orders .lk__orders-item-info { margin-bottom: 15px; font-size: 15px; } .lk__home-orders .lk__orders-item-info-hint { color: var(--c-text-grey); } .lk__home-orders .lk__orders-item-list { gap: 6px; margin-top: 20px; } .lk__home-orders .lk__orders-item-list-item { width: 56px; height: 56px; border-radius: 12px; } .lk__home-orders .lk__orders-item-list-item._all { font-size: 12px; } .lk__home-orders .lk__orders-item-pay { display: block; margin-top: 20px; } .lk__home-orders .lk__orders-item-pay .btn { width: fit-content; font-size: 14px; line-height: 20px; padding: 17px 24px; border-radius: 18px; gap: 8px; } } @media (min-width: 761px) and (max-width: 1400px) { .lk__home-orders .lk__orders-item-heading { font-size: 16px; } } @media (min-width: 761px) and (max-width: 760px) { .lk__home-orders .lk__orders-item-heading { font-size: 14px; } } .lk__home-orders .lk__orders-item-info-hint { display: inline; } @media (max-width: 760px) { .lk__home-orders .lk__orders-item-info-hint { display: none; } } @media (max-width: 760px) { .lk__home-orders .lk__orders-item-header { gap: 4px 8px; } } .lk__home-reviews .catalog__list-item { width: 100%; display: contents; } @media (max-width: 760px) { .lk__home-favs { display: none; } } .lk__home-favs .catalog-card { opacity: 0.4; transition: opacity 0.2s; } .lk__home-favs .catalog-card .btn-fav:not(._active) svg { opacity: 0.8; } .lk__home-favs .catalog-card:has(.btn-fav._active) { opacity: 1; } @media (max-width: 760px) { .lk__home-support { display: none; } } .lk__home-nav { display: none; } @media (max-width: 760px) { .lk__home-nav { display: block; margin-bottom: 20px; background: var(--c-bg-grey); border-radius: 30px; padding: 12px 0; } .lk__home-nav .lk__nav-item { padding: 12px 24px; padding-right: 40px; font-weight: 500; position: relative; } .lk__home-nav .lk__nav-item img { width: 24px; height: 24px; } .lk__home-nav .lk__nav-item:after { display: block; content: ''; width: 18px; height: 18px; background: url(/local/templates/hollyshop/css/../img/icons/arrow-right-20.svg) 0 0 no-repeat; background-size: contain; opacity: 0.5; position: absolute; top: 50%; right: 24px; margin-top: -9px; } } .lk__home-logout { display: none; } @media (max-width: 760px) { .lk__home-logout { display: block; } .lk__home-logout-btn { width: 100%; padding: 4px; justify-content: center; font-weight: 500; } } .lk__discount-body { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .lk__discount-body { font-size: 16px; } } @media (max-width: 760px) { .lk__discount-body { font-size: 14px; } } .lk__discount-body p { max-width: 870px; margin-bottom: 12px; } .lk__discount-body h4 { margin-bottom: 12px; } .lk__discount-body ol { max-width: 870px; margin: 0.5em 0; padding: 0; list-style: none; counter-reset: olcounter; } .lk__discount-body ol > li { margin: 0 0 30px 0; padding: 0; padding-left: 38px; position: relative; } .lk__discount-body ol > li:before { counter-increment: olcounter; margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; display: block; content: counters(olcounter, ".") "."; position: absolute; top: 0; left: 0; } @media (max-width: 1400px) { .lk__discount-body ol > li:before { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .lk__discount-body ol > li:before { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .lk__discount-body ul { margin: 0.5em 0; padding: 0; list-style: none; } .lk__discount-body ul:first-child { margin-top: 0; } .lk__discount-body ul > li { margin: 0 0 12px 0; padding: 0 0 0 18px; position: relative; } .lk__discount-body ul > li:before { display: block; content: ''; width: 6px; height: 6px; border-radius: 6px; background: var(--c-base); position: absolute; top: 0.5lh; left: 0; margin-top: -3px; } @media (max-width: 760px) { .lk__discount-body ul > li { padding-left: 36px; } .lk__discount-body ul > li:before { left: 0; } } .lk__discount-body ul ol li:before { display: none; } .lk__discount-body a { text-decoration: underline solid currentColor; text-decoration-thickness: 1px; text-underline-offset: 2px; } .lk__discount-body a:hover { text-decoration-color: currentColor; } @media (max-width: 760px) { .lk__discount-body h4 { margin-bottom: 6px; } .lk__discount-body ol > li { padding-left: 25px; margin-bottom: 25px; } .lk__discount-body ul > li { padding-left: 12px; } .lk__discount-body ul > li:before { width: 4px; height: 4px; margin-top: -2px; } } .lk__discount-list { display: flex; gap: 4px; margin: 30px 0 50px 0; padding: 20px; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 50px; } .lk__discount-list-item { flex: 1 1 100%; aspect-ratio: 1; padding: 10px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; background: var(--c-brand-light); color: var(--c-accent); --bdrs: 30px; } .lk__discount-list-item:first-child { border-radius: var(--bdrs) 0 0 var(--bdrs); } .lk__discount-list-item:last-child { border-radius: 0 var(--bdrs) var(--bdrs) 0; } .lk__discount-list-item-name { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .lk__discount-list-item-name { font-size: 2.6vw; } } @media (max-width: 760px) { .lk__discount-list-item-name { font-size: 24px; } } .lk__discount-list-item._active { background: var(--c-accent); color: var(--c-accent-text); } @media (max-width: 760px) { .lk__discount-list { margin: 0; padding: 12px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); border-radius: 30px; min-width: 595px; } .lk__discount-list-wrapper { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: auto; scrollbar-width: none; margin: -40px 0 -30px 0; padding: 50px 0; } .lk__discount-list-item { --bdrs: 20px; aspect-ratio: none; height: 82px; } .lk__discount-list-item-label { font-size: 12px; } } @media (max-width: 760px) and (max-width: 1400px) { .lk__discount-list-wrapper { padding-left: 40px; padding-right: 40px; } } @media (max-width: 760px) and (max-width: 1024px) { .lk__discount-list-wrapper { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) and (max-width: 760px) { .lk__discount-list-wrapper { padding-left: 24px; padding-right: 24px; } } @media (max-width: 760px) and (max-width: 1400px) { .lk__discount-list-wrapper { margin-left: -40px; margin-right: -40px; } } @media (max-width: 760px) and (max-width: 1024px) { .lk__discount-list-wrapper { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) and (max-width: 760px) { .lk__discount-list-wrapper { margin-left: -24px; margin-right: -24px; } } .magazine { margin-top: var(--top-header-offset); } .magazine__header { max-width: 1920px; margin: 0 auto; margin-bottom: 77px; padding-top: var(--header-height); background: var(--c-bg-grey); border-radius: 0 0 50px 50px; position: relative; } .magazine__header:before { display: block; content: ''; width: 303px; height: 280px; background: url(/local/templates/hollyshop/css/../img/logo-symbol-big.png) 50% 0% no-repeat; background-size: 100% auto; position: absolute; bottom: 0; right: 20px; } .magazine__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: 100px; padding-bottom: 90px; } @media (max-width: 1400px) { .magazine__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .magazine__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .magazine__header-inner { padding-left: 24px; padding-right: 24px; } } .magazine__header-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .magazine__header-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .magazine__header-heading { margin-bottom: 25px; font-size: 36px; } } .magazine__header-search { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; max-width: none; position: absolute; top: 100%; left: 0; right: 0; transform: translateY(-50%); } @media (max-width: 1400px) { .magazine__header-search { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .magazine__header-search { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .magazine__header-search { padding-left: 24px; padding-right: 24px; } } .magazine__header-search-input { max-width: 660px; margin: 0 auto; position: relative; } .magazine__header-search-input .form__input { background: #fff; padding-left: 54px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); } .magazine__header-search-input:after { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/search-grey-20.svg) 0 0 no-repeat; position: absolute; top: 50%; left: 24px; margin-top: -10px; } .magazine__header-search-close { display: none; content: ''; width: 20px; height: 20px; position: absolute; top: 50%; right: 24px; margin-top: -10px; cursor: pointer; } @media (max-width: 760px) { .magazine__header { margin-bottom: 58px; } .magazine__header-inner { padding-top: 56px; padding-bottom: 53px; } .magazine__header-heading { margin-bottom: 0; padding-right: 160px; } .magazine__header:before { width: 170px; height: 169px; bottom: 10px; right: -10px; } } .magazine__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .magazine__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .magazine__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .magazine__body { padding-left: 24px; padding-right: 24px; } } .magazine__body .tabs { margin-bottom: 40px; } @media (max-width: 760px) { .magazine__body .tabs { margin-bottom: 20px; } } .magazine__body .tabs__header-item:first-child { margin-left: auto; } .magazine__body .tabs__header-item:last-child { margin-right: auto; } .magazine__list { display: flex; flex-direction: column; gap: 50px; } .magazine__list-more { margin-top: 50px; } .magazine__list-more .btn { width: 100%; } @media (max-width: 1000px) { .magazine__list { gap: 30px; } .magazine__list-more { margin-top: 30px; } } .magazine__big { border-radius: 50px; overflow: hidden; position: relative; display: flex; flex-direction: column; min-height: 500px; } .magazine__big-body { flex: 1 1 auto; width: 50%; padding: 50px; } .magazine__big-bottom { flex: 0 0 auto; border-top: 1px solid #fff; } .magazine__big-bottom-date { display: none; } .magazine__big-image { position: absolute; inset: 0; z-index: -1; } .magazine__big-image img { width: 100%; height: 100%; object-fit: cover; } .magazine__big-image img:first-child:last-child { display: block !important; } .magazine__big-image-desktop { display: block; } .magazine__big-image-mobile { display: none; } @media (max-width: 760px) { .magazine__big-image-desktop { display: none; } .magazine__big-image-mobile { display: block; } } .magazine__big-header { display: flex; gap: 8px 16px; margin: 0 0 24px 0; font-weight: 500; } .magazine__big-header-category { --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); position: relative; z-index: 1; } .magazine__big-header-date { color: var(--c-text-grey); } .magazine__big-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; text-wrap: balance; } @media (max-width: 1400px) { .magazine__big-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .magazine__big-heading { font-size: 24px; } } .magazine__big-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .magazine__big-copy { max-width: 500px; margin: 0; font-size: 18px; line-height: 1.4; text-wrap: pretty; } @media (max-width: 1400px) { .magazine__big-copy { font-size: 16px; } } @media (max-width: 760px) { .magazine__big-copy { font-size: 14px; } } .magazine__big-cta { width: fit-content; padding: 30px; border-right: 1px solid #fff; } .magazine__big-cta .btn { position: relative; z-index: 1; display: block; } .magazine__big-cta .btn span { color: var(--c-text-grey); transition: color var(--trs-out); } .notouch .magazine__big-cta .btn:hover span { color: var(--c-btn-text-hover); transition: color var(--trs-in); } .magazine__big._text-white .magazine__big-body { color: #fff; --c-text-grey: #fff; --c-link: #fff; --c-link-hover: #fff; --c-accent: #fff; --c-link-accent-hover: #fff; } .magazine__big._text-white .magazine__big-body a:hover { opacity: 0.75; } @media (max-width: 1000px) { .magazine__big { border-radius: 40px; min-height: 400px; } .magazine__big-body { padding: 40px; } .magazine__big-header { margin-bottom: 16px; } .magazine__big-heading { margin-bottom: 12px; } } @media (max-width: 760px) { .magazine__big { border-radius: 30px; } .magazine__big-body { width: auto; max-width: 292px; padding: 25px; border: 0; } .magazine__big-header { margin-bottom: 12px; font-size: 12px; } .magazine__big-header-date { display: none; } .magazine__big-heading { margin-bottom: 10px; } .magazine__big-bottom { padding: 25px; border: 0; } .magazine__big-bottom-date { display: block; font-size: 12px; font-weight: 500; } .magazine__big-cta { display: none; } } .magazine__card { position: relative; width: 100%; } .magazine__card-image { width: 100%; height: auto; aspect-ratio: 312 / 342; margin: 0 0 20px 0; border-radius: 30px; overflow: hidden; } .magazine__card-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .magazine__card-category { margin: 0 0 8px 0; font-weight: 500; } .magazine__card-category a { --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); position: relative; z-index: 1; } .magazine__card-heading { margin: 0 0 8px 0; font-size: 18px; line-height: 1.4; font-weight: bold; text-wrap: pretty; } @media (max-width: 1400px) { .magazine__card-heading { font-size: 16px; } } @media (max-width: 760px) { .magazine__card-heading { font-size: 14px; } } .magazine__card-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .magazine__card-date { margin: 0; color: var(--c-text-grey); } @media (max-width: 760px) { .magazine__card-image { aspect-ratio: 342 / 264; margin-bottom: 8px; } .magazine__card-category { margin-bottom: 6px; font-size: 12px; } .magazine__card-heading { margin-bottom: 6px; } .magazine__card-date { font-size: 12px; --c-text-grey: var(--c-base); } } .magazine__card-big { min-height: 300px; display: flex; align-items: stretch; } .magazine__card-big .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__card-big .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__card-big .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__card-big .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__card-big .magazine__card-category a:hover { opacity: 0.75; } .magazine__card-big .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } @media (max-width: 1400px) { .magazine__card-big .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .magazine__card-big .magazine__card-heading { font-size: 24px; } } .magazine__card-big .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__card-big .magazine__card-heading a:hover { opacity: 0.75; } .magazine__card-big .magazine__card-date { color: #fff; } @media (max-width: 1000px) { .magazine__card-big .magazine__card-body { padding: 30px; } .magazine__card-big .magazine__card-image { border-radius: 30px; } .magazine__card-big-category { margin-bottom: 6px; font-size: 12px; } .magazine__card-big-heading { margin-bottom: 6px; } .magazine__card-big-date { font-size: 12px; --c-text-grey: var(--c-base); } } .magazine__list-main { display: flex; align-items: stretch; flex-wrap: wrap; gap: 50px 30px; } @media (max-width: 1000px) { .magazine__list-main { gap: 30px; } } @media (max-width: 760px) { .magazine__list-main { gap: 30px 20px; } } @media (min-width: 1001px) { .magazine__list-main:nth-of-type(odd) .magazine__card { flex: 0 0 calc(25% - 22.5px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) { flex-basis: calc(50% - 15px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-date { color: #fff; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) { flex-basis: calc(50% - 15px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-date { color: #fff; } } @media (min-width: 1001px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-heading { font-size: 2.6vw; } } @media (min-width: 1001px) and (max-width: 760px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-heading { font-size: 24px; } } @media (min-width: 1001px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n+3)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (min-width: 1001px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-heading { font-size: 2.6vw; } } @media (min-width: 1001px) and (max-width: 760px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-heading { font-size: 24px; } } @media (min-width: 1001px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(14n-2)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 1000px) and (min-width: 761px) { .magazine__list-main:nth-of-type(odd) .magazine__card { flex: 0 0 calc(33.333% - 20px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) { flex-basis: calc(66.666% - 10px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-date { color: #fff; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) { flex-basis: calc(66.666% - 10px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-date { color: #fff; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 760px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-heading { font-size: 24px; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n+2)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 760px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-heading { font-size: 24px; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-1)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 760px) and (min-width: 451px) { .magazine__list-main:nth-of-type(odd) .magazine__card { flex: 0 0 calc(50% - 10px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) { flex-basis: 100%; min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-date { color: #fff; } } @media (max-width: 760px) and (min-width: 451px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 760px) and (min-width: 451px) and (max-width: 760px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-heading { font-size: 24px; } } @media (max-width: 760px) and (min-width: 451px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(odd) .magazine__card:nth-child(7n-4)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (min-width: 1001px) { .magazine__list-main:nth-of-type(even) .magazine__card { flex: 0 0 calc(25% - 22.5px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) { flex-basis: calc(50% - 15px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-date { color: #fff; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) { flex-basis: calc(50% - 15px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-date { color: #fff; } } @media (min-width: 1001px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-heading { font-size: 2.6vw; } } @media (min-width: 1001px) and (max-width: 760px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-heading { font-size: 24px; } } @media (min-width: 1001px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n+5)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (min-width: 1001px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-heading { font-size: 2.6vw; } } @media (min-width: 1001px) and (max-width: 760px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-heading { font-size: 24px; } } @media (min-width: 1001px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(14n-4)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 1000px) and (min-width: 761px) { .magazine__list-main:nth-of-type(even) .magazine__card { flex: 0 0 calc(33.333% - 20px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) { flex-basis: calc(66.666% - 10px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-date { color: #fff; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) { flex-basis: calc(66.666% - 10px); min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-date { color: #fff; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 760px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-heading { font-size: 24px; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n+1)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 760px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-heading { font-size: 24px; } } @media (max-width: 1000px) and (min-width: 761px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n)-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 760px) and (min-width: 451px) { .magazine__list-main:nth-of-type(even) .magazine__card { flex: 0 0 calc(50% - 10px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) { flex-basis: 100%; min-height: 300px; display: flex; align-items: stretch; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-category a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-heading a:hover { opacity: 0.75; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-date { color: #fff; } } @media (max-width: 760px) and (min-width: 451px) and (max-width: 1400px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-heading { font-size: 2.6vw; } } @media (max-width: 760px) and (min-width: 451px) and (max-width: 760px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-heading { font-size: 24px; } } @media (max-width: 760px) and (min-width: 451px) and (max-width: 1000px) { .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-body { padding: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4) .magazine__card-image { border-radius: 30px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4)-category { margin-bottom: 6px; font-size: 12px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4)-heading { margin-bottom: 6px; } .magazine__list-main:nth-of-type(even) .magazine__card:nth-child(7n-4)-date { font-size: 12px; --c-text-grey: var(--c-base); } } .magazine-article__header { max-width: 1920px; margin: 0 auto 60px auto; margin-top: var(--top-header-offset); padding-top: var(--header-height); position: relative; color: #fff; --c-link: #fff; --c-link-hover: #fff; } .magazine-article__header-back { position: absolute; inset: 0; overflow: hidden; border-radius: 0 0 50px 50px; } .magazine-article__header-back:before { display: block; content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(150px); } .magazine-article__header-back img { display: block; width: 100%; height: 100%; object-fit: cover; } .magazine-article__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; position: relative; } @media (max-width: 1400px) { .magazine-article__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .magazine-article__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .magazine-article__header-inner { padding-left: 24px; padding-right: 24px; } } .magazine-article__header-top { display: none; align-items: center; justify-content: space-between; gap: 8px 20px; margin-bottom: 12px; } .magazine-article__header-top-tag { padding: 6px 10px; background: rgba(0, 0, 0, 0.2); background-blend-mode: darken; border-radius: 300px; } .magazine-article__header-top-date { font-weight: 500; opacity: 0.5; } .magazine-article__header-image { max-width: 720px; margin: 0 auto; margin-bottom: 50px; } .magazine-article__header-image img { display: block; width: 100%; height: auto; border-radius: 30px; } .magazine-article__header-main { display: flex; gap: 20px; justify-content: space-between; margin-bottom: 20px; } .magazine-article__header-main-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 !important; max-width: 915px; } @media (max-width: 1400px) { .magazine-article__header-main-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .magazine-article__header-main-heading { margin-bottom: 25px; font-size: 36px; } } .magazine-article__header-main-date { flex-shrink: 0; opacity: 0.5; font-weight: 500; } .magazine-article__header-bottom { display: flex; gap: 20px; justify-content: space-between; } .notouch .magazine-article__header-path a:hover { opacity: 0.75; } .magazine-article__header-share path { stroke: currentColor; } .magazine-article__header .share-body { --c-text: var(--c-base); color: var(--c-text); --c-link: var(--c-base); --c-link-hover: var(--c-base); } @media (max-width: 1000px) { .magazine-article__header { margin-bottom: 40px; } .magazine-article__header-inner { padding-top: 40px; padding-bottom: 40px; } .magazine-article__header-back { border-radius: 0 0 40px 40px; } .magazine-article__header-image { margin-bottom: 30px; } } @media (max-width: 760px) { .magazine-article__header { margin-bottom: 30px; } .magazine-article__header-inner { padding-top: 46px; padding-bottom: 24px; display: flex; flex-direction: column; } .magazine-article__header-back { border-radius: 0 0 40px 40px; } .magazine-article__header-top { order: 1; display: flex; } .magazine-article__header-main { order: 2; margin-bottom: 12px; } .magazine-article__header-main-date { display: none; } .magazine-article__header-bottom { order: 3; margin: 0; } .magazine-article__header-path { display: none; } .magazine-article__header .share-body { right: auto; left: 0; } .magazine-article__header-image { order: 4; max-width: none; margin: 30px 0 0 0; } } .magazine-article { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; --gap: 70px; --side: 220px; display: flex; gap: var(--gap); margin-bottom: 60px; overflow-x: clip; } @media (max-width: 1400px) { .magazine-article { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .magazine-article { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .magazine-article { padding-left: 24px; padding-right: 24px; } } .magazine-article__side { flex: 0 0 var(--side); min-width: 0; } .magazine-article__side-top { margin: 0 0 20px 0; } .magazine-article__side-top a { --c-link: var(--c-text-grey); color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-size: 15px !important; } .magazine-article__side-top a:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .magazine-article__side-top a:hover { color: var(--c-link); } @media (max-width: 1400px) { .magazine-article__side-top a { font-size: 16px; } } @media (max-width: 760px) { .magazine-article__side-top a { font-size: 14px; } } .magazine-article__side-top a svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .magazine-article__side-top a path[fill] { fill: currentColor; transition: fill var(--trs-out); } .magazine-article__side-top a path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .magazine-article__side-top a:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .magazine-article__side-top a:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .magazine-article__side-list { margin: 0; padding: 0; list-style: none; } .magazine-article__side-list li { margin: 0 0 12px 0; padding: 0; } .magazine-article__side-list li:before { display: none; } .magazine-article__side-list a { display: flex; align-items: center; gap: 10px; min-width: 0; font-weight: 500; } .magazine-article__side-list a img { flex-shrink: 0; display: block; width: 38px; height: 38px; border-radius: 12px; } .magazine-article__side-list a span { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .magazine-article__main { min-width: 0; flex: 0 0 calc(100% - var(--gap) * 2 - var(--side) * 2); } @media (max-width: 1400px) { .magazine-article__main { flex: 1 1 auto; } } @media (max-width: 1100px) { .magazine-article { --gap: 40px; } } @media (max-width: 1000px) { .magazine-article { display: block; } .magazine-article__side { display: none; } } .magazine-article__main-contents { margin: 0 0 30px 0; padding: 30px; border-radius: 30px; background: var(--c-bg-grey); font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .magazine-article__main-contents { font-size: 16px; } } @media (max-width: 760px) { .magazine-article__main-contents { font-size: 14px; } } .magazine-article__main-contents-heading { font-weight: bold; } .magazine-article__main-contents ol { counter-reset: olcounter; list-style: none; margin: 0; padding: 0; } .magazine-article__main-contents ol:first-child { margin-top: 0; } .magazine-article__main-contents ol > li { margin: 0 0 0.4em 0; padding: 0 0 0 1.55em; position: relative; } .magazine-article__main-contents ol > li:last-child { margin-bottom: 0; } .magazine-article__main-contents ol > li:before { width: 1.1em; counter-increment: olcounter; display: block; content: counters(olcounter, ".") "."; position: absolute; top: 0; left: 0; text-align: right; font-variant-numeric: tabular-nums; } @media (max-width: 760px) { .magazine-article__main-contents { margin-bottom: 25px; padding: 25px; border-radius: 20px; } } .magazine-article__main-footer { margin: 30px 0 0 0; display: flex; justify-content: space-between; gap: 20px; } .magazine-article__main-footer-date { color: var(--c-text-grey); font-weight: 500; } .magazine-article__main-footer-share .share-body { right: auto; left: 0; } .magazine-article__footer { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .magazine-article__footer { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .magazine-article__footer { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .magazine-article__footer { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1001px) { .magazine-slider .swiper-slide { width: calc(25% - 22.5px); height: auto; display: flex; align-items: stretch; } .magazine-slider .swiper-slide._big { flex-basis: calc(50% - 15px); } .magazine-slider .swiper-slide._big .magazine__card { min-height: 300px; display: flex; align-items: stretch; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-image { margin: 0; position: absolute; inset: 0; aspect-ratio: auto; border-radius: 40px; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-image:after { display: block; content: ''; position: absolute; inset: -1px; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(75px); } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-body { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-category a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine-slider .swiper-slide._big .magazine__card .magazine__card-category a:hover { opacity: 0.75; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-heading { max-width: 90%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-heading a { --c-link: #fff; --c-link-hover: #fff; } .notouch .magazine-slider .swiper-slide._big .magazine__card .magazine__card-heading a:hover { opacity: 0.75; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-date { color: #fff; } } @media (min-width: 1001px) and (max-width: 1400px) { .magazine-slider .swiper-slide._big .magazine__card .magazine__card-heading { font-size: 2.6vw; } } @media (min-width: 1001px) and (max-width: 760px) { .magazine-slider .swiper-slide._big .magazine__card .magazine__card-heading { font-size: 24px; } } @media (min-width: 1001px) and (max-width: 1000px) { .magazine-slider .swiper-slide._big .magazine__card .magazine__card-body { padding: 30px; } .magazine-slider .swiper-slide._big .magazine__card .magazine__card-image { border-radius: 30px; } .magazine-slider .swiper-slide._big .magazine__card-category { margin-bottom: 6px; font-size: 12px; } .magazine-slider .swiper-slide._big .magazine__card-heading { margin-bottom: 6px; } .magazine-slider .swiper-slide._big .magazine__card-date { font-size: 12px; --c-text-grey: var(--c-base); } } @media (max-width: 1000px) { .magazine-slider .swiper-slide { width: calc(33% - 13.3px); height: auto; display: flex; align-items: stretch; opacity: 0; transition: opacity 0.3s; pointer-events: none; } .magazine-slider .swiper-slide.swiper-slide-visible { opacity: 1; pointer-events: auto; } } @media (max-width: 1000px) and (max-width: 760px) { .magazine-slider .swiper-slide { width: 220px; } } body:has(.giftcards) .top { --top-bg: rgba(255, 255, 255, 0.85); } body:has(.giftcards) .top .header { background: transparent; } body:has(.giftcards) .top .header__top, body:has(.giftcards) .top .header__bottom { background: var(--top-bg); backdrop-filter: blur(8px); } .giftcards { overflow: clip; margin-top: var(--top-header-offset); padding-top: var(--header-height); margin-bottom: -100px; } .giftcards__inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; gap: 125px; } @media (max-width: 1400px) { .giftcards__inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .giftcards__inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .giftcards__inner { padding-left: 24px; padding-right: 24px; } } .giftcards__body { flex: 0 0 550px; padding-bottom: 100px; padding-top: 60px; padding-right: 50px; border-right: 1px solid var(--c-sep); } .giftcards__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 30px; } @media (max-width: 1400px) { .giftcards__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .giftcards__heading { margin-bottom: 25px; font-size: 36px; } } .giftcards__form { --mb: 30px; margin: 0 0 var(--mb) 0; } .giftcards__form-cards { display: none; } .giftcards__form-type .tabs__header-item._active { font-weight: 500; } .giftcards__form-label { margin: var(--mb) 0 20px 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .giftcards__form-label { font-size: 16px; } } @media (max-width: 760px) { .giftcards__form-label { font-size: 14px; } } .giftcards__form-types { margin: 0 0 var(--mb) 0; } .giftcards__form-amount { margin: 0 0 var(--mb) 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; } .giftcards__form-amount li { margin: 0; padding: 0; } .giftcards__form-amount li:before { display: none; } .giftcards__form-amount .radio { display: flex; align-items: center; justify-content: center; min-width: 118px; min-height: 58px; padding: 10px; font-size: 18px; line-height: 1.4; text-align: center; background: var(--c-bg-grey); border-radius: 20px; transition: box-shadow 0.1s; user-select: none; } @media (max-width: 1400px) { .giftcards__form-amount .radio { font-size: 16px; } } @media (max-width: 760px) { .giftcards__form-amount .radio { font-size: 14px; } } .giftcards__form-amount .radio i { display: none; } .giftcards__form-amount .radio-checked { box-shadow: 0 0 0 3px var(--c-accent); font-weight: 500; pointer-events: none; } .giftcards__form-item { margin: 0 0 20px 0; } .giftcards__form-item a { color: var(--c-btn); } .giftcards__form-item a:hover { color: var(--c-btn-hover); } .giftcards__form-submit { z-index: 2; transition: margin 0.1s; } .giftcards__form-submit-trigger { position: relative; pointer-events: none; top: 30px; } .giftcards__form-submit .btn { width: 100%; } .giftcards._electronic .giftcards__form-submit { position: sticky; bottom: 30px; } .giftcards._electronic._submit-fixed .giftcards__form-submit { margin-left: -20px; margin-right: -20px; } .giftcards__features { margin-bottom: 60px; } .giftcards__features-item { margin: 0 0 30px 0; display: flex; gap: 20px; } .giftcards__features-item:last-child { margin-bottom: 0; } .giftcards__features-item-icon { flex-shrink: 0; display: block; width: 70px; height: 70px; border-radius: 20px; object-fit: cover; } .giftcards__features-item-body { flex: 1 1 auto; min-width: 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .giftcards__features-item-body { font-size: 16px; } } @media (max-width: 760px) { .giftcards__features-item-body { font-size: 14px; } } .giftcards__features-item-body p { margin: 0 0 6px 0; } .giftcards__features-item-body p:last-child { margin-bottom: 0; } .giftcards__features-item-heading { font-weight: bold; } .giftcards__faq-heading { margin-bottom: 35px; } .giftcards__cards { align-self: start; min-height: calc(100dvh - var(--header-height)); display: flex; align-items: center; flex: 1 1 auto; margin-right: 125px; position: sticky; top: var(--header-height); padding-bottom: var(--header-height); } .giftcards__cards-list { width: 100%; aspect-ratio: 637 / 425; position: relative; --trs: 0.5s; --easing: ease-out; user-select: none; } .giftcards__cards-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 33px; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow: hidden; background: var(--c-brand); transition: transform var(--trs) linear(0, 0.36 6.5%, 0.635 13.5%, 0.832 21.2%, 0.904 25.4%, 0.96 30%, 1.015 37.8%, 1.036 47.2%, 1.034 55.2%, 1.005 80.1%, 1), opacity calc(var(--trs) * 0.5) var(--easing), filter calc(var(--trs) * 0.5) var(--easing); } .giftcards__cards-item img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 761px) { .giftcards__cards-item[data-position="0"] { z-index: 10; box-shadow: 0px 70px 80px rgba(17, 17, 17, 0.15); cursor: default; } .giftcards__cards-item[data-position="1"] { z-index: 9; transform: scale(0.75) translate(10%, 70%) rotate(-10deg); filter: blur(1.5px); } .giftcards__cards-item[data-position="2"] { z-index: 8; transform: scale(0.67) translate(35%, 130%) rotate(-20deg); filter: blur(9px); } .giftcards__cards-item[data-position="3"] { z-index: 7; transform: scale(0.6) translate(85%, 187%) rotate(-20deg); filter: blur(18px); } .giftcards__cards-item[data-position="4"] { z-index: 6; transform: scale(0.55) translate(120%, 220%) rotate(-20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="5"] { z-index: 5; transform: scale(0.5) translate(160%, 270%) rotate(-20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="6"] { z-index: 4; transform: scale(0.45) translate(200%, 320%) rotate(-20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="7"] { z-index: 3; transform: scale(0.4) translate(240%, 370%) rotate(-20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="8"], .giftcards__cards-item[data-position="9"], .giftcards__cards-item[data-position="10"], .giftcards__cards-item[data-position="11"] { z-index: 3; transform: scale(0.4) translate(240%, 370%) rotate(-20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="-1"] { z-index: 9; transform: scale(0.75) translate(10%, -70%) rotate(10deg); filter: blur(1.5px); } .giftcards__cards-item[data-position="-2"] { z-index: 8; transform: scale(0.67) translate(35%, -130%) rotate(20deg); filter: blur(9px); } .giftcards__cards-item[data-position="-3"] { z-index: 7; transform: scale(0.6) translate(85%, -187%) rotate(20deg); filter: blur(18px); } .giftcards__cards-item[data-position="-4"] { z-index: 6; transform: scale(0.55) translate(120%, -220%) rotate(20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="-5"] { z-index: 5; transform: scale(0.5) translate(160%, -270%) rotate(20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="-6"] { z-index: 4; transform: scale(0.45) translate(200%, -320%) rotate(20deg); filter: blur(18px); opacity: 0; } .giftcards__cards-item[data-position="-7"] { z-index: 3; transform: scale(0.4) translate(240%, -370%) rotate(20deg); filter: blur(18px); opacity: 0; } } .giftcards._electronic .giftcards__faq .accordeon._real { display: none; } .giftcards._real .giftcards__form-electronic { display: none; } .giftcards._real .giftcards__faq .accordeon._electronic { display: none; } @media (max-width: 1400px) { .giftcards__inner { gap: 50px; } .giftcards__cards { margin-right: 50px; } } @media (max-width: 1100px) { .giftcards__inner { gap: 40px; } .giftcards__cards { margin-right: 0; } } @media (max-width: 1000px) { .giftcards__inner { gap: 40px; } .giftcards__body { flex-basis: 60%; } .giftcards__cards { margin-right: 0; } .giftcards__form-amount .radio { min-width: 110px; } } @media (max-width: 760px) { .giftcards__inner { display: block; } .giftcards__body { padding-top: 60px; padding-right: 0; border-right: 0; } .giftcards__heading { margin-bottom: 26px; } .giftcards__form-cards { display: block; width: 100%; max-width: 260px; margin: 77px auto 80px auto; aspect-ratio: 637 / 425; } .giftcards__form-type .tabs__header-item { padding: 8px; } .giftcards__form-type .tabs__header-item._active { font-weight: 500; } .giftcards__form-label { margin-bottom: 16px; font-size: 17px; font-weight: bold; } .giftcards__form-item { margin-bottom: 12px; } .giftcards__form-amount { gap: 4px; } .giftcards__form-amount .radio { min-width: 82px; min-height: 44px; border-radius: 18px; } .giftcards__form-amount .radio-checked { box-shadow: 0 0 0 2px var(--c-accent); } .giftcards__form-submit { margin-top: var(--mb); } .giftcards__form-submit-trigger { position: relative; pointer-events: none; top: 80px; } .giftcards__form-submit .btn { width: 100%; } .giftcards._electronic .giftcards__form-submit { bottom: 80px; } .giftcards._electronic._submit-fixed .giftcards__form-submit { margin-left: -8px; margin-right: -8px; } .giftcards__features { margin-bottom: 40px; } .giftcards__features-item { margin-bottom: 20px; gap: 12px; } .giftcards__features-item-icon { width: 52px; height: 52px; border-radius: 16px; } .giftcards__features-item-body p { margin-bottom: 4px; } .giftcards__cards { display: none; } .giftcards__cards-item { border-radius: 18px; } .giftcards__cards-item[data-position="0"] { z-index: 10; box-shadow: 0px 36px 42px rgba(17, 17, 17, 0.15); } .giftcards__cards-item[data-position="1"] { z-index: 9; transform: scale(0.65) translate(72%, 0%) rotateY(-80deg); } .giftcards__cards-item[data-position="2"] { z-index: 8; transform: scale(0.5) translate(111%, 0%) rotateY(-70deg); } .giftcards__cards-item[data-position="3"] { z-index: 7; transform: scale(0.45) translate(115%, 0%) rotateY(-50deg); } .giftcards__cards-item[data-position="4"] { z-index: 6; transform: scale(0.45) translate(115%, 0%) rotateY(-50deg); } .giftcards__cards-item[data-position="5"] { z-index: 5; transform: scale(0.45) translate(115%, 0%) rotateY(-50deg); } .giftcards__cards-item[data-position="6"] { z-index: 4; transform: scale(0.45) translate(115%, 0%) rotateY(-50deg); } .giftcards__cards-item[data-position="7"] { z-index: 3; transform: scale(0.45) translate(115%, 0%) rotateY(-50deg); } .giftcards__cards-item[data-position="-1"] { z-index: 9; transform: scale(0.65) translate(-72%, 0%) rotateY(80deg); } .giftcards__cards-item[data-position="-2"] { z-index: 8; transform: scale(0.5) translate(-111%, 0%) rotateY(70deg); } .giftcards__cards-item[data-position="-3"] { z-index: 7; transform: scale(0.45) translate(-115%, 0%) rotateY(50deg); } .giftcards__cards-item[data-position="-4"] { z-index: 6; transform: scale(0.45) translate(-115%, 0%) rotateY(50deg); } .giftcards__cards-item[data-position="-5"] { z-index: 5; transform: scale(0.45) translate(-115%, 0%) rotateY(50deg); } .giftcards__cards-item[data-position="-6"] { z-index: 4; transform: scale(0.45) translate(-115%, 0%) rotateY(50deg); } .giftcards__cards-item[data-position="-7"] { z-index: 3; transform: scale(0.45) translate(-115%, 0%) rotateY(50deg); } .giftcards__cards-list { perspective: 700px; } .giftcards__faq-heading { margin-bottom: 20px; } } .sales__header { position: relative; } .sales__header .catalog__header { margin-bottom: 82px; } .sales__header .catalog__header-inner { padding-bottom: 95px; } .sales__header-search { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; max-width: none; position: absolute; top: 100%; left: 0; right: 0; transform: translateY(-50%); } @media (max-width: 1400px) { .sales__header-search { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .sales__header-search { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .sales__header-search { padding-left: 24px; padding-right: 24px; } } .sales__header-search-input { max-width: 660px; margin: 0 auto; position: relative; } .sales__header-search-input .form__input { background: #fff; padding-left: 54px; box-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1), 0px 12px 72px rgba(17, 17, 17, 0.1); } .sales__header-search-input:after { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/search-grey-20.svg) 0 0 no-repeat; position: absolute; top: 50%; left: 24px; margin-top: -10px; } @media (max-width: 1000px) { .sales__header .catalog__header { margin-bottom: 72px; } .sales__header .catalog__header-inner { padding-bottom: 72px; } } @media (max-width: 760px) { .sales__header .catalog__header { margin-bottom: 56px; } .sales__header .catalog__header-inner { padding-bottom: 48px; } } .sales__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .sales__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .sales__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .sales__body { padding-left: 24px; padding-right: 24px; } } .sales__info { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 20px; margin: 0 0 30px 0; } .sales__info-qnt { font-size: 18px; line-height: 1.4; color: var(--c-text-grey); } @media (max-width: 1400px) { .sales__info-qnt { font-size: 16px; } } @media (max-width: 760px) { .sales__info-qnt { font-size: 14px; } } .sales__info-sort .switch-list__btn-label { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .sales__info-sort .switch-list__btn-label { font-size: 16px; } } @media (max-width: 760px) { .sales__info-sort .switch-list__btn-label { font-size: 14px; } } .sales__info-sort .switch-list__list { left: auto; right: 0; } @media (max-width: 760px) { .sales__info { margin-bottom: 20px; } } .sales__card { position: relative; } .sales__card-image { width: 100%; aspect-ratio: 655 / 410; margin: 0 0 30px 0; border-radius: 30px; overflow: hidden; } .sales__card-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .sales__card-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .sales__card-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .sales__card-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .sales__card-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .sales__card-copy { margin: 12px 0 0 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .sales__card-copy { font-size: 16px; } } @media (max-width: 760px) { .sales__card-copy { font-size: 14px; } } .sales__card-price { margin: 20px 0 0 0; } .sales__card-price-last { font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .sales__card-price-last { font-size: 16px; } } @media (max-width: 760px) { .sales__card-price-last { font-size: 14px; } } .sales__card-price-full { font-weight: bold; text-decoration: line-through; color: var(--c-accent); opacity: 0.3; } .sales__card-price:has(.sales__card-price-full) { color: var(--c-accent); } @media (max-width: 1000px) { .sales__card-image { margin-bottom: 20px; } .sales__card-copy { margin-top: 8px; } .sales__card-price { margin-top: 10px; } } .sales__list { display: flex; flex-wrap: wrap; gap: 50px 30px; } .sales__list-item { width: calc(50% - 15px); } @media (max-width: 1000px) { .sales__list { gap: 40px 20px; } .sales__list-item { width: calc(50% - 10px); } } @media (max-width: 600px) { .sales__list-item { width: 100%; } } .sales__more { margin: 50px 0 0 0; } .sales__more .btn { width: 100%; } @media (max-width: 1000px) { .sales__more { margin-top: 40px; } } @media (min-width: 761px) { .sales__item .magazine-article__header-bottom { margin-bottom: 16px; } } .sales__item .magazine-article__header-main { flex-direction: column; gap: 20px; } @media (min-width: 761px) { .sales__item .magazine-article__header-main { margin-bottom: 0; } } .sales__item-body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .sales__item-body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .sales__item-body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .sales__item-body { padding-left: 24px; padding-right: 24px; } } .sales__item-article { max-width: 760px; margin: 0 auto; margin-bottom: 60px; } @media (max-width: 1000px) { .sales__item-article { margin-bottom: 40px; } } .sales__item-cta { margin: 30px 0; } .sales__item-cta .btn { width: 100%; } @media (max-width: 1000px) { .sales__item-cta { margin: 25px 0; } } .sales__item-footer { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .sales__item-footer { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .sales__item-footer { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .sales__item-footer { padding-left: 24px; padding-right: 24px; } } @media (min-width: 761px) { .sales__item-slider .swiper-slide { width: calc(50% - 15px); height: auto; } } @media (max-width: 760px) { .sales__item-slider .swiper-slide { width: 78vw; height: auto; display: flex; align-items: stretch; opacity: 1; pointer-events: auto; } } .collections__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .collections__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .collections__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .collections__body { padding-left: 24px; padding-right: 24px; } } .collections__body .tabs { margin-top: -10px; margin-bottom: 40px; } @media (max-width: 1000px) { .collections__body .tabs { margin-top: 40px; margin-bottom: 30px; } } @media (max-width: 760px) { .collections__body .tabs { margin-top: 30px; margin-bottom: 20px; } } .collections__body .tabs__header-item:first-child { margin-left: auto; } .collections__body .tabs__header-item:last-child { margin-right: auto; } .collections__list { display: flex; flex-wrap: wrap; gap: 36px 30px; } .collections__list-item { width: calc(50% - 15px); min-height: 466px; } .collections__list .collections__card { height: auto; min-height: 100%; } @media (max-width: 1400px) { .collections__list-item { min-height: 420px; } } @media (max-width: 760px) { .collections__list { gap: 20px; } .collections__list-item { min-height: 395px; } } @media (max-width: 600px) { .collections__list-item { width: 100%; min-height: 395px; } } .collections__card { width: 100%; height: 466px; position: relative; overflow: hidden; border-radius: 50px; display: flex; flex-direction: column; justify-content: space-between; } .collections__card._text-white { color: #fff; --c-link: #fff; --c-link-hover: #fff; } .collections__card._text-white .collections__card-image { background: #AA98CE; } .notouch .collections__card._text-white .collections__card-heading a:hover { opacity: 0.5; } .collections__card-image { position: absolute; inset: 0; z-index: -1; background: var(--c-bg-grey); } .collections__card-image img { width: 100%; height: 100%; object-fit: cover; } .collections__card-image img:first-child:last-child { display: block !important; } .collections__card-image-mobile { display: none; } .collections__card-image-desktop { display: block; } @media (max-width: 760px) { .collections__card-image-mobile { display: block; } .collections__card-image-desktop { display: none; } } .collections__card-image img { width: 100%; height: 100%; object-fit: cover; } .collections__card-heading { max-width: 75%; margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; padding: 50px; } @media (max-width: 1400px) { .collections__card-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .collections__card-heading { font-size: 24px; } } .collections__card-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .collections__card-info { border-top: 1px solid #fff; } .collections__card-author { width: 78%; flex: 0 0 auto; padding: 30px; display: flex; align-items: center; gap: 16px; border-right: 1px solid #fff; } .collections__card-author-avatar { width: 56px; height: 56px; } .collections__card-author-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .collections__card-author-info { display: flex; flex-direction: column; justify-content: center; gap: 2px; } .collections__card-author-name { font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .collections__card-author-name { font-size: 16px; } } @media (max-width: 760px) { .collections__card-author-name { font-size: 14px; } } .collections__card-author-about { opacity: 0.5; } .collections__card-title { font-size: 24px; line-height: 1.1; font-weight: 500; } .collections__card-text { opacity: 0.7; } @media (max-width: 1400px) { .collections__card { border-radius: 40px; height: 420px; } .collections__card-heading { padding: 30px; } } @media (max-width: 1000px) { .collections__card-info { border: 0; } .collections__card-author { width: auto; border: 0; } } @media (max-width: 760px) { .collections__card { border-radius: 30px; height: 395px; } .collections__card-image img { object-position: 63% 50%; } .collections__card-heading { max-width: 75%; padding: 25px; } .collections__card-info { border: 0; } .collections__card-title { font-size: 20px; } .collections__card-author { width: auto; border: 0; padding: 25px; display: block; } .collections__card-author-avatar { width: 42px; height: 42px; margin: 0 0 10px 0; } .collections__card-author-avatar img { border-radius: 14px; } } .collections-bloggers__body { overflow: hidden; } @media (max-width: 1000px) { .collections-bloggers .catalog__header { margin-bottom: 40px; } } .collections-bloggers__best { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: 80px; } @media (max-width: 1400px) { .collections-bloggers__best { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .collections-bloggers__best { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .collections-bloggers__best { padding-left: 24px; padding-right: 24px; } } .collections-bloggers__best .swiper { overflow: visible; } .collections-bloggers__best .swiper-wrapper { min-height: 380px; } .collections-bloggers__best .swiper-slide { width: 400px; height: auto; opacity: 1; } .collections-bloggers__best-item { position: relative; min-height: 100%; padding: 30px; border-radius: 40px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; } .collections-bloggers__best-item-image { position: absolute; inset: 0; z-index: -1; } .collections-bloggers__best-item-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .collections-bloggers__best-item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; text-wrap: balance; --c-link: #fff; --c-link-hover: #fff; } @media (max-width: 1400px) { .collections-bloggers__best-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .collections-bloggers__best-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .notouch .collections-bloggers__best-item-heading a:hover { opacity: 0.75; } .collections-bloggers__best-item-heading a:after { display: block; content: ''; position: absolute; inset: 0; } @media (max-width: 1000px) { .collections-bloggers__best { margin-bottom: 60px; } .collections-bloggers__best .swiper-wrapper { min-height: 300px; } .collections-bloggers__best .swiper-slide { width: 320px; } .collections-bloggers__best-item { padding: 25px; border-radius: 30px; } } @media (max-width: 760px) { .collections-bloggers__best { margin-bottom: 40px; } .collections-bloggers__best .swiper-wrapper { min-height: 225px; } .collections-bloggers__best .swiper-slide { width: 250px; } .collections-bloggers__best-item { padding: 20px; } } .collections-bloggers__main { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .collections-bloggers__main { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .collections-bloggers__main { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .collections-bloggers__main { padding-left: 24px; padding-right: 24px; } } .collections-bloggers__main-heading { margin-bottom: 36px; } @media (max-width: 1400px) { .collections-bloggers__main-heading { margin-bottom: 30px; } } @media (max-width: 760px) { .collections-bloggers__main-heading { margin-bottom: 20px; } } .collections-bloggers__list { display: flex; flex-wrap: wrap; gap: 30px; } .collections-bloggers__list-item { width: calc(33.333% - 20px); } @media (max-width: 1100px) { .collections-bloggers__list { gap: 20px; } .collections-bloggers__list-item { width: calc(33.333% - 13.5px); } } @media (max-width: 900px) { .collections-bloggers__list-item { width: calc(50% - 10px); } } @media (max-width: 600px) { .collections-bloggers__list-item { width: 100%; } } .collections-bloggers__item { width: 100%; aspect-ratio: 426 / 580; position: relative; border-radius: 40px; overflow: hidden; display: flex; align-items: flex-end; color: #fff; --c-link: #fff; --c-link-hover: #fff; } .collections-bloggers__item-image { position: absolute; inset: 0; z-index: -1; } .collections-bloggers__item-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .collections-bloggers__item a { display: block; width: 100%; background: #000; } .collections-bloggers__item-body { width: 100%; padding: 30px; position: relative; } .collections-bloggers__item-body:before { display: block; content: ''; position: absolute; top: -100px; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.7) 100%); } .collections-bloggers__item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 14px 0; max-width: 80%; position: relative; text-wrap: balance; } @media (max-width: 1400px) { .collections-bloggers__item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .collections-bloggers__item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .collections-bloggers__item-cta { margin: 0; position: relative; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; font-weight: 500; } .collections-bloggers__item-cta:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .collections-bloggers__item-cta:hover { color: var(--c-link); } @media (max-width: 1400px) { .collections-bloggers__item-cta { font-size: 16px; } } @media (max-width: 760px) { .collections-bloggers__item-cta { font-size: 14px; } } .collections-bloggers__item-cta svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .collections-bloggers__item-cta path[fill] { fill: currentColor; transition: fill var(--trs-out); } .collections-bloggers__item-cta path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .collections-bloggers__item-cta:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .collections-bloggers__item-cta:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .notouch .collections-bloggers__item:hover .collections-bloggers__item-cta { opacity: 0.75; } @media (max-width: 1100px) { .collections-bloggers__item { border-radius: 30px; } .collections-bloggers__item-heading { max-width: none; } } @media (max-width: 760px) { .collections-bloggers__item-body { padding: 25px; } .collections-bloggers__item-heading { margin-bottom: 10px; font-size: 24px; line-height: 1.1; } } .faq { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .faq { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .faq { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .faq { padding-left: 24px; padding-right: 24px; } } .faq__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 60px; } @media (max-width: 1400px) { .faq__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .faq__heading { margin-bottom: 25px; font-size: 36px; } } .faq__heading br { display: none; } .faq__body { display: flex; gap: 100px; } .faq__side { flex: 0 0 318px; } @media (min-width: 1001px) { .faq__side .tabs__header { flex-direction: column; gap: 0; } .faq__side .tabs__header-item { padding: 15px 20px; color: var(--c-base); border-radius: 18px; background: transparent; } .notouch .faq__side .tabs__header-item:hover { background: var(--c-bg-grey); } .faq__side .tabs__header-item._active { font-weight: 500; background: var(--c-bg-grey); } } .faq__main { flex: 1 1 auto; } .faq__ask { margin: 24px 0 0 20px; } @media (max-width: 1400px) { .faq__body { gap: 60px; } .faq__side { flex-basis: 280px; } } @media (max-width: 1000px) { .faq__heading { margin-bottom: 30px; } .faq__body { display: block; } .faq__side { margin-bottom: 20px; } .faq__ask { display: none; } } @media (max-width: 760px) { .faq__heading { margin-bottom: 20px; } .faq__heading br { display: block; } } .contacts { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-top: calc(var(--top-mb) * -1); margin-bottom: calc(var(--footer-mt) * -1); display: flex; --p: 50px; } @media (max-width: 1400px) { .contacts { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .contacts { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .contacts { padding-left: 24px; padding-right: 24px; } } .contacts__main { flex: 1 1 auto; padding-top: var(--top-mb); padding-bottom: var(--footer-mt); padding-right: var(--p); border-right: 1px solid var(--c-sep); } .contacts__side { flex: 0 0 390px; padding: var(--p) 0 var(--p) var(--p); } .contacts__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 40px 0; } @media (max-width: 1400px) { .contacts__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .contacts__heading { margin-bottom: 25px; font-size: 36px; } } .contacts__phone { margin-bottom: 40px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .contacts__phone { font-size: 16px; } } @media (max-width: 760px) { .contacts__phone { font-size: 14px; } } .contacts__phone-label { margin: 0 0 12px 0; } .contacts__phone-item { margin: 0 0 32px 0; font: 700 90px/1.05 var(--ff-heading); letter-spacing: -0.04em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .contacts__phone-item { font-size: 6.2vw; } } @media (max-width: 760px) { .contacts__phone-item { margin-bottom: 16px; font-size: 42px; } } .contacts__phone-hint { margin: 0; color: var(--c-text-grey); } .contacts__connect { margin: 0 0 40px 0; } .contacts__email-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 30px 0; } @media (max-width: 1400px) { .contacts__email-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .contacts__email-heading { font-size: 24px; } } .contacts__email-list { display: flex; flex-wrap: wrap; gap: 40px 30px; } .contacts__email-item { flex: 0 0 calc(50% - 15px); } .contacts__email-item-email { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .contacts__email-item-email { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .contacts__email-item-email { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .contacts__email-item-email a { --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); } .contacts__email-item-copy { margin: 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .contacts__email-item-copy { font-size: 16px; } } @media (max-width: 760px) { .contacts__email-item-copy { font-size: 14px; } } .contacts__info { margin: 0 0 30px 0; } .contacts__info-heading { margin: 0 0 10px 0; font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .contacts__info-heading { font-size: 16px; } } @media (max-width: 760px) { .contacts__info-heading { font-size: 14px; } } .contacts__info-heading strong { font-weight: 700; } .contacts__info-item { display: flex; gap: 12px; margin: 0 0 8px 0; } .contacts__info-item:last-child { margin-bottom: 0; } .contacts__info-item-name { flex: 0 0 68px; } .contacts__info-item-value { flex: 1 1 auto; color: var(--c-text-grey); } @media (max-width: 1000px) { .contacts { display: block; margin: 0; } .contacts__main { border: 0; margin: 0 0 40px 0; padding: 0; } .contacts__side { padding: 0; padding-top: 40px; border-top: 1px solid var(--c-sep); } .contacts__info-heading { font-size: 17px; } } @media (max-width: 760px) { .contacts__main { margin-bottom: 30px; } .contacts__phone { margin-bottom: 30px; } .contacts__phone-label { margin-bottom: 8px; } .contacts__phone-item { margin-bottom: 8px; font-size: 36px; } .contacts__email-heading { margin-bottom: 20px; } .contacts__email-list { gap: 16px 30px; } .contacts__email-item-email { margin-bottom: 4px; } .contacts__side { padding-top: 30px; } .contacts__info { margin-bottom: 20px; } .contacts__info-item { margin-bottom: 6px; } } @media (max-width: 600px) { .contacts__email-item { flex: 1 1 100%; } } .stores { overflow: hidden; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); } .stores__header { max-width: 1920px; margin: 0 auto; margin-bottom: 50px; overflow: hidden; background-color: var(--c-bg-grey); border-radius: 0 0 50px 50px; position: relative; } .stores__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: calc(var(--header-height) + 142px); padding-bottom: 60px; display: flex; align-items: flex-end; gap: 50px; font-size: 18px; line-height: 1.4; position: relative; } @media (max-width: 1400px) { .stores__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .stores__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .stores__header-inner { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1400px) { .stores__header-inner { font-size: 16px; } } @media (max-width: 760px) { .stores__header-inner { font-size: 14px; } } .stores__header-inner:before { display: block; content: ''; width: 550px; aspect-ratio: 1; background: url(/local/templates/hollyshop/css/../img/stores-header.png) 50% 50% no-repeat; background-size: contain; position: absolute; bottom: -130px; right: 0px; opacity: 0.8; } .stores__header-main { flex: 1 1 auto; position: relative; } .stores__header-main-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; max-width: 12em; margin: 0 0 16px 0; } @media (max-width: 1400px) { .stores__header-main-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .stores__header-main-heading { margin-bottom: 25px; font-size: 36px; } } .stores__header-main-copy { max-width: 36em; margin: 0; } .stores__header-side { flex: 0 0 226px; margin-right: 114px; position: relative; } .stores__header-side-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 8px 0; } @media (max-width: 1400px) { .stores__header-side-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .stores__header-side-heading { margin-bottom: 25px; font-size: 36px; } } .stores__header-side-copy { margin: 0; } @media (max-width: 1000px) { .stores__header-inner:before { width: 450px; bottom: -90px; right: -50px; } .stores__header-side { margin-right: 0; } } @media (max-width: 760px) { .stores__header-inner { padding-top: 176px; padding-bottom: 40px; flex-direction: column; align-items: flex-end; gap: 60px; } .stores__header-inner:before { width: 380px; bottom: auto; right: auto; top: 70px; left: -90px; transform: rotate(10deg); } .stores__header-main { order: 2; width: 100%; } .stores__header-main-heading { margin-bottom: 16px; font-size: 42px; } .stores__header-side { order: 1; flex: 0 0 auto; width: 168px; padding: 20px; border-radius: 30px; background: var(--c-brand-light); } .stores__header-side-heading { margin-bottom: 4px; font-size: 24px; } .stores__header-side-copy { font-size: 12px; } } .stores__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .stores__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .stores__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .stores__body { padding-left: 24px; padding-right: 24px; } } .stores__city { margin: 0 0 100px 0; } .stores__city:last-child { margin-bottom: 0; } .stores__city-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 40px 0; } @media (max-width: 1400px) { .stores__city-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .stores__city-heading { margin-bottom: 25px; font-size: 36px; } } @media (max-width: 1000px) { .stores__city { margin-bottom: 60px; } .stores__city-heading { margin-bottom: 30px; } } @media (max-width: 760px) { .stores__city { margin-bottom: 60px; } .stores__city-heading { margin-bottom: 20px; } } .stores__item { width: 82%; margin: 0 auto 60px auto; position: relative; } .stores__item:last-child { margin-bottom: 0; } .stores__item-info { max-width: 60%; padding: 30px; position: absolute; top: 30px; left: 30px; z-index: 5; background: rgba(17, 17, 17, 0.3); backdrop-filter: blur(50px); border-radius: 30px; color: #fff; --c-link: #fff; --c-link-hover: #fff; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .stores__item-info { font-size: 16px; } } @media (max-width: 760px) { .stores__item-info { font-size: 14px; } } .stores__item-info-top, .stores__item-info-bottom { display: none; } .stores__item-info-heading { margin: 0 0 8px 0; padding-right: 22px; } .stores__item-info-heading svg { position: absolute; bottom: 0.5em; left: 100%; margin-left: 6px; } .stores__item-info-heading span { position: relative; } .stores__item-info-schedule { margin-bottom: 2px; } .stores__item-info-phone { margin-bottom: 20px; } .stores__item-info-address { margin-bottom: 2px; } .stores__item-info-metro { margin-bottom: 8px; padding-left: 26px; position: relative; } .stores__item-info-metro:before { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/metro.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -11px; } .stores__item-info-metro em { font-style: normal; opacity: 0.5; } .stores__item-info-map { margin: 8px 0 0 0; } .stores__item-info-map-link { all: unset; box-sizing: border-box; color: var(--c-link); text-decoration: none; transition: color var(--trs-out), background-color var(--trs-out), opacity var(--trs-out), border-color var(--trs-out), text-decoration-color var(--trs-out), text-decoration-thickness var(--trs-out); outline: none; cursor: pointer; width: fit-content; display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 1.4; } .stores__item-info-map-link:hover { color: var(--c-link-hover); text-decoration: none; transition: color var(--trs-in), background-color var(--trs-in), opacity var(--trs-in), border-color var(--trs-in), text-decoration-color var(--trs-in), text-decoration-thickness var(--trs-in); } .touch .stores__item-info-map-link:hover { color: var(--c-link); } @media (max-width: 1400px) { .stores__item-info-map-link { font-size: 16px; } } @media (max-width: 760px) { .stores__item-info-map-link { font-size: 14px; } } .stores__item-info-map-link svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .stores__item-info-map-link path[fill] { fill: currentColor; transition: fill var(--trs-out); } .stores__item-info-map-link path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .stores__item-info-map-link:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .stores__item-info-map-link:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .stores__item-info-map-link:hover { opacity: 0.75; } .stores__item-gallery .swiper { overflow: visible; } .stores__item-gallery .swiper-slide { height: auto; } .stores__item-gallery .swiper-slide img { display: block; width: 100%; height: auto; aspect-ratio: 1100 / 620; object-fit: cover; border-radius: 50px; } .stores__item-gallery-pagination { margin-top: 10px; display: flex; justify-content: center; gap: 10px; padding: 8px; } .stores__item-gallery-pagination-item { display: block; width: 8px; height: 8px; border-radius: 8px; background: var(--c-base); opacity: 0.5; } .stores__item-gallery-pagination-item._active { opacity: 1; } .stores__item-popup { position: fixed; inset: 0; z-index: 20; padding: 20px; display: none; opacity: 0; transform: scale(0.75); transition: opacity 0.3s, transform 0.3s; } .stores__item-popup-map { position: absolute; inset: 0; z-index: 1; background: #fcfcf8; } .stores__item-popup-info { width: 460px; overflow: hidden; border-radius: 30px; position: relative; z-index: 2; } .stores__item-popup-info-body { padding: 30px; background: #fff; overflow: auto; max-height: calc(100dvh - 40px); } .stores__item-popup-info-body::-webkit-scrollbar { width: 12px; height: 12px; } .stores__item-popup-info-body::-webkit-scrollbar-track { background-color: transparent; } .stores__item-popup-info-body::-webkit-scrollbar-thumb { background: 0; border: none; border-radius: 4px; background: linear-gradient(to bottom, var(--scrlbr-color, var(--c-grey)) 0%, var(--scrlbr-color, var(--c-grey)) 100%); background-size: 4px 95%; background-repeat: repeat-y; background-repeat: no-repeat; background-position: 50% 50%; } .stores__item-popup-info p:last-child { margin-bottom: 0; } .stores__item-popup-info-address { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 30px 0; } @media (max-width: 1400px) { .stores__item-popup-info-address { font-size: 2.6vw; } } @media (max-width: 760px) { .stores__item-popup-info-address { font-size: 24px; } } .stores__item-popup-info-metro { margin-top: -18px; margin-bottom: 30px; padding-left: 26px; position: relative; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .stores__item-popup-info-metro { font-size: 16px; } } @media (max-width: 760px) { .stores__item-popup-info-metro { font-size: 14px; } } .stores__item-popup-info-metro:before { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/metro.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -11px; } .stores__item-popup-info-metro em { font-style: normal; opacity: 0.5; } .stores__item-popup-info-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 15px 0; } @media (max-width: 1400px) { .stores__item-popup-info-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .stores__item-popup-info-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .stores__item-popup-close { padding: 28px; position: absolute; top: 0; right: 0; z-index: 5; cursor: pointer; -webkit-tap-highlight-color: transparent; } .stores__item-popup-close svg { display: block; } .stores__item-popup-close path { transition: fill var(--trs-out); } .notouch .stores__item-popup-close:hover path { fill: var(--c-accent); transition: fill var(--trs-in); } .stores__item-popup._show { display: block; } .stores__item-popup._visible { opacity: 1; transform: scale(1); } @media (max-width: 1000px) { .stores__item-popup-info { width: 360px; } } @media (max-width: 760px) { .stores__item-popup { padding: 0; flex-direction: column; } .stores__item-popup._show { display: flex; } .stores__item-popup-map { width: 100%; height: 100%; flex: 1 1 auto; position: relative; inset: auto; } .stores__item-popup-close { padding: 16px; } .stores__item-popup-info { width: 100%; flex: 0 0 auto; max-height: 60%; margin-top: -40px; border: 1px solid rgba(17, 17, 17, 0.15); border-radius: 40px 40px 0px 0px; overflow: auto; background: #FFFFFF; } .stores__item-popup-info-body { padding: 25px 24px; overflow: visible; } .stores__item-popup-info-address { margin-bottom: 25px; } .stores__item-popup-info-metro { margin: -13px 0 25px 0; padding-left: 22px; } .stores__item-popup-info-metro:before { width: 16px; height: 16px; margin-top: -9px; } .stores__item-popup-info-heading { margin-bottom: 10px; } } @media (max-width: 1000px) { .stores__item { width: auto; margin-bottom: 40px; } } @media (max-width: 760px) { .stores__item-info { display: none; } .stores__item-info-top, .stores__item-info-bottom { display: block; } .stores__item-info-heading { margin-bottom: 6px; } .stores__item-info-heading svg { width: 13px; height: auto; } .stores__item-info-heading path { fill: var(--c-accent); } .stores__item-info-schedule { margin-bottom: 0; } .stores__item-info-address { margin-bottom: 2px; } .stores__item-info-metro { padding-left: 22px; } .stores__item-info-metro:before { width: 16px; height: 16px; margin-top: -9px; } .stores__item-info-map { margin: 20px 0 0 0; } .stores__item-info-map .btn { width: 100%; } .stores__item-gallery { margin: 20px 0; } .stores__item-gallery .swiper-slide { width: 82vw; } .stores__item-gallery .swiper-slide img { width: 100%; height: auto; aspect-ratio: 320 / 230; border-radius: 20px; } .stores__item-gallery-pagination { display: none; } } .delivery { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-top: calc(var(--top-mb) * -1); margin-bottom: calc(var(--footer-mt) * -1); display: flex; --p: 50px; } @media (max-width: 1400px) { .delivery { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .delivery { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .delivery { padding-left: 24px; padding-right: 24px; } } .delivery__main { flex: 1 1 auto; padding-top: var(--top-mb); padding-bottom: var(--footer-mt); padding-right: var(--p); border-right: 1px solid var(--c-sep); } .delivery__side { flex: 0 0 390px; padding: var(--p) 0 var(--p) var(--p); } .delivery__side-heading { margin-bottom: 6px; font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .delivery__side-heading { font-size: 16px; } } @media (max-width: 760px) { .delivery__side-heading { font-size: 14px; } } .delivery__side-hint { margin-bottom: 10px; } .delivery__side-cta { margin: 0; } .delivery__side-cta a { width: fit-content; display: flex; align-items: center; gap: 6px; font-weight: 500; } .delivery__side-cta a svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .delivery__side-cta a path[fill] { fill: currentColor; transition: fill var(--trs-out); } .delivery__side-cta a path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .delivery__side-cta a:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .delivery__side-cta a:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .delivery__side-call { margin: 16px 0 0 0; padding: 16px 0 0 0; border-top: 1px solid var(--c-sep); color: var(--c-text-grey); } .delivery__side-call a { --c-link: var(--c-text-grey); font-weight: 700; } .delivery__region { margin-bottom: 80px; } .delivery__region:last-child { margin-bottom: 0; } .delivery__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 40px 0; } @media (max-width: 1400px) { .delivery__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .delivery__heading { margin-bottom: 25px; font-size: 36px; } } .delivery .tabs__header { margin-bottom: 30px; } .delivery__store { margin: 0 0 20px 0; display: flex; align-items: center; gap: 20px; font-size: 18px; line-height: 1.4; } .delivery__store-list { margin: 0 0 30px 0; } @media (max-width: 1400px) { .delivery__store { font-size: 16px; } } @media (max-width: 760px) { .delivery__store { font-size: 14px; } } .delivery__store-map { flex-shrink: 0; width: 140px; height: 100px; border-radius: 16px; overflow: hidden; background: #fcfcf8; } .delivery__store-map-item { height: 130px; } .delivery__store-body { flex: 1 1 auto; } .delivery__store-name { margin-bottom: 8px; font-weight: 700; } .delivery__store-name strong { font-weight: 700; } .delivery__store-address { margin-bottom: 2px; } .delivery__store-metro { margin: 0; padding-left: 26px; position: relative; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .delivery__store-metro { font-size: 16px; } } @media (max-width: 760px) { .delivery__store-metro { font-size: 14px; } } .delivery__store-metro:before { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/metro.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -11px; } .delivery__info { margin: 0 0 10px 0; padding: 20px 25px; border-radius: 30px; background: var(--c-bg-grey); font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .delivery__info { font-size: 16px; } } @media (max-width: 760px) { .delivery__info { font-size: 14px; } } .delivery__info-name { flex: 0 0 32%; font-weight: 500; } .delivery__info-value { flex: 1 1 auto; text-wrap: pretty; } .delivery__info-value-hint { color: var(--c-text-grey); } .delivery__important { margin: 30px 0 0 0; color: var(--c-error); } @media (max-width: 1000px) { .delivery { display: block; margin: 0; } .delivery__main { padding: 0; border-right: 0; } .delivery__side { margin: 40px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid var(--c-sep); } .delivery__side-call { margin: 20px 0 0 0; padding: 0; border: 0; } .delivery__region { margin-bottom: 60px; } } @media (max-width: 760px) { .delivery__heading { margin-bottom: 30px; } .delivery__region { margin-bottom: 40px; } .delivery__region-heading { margin-bottom: 20px; } .delivery__store { margin-bottom: 15px; gap: 16px; } .delivery__store-list { margin-bottom: 20px; } .delivery__store-map { width: 100px; height: 72px; } .delivery__store-map-item { height: 105px; } .delivery__store-name { margin-bottom: 4px; } .delivery__store-address { margin-bottom: 2px; } .delivery__store-metro { padding-left: 22px; } .delivery__store-metro:before { width: 16px; height: 16px; margin-top: -9px; } .delivery__info { padding: 15px 20px; border-radius: 20px; } .delivery__important { margin-top: 20px; } } @media (max-width: 600px) { .delivery__info { display: block; } .delivery__info-name { font-weight: 700; margin-bottom: 2px; } } .notouch .delivery-cities .main-nav__brands-list-link:hover { background: none; color: var(--c-brand); } @media (max-width: 600px) { .delivery-cities .main-nav__brands-list-link { padding-left: 24px; } } .delivery-city__header { max-width: 1920px; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); margin-bottom: 50px; overflow: hidden; background-color: var(--c-bg-grey); border-radius: 0 0 50px 50px; position: relative; } .delivery-city__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: calc(var(--header-height) + 64px); padding-bottom: 60px; font-size: 18px; line-height: 1.4; position: relative; } @media (max-width: 1400px) { .delivery-city__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .delivery-city__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .delivery-city__header-inner { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1400px) { .delivery-city__header-inner { font-size: 16px; } } @media (max-width: 760px) { .delivery-city__header-inner { font-size: 14px; } } .delivery-city__header-inner:before { display: block; content: ''; width: 550px; aspect-ratio: 1; background: url(/local/templates/hollyshop/css/../img/stores-header.png) 50% 50% no-repeat; background-size: contain; position: absolute; bottom: -130px; right: 0px; opacity: 0.8; } .delivery-city__header-main { margin-right: 390px; position: relative; } .delivery-city__header-main-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 50px 16px 0; } @media (max-width: 1400px) { .delivery-city__header-main-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .delivery-city__header-main-heading { margin-bottom: 25px; font-size: 36px; } } .delivery-city__header-main-copy { margin: 0; } .delivery-city__header-main-copy p:last-child { margin-bottom: 0; } .delivery-city__header-side { flex: 0 0 226px; margin-right: 114px; position: relative; } .delivery-city__header-side-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 8px 0; } @media (max-width: 1400px) { .delivery-city__header-side-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .delivery-city__header-side-heading { margin-bottom: 25px; font-size: 36px; } } .delivery-city__header-side-copy { margin: 0; } @media (max-width: 1000px) { .delivery-city__header-inner:before { width: 450px; bottom: -90px; right: -50px; } .delivery-city__header-main { margin-right: 250px; } .delivery-city__header-main-heading { margin-right: 0; } } @media (max-width: 760px) { .delivery-city__header-inner { padding-top: 112px; padding-bottom: 40px; } .delivery-city__header-inner:before { display: none; } .delivery-city__header-main { margin-right: 0; } .delivery-city__header-main-heading { margin-bottom: 16px; font-size: 42px; } } .delivery-city__btn { margin: 20px 0 0 0; } .delivery-city__btn .btn { width: 100%; } .payment { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-top: calc(var(--top-mb) * -1); margin-bottom: calc(var(--footer-mt) * -1); display: flex; --p: 50px; } @media (max-width: 1400px) { .payment { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .payment { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .payment { padding-left: 24px; padding-right: 24px; } } .payment__main { flex: 1 1 auto; padding-top: var(--top-mb); padding-bottom: var(--footer-mt); padding-right: var(--p); border-right: 1px solid var(--c-sep); } .payment__side { flex: 0 0 390px; padding: var(--p) 0 var(--p) var(--p); } .payment__side-heading { margin-bottom: 6px; font-size: 18px; line-height: 1.4; font-weight: 700; } @media (max-width: 1400px) { .payment__side-heading { font-size: 16px; } } @media (max-width: 760px) { .payment__side-heading { font-size: 14px; } } .payment__side-hint { margin-bottom: 10px; } .payment__side-cta { margin: 0; } .payment__side-cta a { width: fit-content; display: flex; align-items: center; gap: 6px; font-weight: 500; } .payment__side-cta a svg { flex-shrink: 0; display: block; width: 0.77lh; height: 0.77lh; } .payment__side-cta a path[fill] { fill: currentColor; transition: fill var(--trs-out); } .payment__side-cta a path[stroke] { stroke: currentColor; transition: stroke var(--trs-out); } .notouch .payment__side-cta a:hover path[fill] { fill: currentColor; transition: fill var(--trs-in); } .notouch .payment__side-cta a:hover path[stroke] { stroke: currentColor; transition: stroke var(--trs-in); } .payment__side-call { margin: 16px 0 0 0; padding: 16px 0 0 0; border-top: 1px solid var(--c-sep); color: var(--c-text-grey); } .payment__side-call a { --c-link: var(--c-text-grey); font-weight: 700; } .payment__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 40px 0; } @media (max-width: 1400px) { .payment__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .payment__heading { margin-bottom: 25px; font-size: 36px; } } .payment .accordeon__item { margin-bottom: 12px; padding: 30px; border-radius: 40px; background: var(--c-bg-grey); } .payment .accordeon__item .accordeon__heading { padding-left: 0; padding-right: 88px; } .payment .accordeon__item .accordeon__heading img { display: block; width: 36px; height: 36px; } .payment .accordeon__item .accordeon__heading-icon { left: auto; right: 0; background: #fff; } .payment .accordeon__item .accordeon__body { padding-top: 20px; padding-left: 0; padding-right: 88px; } @media (max-width: 1000px) { .payment { display: block; margin: 0; } .payment__main { padding: 0; border-right: 0; } .payment__side { margin: 40px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid var(--c-sep); } .payment__side-call { margin: 20px 0 0 0; padding: 0; border: 0; } } @media (max-width: 760px) { .payment__heading { margin-bottom: 30px; } .payment .accordeon__item { margin-bottom: 6px; padding: 15px; border-radius: 25px; } .payment .accordeon__item .accordeon__heading { padding-left: 0; padding-right: 60px; } .payment .accordeon__item .accordeon__body { padding-top: 15px; padding-left: 0; padding-right: 0; } } .split { margin-top: calc((var(--header-height) + var(--top-mb)) * -1); } .split__header { max-width: 1920px; margin: 0 auto 60px auto; border-radius: 0 0 50px 50px; background: var(--c-brand-light) url(/local/templates/hollyshop/css/../img/split/header-desktop.jpg) 50% 100% no-repeat; background-size: cover; } .split__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; padding-top: calc(var(--header-height) + 272px); padding-bottom: 60px; } @media (max-width: 1400px) { .split__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .split__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .split__header-inner { padding-left: 24px; padding-right: 24px; } } .split__header-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; max-width: 9em; margin-bottom: 12px; } @media (max-width: 1400px) { .split__header-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .split__header-heading { margin-bottom: 25px; font-size: 36px; } } .split__header-copy { max-width: 25em; margin: 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .split__header-copy { font-size: 16px; } } @media (max-width: 760px) { .split__header-copy { font-size: 14px; } } @media (max-width: 1000px) { .split__header { border-radius: 0 0 40px 40px; } .split__header-inner { padding-top: calc(var(--header-height) + 172px); } } @media (max-width: 760px) { .split__header { margin-bottom: 40px; } .split__header-inner { padding-bottom: 40px; } } @media (max-width: 600px) { .split__header { background: var(--c-brand-light) url(/local/templates/hollyshop/css/../img/split/header-mobile.png) 50% 50% no-repeat; background-size: cover; } .split__header-inner { padding-top: calc(var(--header-height) + 408px); } .split__header-heading { font-size: 42px; margin-bottom: 16px; } } .split__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .split__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .split__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .split__body { padding-left: 24px; padding-right: 24px; } } .split__features { display: flex; justify-content: space-between; gap: 40px; margin-bottom: 100px; } .split__features-item { flex: 1 1 33.333%; display: flex; align-items: center; gap: 20px; } .split__features-item-icon { align-self: start; flex-shrink: 0; display: block; width: 70px; height: 70px; border-radius: 20px; } .split__features-item-heading { margin-bottom: 10px; } .split__features-item-copy { margin: 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .split__features-item-copy { font-size: 16px; } } @media (max-width: 760px) { .split__features-item-copy { font-size: 14px; } } @media (max-width: 1400px) { .split__features { margin-bottom: 80px; } } @media (max-width: 1000px) { .split__features { flex-wrap: wrap; gap: 40px 30px; } .split__features-item { flex: 0 0 calc(50% - 15px); } } @media (max-width: 760px) { .split__features { flex-direction: column; flex-wrap: wrap; gap: 20px; margin-bottom: 60px; } .split__features-item { flex: 0 0 auto; gap: 12px; } .split__features-item-icon { width: 52px; height: 52px; border-radius: 16px; } .split__features-item-heading { margin-bottom: 4px; font-size: 14px; } } .split__how { margin-bottom: 100px; } .split__how-heading { margin: 0 0 40px 0; } .split__how-list { display: flex; justify-content: space-between; gap: 30px; margin: 0 0 40px 0; } .split__how-item { flex: 1 1 calc(33.333% - 20px); } .split__how-item-image { width: 100%; aspect-ratio: 426 / 500; border-radius: 40px; overflow: hidden; margin-bottom: 30px; } .split__how-item-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .split__how-item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; max-width: 90%; margin: 0 0 10px 0; text-wrap: balance; } @media (max-width: 1400px) { .split__how-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .split__how-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .split__how-item-copy { margin: 0; font-size: 18px; line-height: 1.4; text-wrap: pretty; } @media (max-width: 1400px) { .split__how-item-copy { font-size: 16px; } } @media (max-width: 760px) { .split__how-item-copy { font-size: 14px; } } .split__how-cta .btn { width: 100%; } @media (max-width: 1400px) { .split__how { margin-bottom: 80px; } } @media (max-width: 1000px) { .split__how-item-image { border-radius: 30px; } } @media (max-width: 760px) { .split__how { margin-bottom: 60px; } .split__how-heading { margin-bottom: 30px; } .split__how-list { flex-direction: column; gap: 40px; margin-bottom: 30px; } .split__how-item { flex: 1 1 auto; } .split__how-item-image { margin-bottom: 20px; } .split__how-item-heading { margin-bottom: 8px; } } .split__faq { display: flex; gap: 30px; } .split__faq-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; flex: 0 0 calc(33.333% - 20px); } @media (max-width: 1400px) { .split__faq-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .split__faq-heading { margin-bottom: 25px; font-size: 36px; } } .split__faq-body { flex: 1 1 auto; } .split__faq-cta { margin: 35px 0 0 0; } .split__faq-cta .btn { width: 100%; } @media (max-width: 760px) { .split__faq { display: block; } .split__faq-heading { margin-bottom: 30px; } } .legal { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .legal { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .legal { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .legal { padding-left: 24px; padding-right: 24px; } } .legal__heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin-bottom: 60px; } @media (max-width: 1400px) { .legal__heading { font-size: 4.3vw; } } @media (max-width: 760px) { .legal__heading { margin-bottom: 25px; font-size: 36px; } } .legal__heading br { display: none; } .legal__body { display: flex; gap: 100px; } .legal__side { flex: 0 0 318px; } @media (min-width: 1001px) { .legal__side .tabs__header { flex-direction: column; gap: 0; } .legal__side .tabs__header-item { padding: 15px 20px; color: var(--c-base); border-radius: 18px; background: transparent; } .notouch .legal__side .tabs__header-item:hover { background: var(--c-bg-grey); } .legal__side .tabs__header-item._active { font-weight: 500; background: var(--c-bg-grey); } } .legal__main { flex: 1 1 auto; --c-link: var(--c-accent); --c-link-hover: var(--c-link-accent-hover); } .legal__main p { margin: 0 0 0.75em 0; } .legal__main h1 { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 30px 0; } @media (max-width: 1400px) { .legal__main h1 { font-size: 2.6vw; } } @media (max-width: 760px) { .legal__main h1 { font-size: 24px; } } .legal__main h2 { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; } @media (max-width: 1400px) { .legal__main h2 { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .legal__main h2 { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .legal__main h2 p { margin: 0; } .legal__main ul { margin: 0.75em 0; } .legal__main ul li { margin-bottom: 0.5em; } .legal__main table { margin: 0; padding: 0; border: 0; border-collapse: collapse; } .legal__main table td { padding: 5px 10px; } .legal__main table td:first-child { padding-left: 0; } .legal__main table td:last-child { padding-right: 0; } @media (max-width: 760px) { .legal__main h1 { margin-bottom: 15px; } } .legal__main p.legal__date { margin: 30px 0 0 0; font-size: 15px; font-weight: 500; color: var(--c-text-grey); } @media (max-width: 1400px) { .legal__body { gap: 60px; } .legal__side { flex-basis: 280px; } } @media (max-width: 1000px) { .legal__heading { margin-bottom: 30px; } .legal__body { display: block; } .legal__side { margin-bottom: 20px; } } @media (max-width: 760px) { .legal__heading { margin-bottom: 20px; } .legal__heading br { display: block; } } .packaging__header { max-width: 1920px; min-height: 892px; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); margin-bottom: 60px; overflow: hidden; padding-top: 200px; padding-bottom: 60px; background: var(--c-brand-light) url(/local/templates/hollyshop/css/../img/packaging/header.jpg) 50% 100% no-repeat; background-size: cover; border-radius: 0 0 50px 50px; display: flex; align-items: flex-end; } @media (max-width: 760px) { .packaging__header { background-image: url(/local/templates/hollyshop/css/../img/packaging/header-m.jpg); } } .packaging__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; width: 100%; } @media (max-width: 1400px) { .packaging__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .packaging__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .packaging__header-inner { padding-left: 24px; padding-right: 24px; } } .packaging__header-heading { margin: 0; max-width: 7em; } @media (max-width: 1900px) { .packaging__header { min-height: 48vw; } } @media (max-width: 1400px) { .packaging__header { min-height: 55vw; } } @media (max-width: 1000px) { .packaging__header { margin-bottom: 40px; padding-bottom: 40px; border-radius: 0 0 40px 40px; } } @media (max-width: 600px) { .packaging__header { display: block; padding-top: 470px; padding-bottom: 0; } .packaging__header-inner { width: auto; padding-top: 10px; padding-bottom: 40px; background: #FCBCD9; position: relative; } .packaging__header-inner:before { display: block; content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: -1px; height: 150px; background: linear-gradient(0deg, #FCBCD9, transparent); } } .packaging__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .packaging__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .packaging__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .packaging__body { padding-left: 24px; padding-right: 24px; } } .packaging__item { min-height: 560px; margin: 0 0 40px 0; padding: 50px; border-radius: 50px; background: #F2F4F6; display: flex; align-items: stretch; } .packaging__item-body { max-width: 460px; display: flex; flex-direction: column; justify-content: space-between; } .packaging__item-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; } @media (max-width: 1400px) { .packaging__item-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .packaging__item-heading { font-size: 24px; } } .packaging__item-copy { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .packaging__item-copy { font-size: 16px; } } @media (max-width: 760px) { .packaging__item-copy { font-size: 14px; } } .packaging__item-copy p:last-child { margin-bottom: 0; } .packaging__item-copy strong { font-weight: 500; } .packaging__item-image { display: none; } .packaging__item-cta { margin: 30px 0 0 0; } @media (max-width: 1200px) { .packaging__item { min-height: 460px; } .packaging__item-body { max-width: 360px; } } @media (max-width: 1000px) { .packaging__item { min-height: 0; display: block; padding: 0; border-radius: 30px; overflow: hidden; background: #F2F4F6; } .packaging__item-image { display: block; } .packaging__item-image img { display: block; width: 100%; height: auto; border-radius: 0 0 30px 30px; } .packaging__item-body { max-width: none; padding: 25px; } .packaging__item._recycle { background: var(--c-brand-light); position: relative; } .packaging__item._recycle .packaging__item-body { padding-bottom: 15px; } .packaging__item._recycle .packaging__item-cta { position: absolute; bottom: 25px; left: 25px; right: 25px; } .packaging__item._recycle .packaging__item-cta .btn { width: 100%; padding-left: 15px; padding-right: 15px; } } @media (max-width: 760px) { .packaging__item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 10px 0; } } @media (max-width: 760px) and (max-width: 1400px) { .packaging__item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) and (max-width: 760px) { .packaging__item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } @media (min-width: 1001px) { .packaging__item._style { background-image: url(/local/templates/hollyshop/css/../img/packaging/style.jpg); background-position: 0% 50%; background-size: cover; background-repeat: no-repeat; } .packaging__item._style .packaging__item-copy { margin-right: -5px; } .packaging__item._safe { justify-content: flex-end; background-image: url(/local/templates/hollyshop/css/../img/packaging/safe.jpg); background-position: 100% 50%; background-size: cover; background-repeat: no-repeat; } .packaging__item._sticker { color: #fff; background-size: var(--c-brand); background-image: url(/local/templates/hollyshop/css/../img/packaging/sticker.jpg); background-position: 0% 50%; background-size: cover; background-repeat: no-repeat; } .packaging__item._eco { justify-content: flex-end; background-image: url(/local/templates/hollyshop/css/../img/packaging/eco.jpg); background-position: 100% 50%; background-size: cover; background-repeat: no-repeat; } .packaging__item._recycle { min-height: 0; background-color: var(--c-brand-light); background-image: url(/local/templates/hollyshop/css/../img/packaging/recycle.jpg); background-position: 100% 50%; background-size: cover; background-repeat: no-repeat; } .packaging__item._recycle .packaging__item-body { max-width: 520px; } } @media (min-width: 1001px) and (max-width: 1200px) { .packaging__item._recycle { background-position: 70% 50%; } } .about__header { max-width: 1920px; aspect-ratio: 1440 / 786; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); margin-bottom: 60px; overflow: hidden; padding-top: calc(var(--header-height) + 60px); padding-bottom: 60px; color: #fff; background: var(--c-brand); border-radius: 0 0 50px 50px; display: flex; align-items: center; position: relative; } .about__header-back { position: absolute; inset: 0; } .about__header-back video { display: block; width: 100%; height: 100%; object-fit: cover; } .about__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; width: 100%; position: relative; } @media (max-width: 1400px) { .about__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .about__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .about__header-inner { padding-left: 24px; padding-right: 24px; } } .about__header-heading { margin: 0 auto; max-width: 14em; text-align: center; } @media (max-width: 1000px) { .about__header { margin-bottom: 40px; padding-bottom: 40px; border-radius: 0 0 40px 40px; } } @media (max-width: 600px) { .about__header { aspect-ratio: auto; display: block; padding-top: 455px; padding-bottom: 0; background-size: auto 455px; background-position: 50% 0%; } .about__header-back { height: 470px; } .about__header-heading { text-align: left; text-wrap: balance; } .about__header-inner { width: auto; padding-top: 10px; padding-bottom: 40px; background: #EE82BF; position: relative; } .about__header-inner:before { display: block; content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: -1px; height: 150px; background: linear-gradient(0deg, #EE82BF, transparent); } } .about__body { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .about__body { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .about__body { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .about__body { padding-left: 24px; padding-right: 24px; } } .about__stats { margin-bottom: 100px; display: flex; flex-wrap: wrap; align-items: stretch; gap: 30px; --offset: 20px; } @media (max-width: 1400px) { .about__stats { margin-bottom: 80px; } } @media (max-width: 760px) { .about__stats { margin-bottom: 60px; } } .about__stats-item { width: calc(33.333% - var(--offset)); height: 380px; background-color: var(--c-bg-grey); background-position: 50% 100%; background-size: 100% auto; background-repeat: no-repeat; border-radius: 40px; padding: 40px 37px; font-size: 18px; line-height: 1.4; font-weight: 500; overflow: hidden; } @media (max-width: 1400px) { .about__stats-item { font-size: 16px; } } @media (max-width: 760px) { .about__stats-item { font-size: 14px; } } .about__stats-item strong { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; white-space: nowrap; display: block; margin: 0 0 4px 0; } @media (max-width: 1400px) { .about__stats-item strong { font-size: 4.3vw; } } @media (max-width: 760px) { .about__stats-item strong { margin-bottom: 25px; font-size: 36px; } } .about__stats-item._image { padding: 0; } .about__stats-item._image img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 761px) { .about__stats-item._orders { width: calc(30% - var(--offset)); background-image: url(/local/templates/hollyshop/css/../img/about/orders.png); } .about__stats-item._store-1 { width: calc(35% - var(--offset)); } .about__stats-item._clients { width: calc(35% - var(--offset)); background-image: url(/local/templates/hollyshop/css/../img/about/clients.png); } .about__stats-item._store-2 { width: calc(40% - var(--offset)); } .about__stats-item._brands { width: calc(24% - var(--offset)); background-image: url(/local/templates/hollyshop/css/../img/about/brands.png); } .about__stats-item._catalog { width: calc(36% - var(--offset)); background-image: url(/local/templates/hollyshop/css/../img/about/catalog.png); } } @media (max-width: 1400px) { .about__stats-item { height: 320px; padding: 30px; } } @media (max-width: 1100px) { .about__stats-item { height: 280px; } } @media (max-width: 1024px) { .about__stats { gap: 20px; --offset: 13.5px; } .about__stats-item { border-radius: 30px; padding: 25px; height: 240px; } } @media (max-width: 760px) { .about__stats-item { width: calc(50% - 10px); height: auto; aspect-ratio: 343 / 150; background-size: cover; } .about__stats-item strong { margin-bottom: 2px; } .about__stats-item._image { display: none; } .about__stats-item._orders { background-image: url(/local/templates/hollyshop/css/../img/about/orders-m.png); } .about__stats-item._clients { background-image: url(/local/templates/hollyshop/css/../img/about/clients-m.png); } .about__stats-item._brands { background-image: url(/local/templates/hollyshop/css/../img/about/brands-m.png); } .about__stats-item._catalog { background-image: url(/local/templates/hollyshop/css/../img/about/catalog-m.png); } } @media (max-width: 600px) { .about__stats-item { width: 100%; } } .about__stores-item { position: relative; } .about__stores-item-image { width: 100%; height: auto; aspect-ratio: 426 / 400; border-radius: 30px; overflow: hidden; margin: 0 0 25px 0; } .about__stores-item-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .about__stores-item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 9px 0; } @media (max-width: 1400px) { .about__stores-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .about__stores-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .about__stores-item-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .about__stores-item-address { margin: 0; font-size: 18px; line-height: 1.4; text-wrap: balance; } @media (max-width: 1400px) { .about__stores-item-address { font-size: 16px; } } @media (max-width: 760px) { .about__stores-item-address { font-size: 14px; } } .about__stores-item-metro { font-size: 18px; line-height: 1.4; margin: 2px 0 0 0; padding-left: 26px; position: relative; } @media (max-width: 1400px) { .about__stores-item-metro { font-size: 16px; } } @media (max-width: 760px) { .about__stores-item-metro { font-size: 14px; } } .about__stores-item-metro:before { display: block; content: ''; width: 20px; height: 20px; background: url(/local/templates/hollyshop/css/../img/icons/metro.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -11px; } @media (max-width: 1000px) { .about__stores { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; overflow: hidden; } .about__stores .swiper { overflow: visible; } } @media (max-width: 1000px) and (max-width: 1400px) { .about__stores { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .about__stores { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) and (max-width: 760px) { .about__stores { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) and (max-width: 1400px) { .about__stores { margin-left: -40px; margin-right: -40px; } } @media (max-width: 1000px) and (max-width: 1024px) { .about__stores { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1000px) and (max-width: 760px) { .about__stores { margin-left: -24px; margin-right: -24px; } } @media (max-width: 760px) { .about__stores .swiper-slide { width: 61%; } .about__stores-item-image { margin-bottom: 15px; border-radius: 20px; } .about__stores-item-heading { margin-bottom: 4px; } .about__stores-item-metro { padding-left: 22px; } .about__stores-item-metro:before { width: 16px; height: 16px; margin-top: -9px; } } .about__message { position: relative; padding-top: 60px; margin-bottom: 100px; } @media (max-width: 1400px) { .about__message { margin-bottom: 80px; } } @media (max-width: 760px) { .about__message { margin-bottom: 60px; } } .about__message-main { max-width: 760px; margin: 0 auto; } .about__message-main-author { display: flex; align-items: center; gap: 16px; margin: 0 0 30px 0; } .about__message-main-author-avatar { align-self: start; flex-shrink: 0; width: 120px; height: 120px; } .about__message-main-author-avatar img { display: block; width: 100%; height: 100%; border-radius: 100%; } .about__message-main-author-name { margin: 0; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .about__message-main-author-name { font-size: 16px; } } @media (max-width: 760px) { .about__message-main-author-name { font-size: 14px; } } .about__message-main-author-pos { margin: 2px 0 0 0; color: var(--c-text-grey); } .about__message-main-body { font-size: 24px; font-weight: 500; letter-spacing: -0.02em; } .about__message-team { margin: 60px 0 0 0; position: relative; z-index: 1; } .about__message-team img { display: block; width: 100%; height: auto; border-radius: 50px; } .about__message-ill1 { width: 490px; aspect-ratio: 1; position: absolute; top: 0; right: 50%; margin-right: 440px; } .about__message-ill1:after { display: block; content: ''; width: 100%; height: 100%; background: url(/local/templates/hollyshop/css/../img/logo-symbol-big.png) 50% 50% no-repeat; background-size: contain; transform: scale(-1, 1); } .about__message-ill2 { width: 463px; aspect-ratio: 1; position: absolute; top: 10px; left: 50%; margin-left: 400px; background: url(/local/templates/hollyshop/css/../img/stores-header.png) 50% 50% no-repeat; background-size: contain; } @media (max-width: 1200px) { .about__message { padding-top: 0; } .about__message-ill1, .about__message-ill2 { display: none; } .about__message-team { margin-top: 50px; } .about__message-team img { border-radius: 40px; } } @media (max-width: 760px) { .about__message-main-author { margin-bottom: 20px; } .about__message-main-author-avatar { width: 50px; height: 50px; } .about__message-main-body { font-size: 18px; } .about__message-team { margin-top: 30px; } .about__message-team img { aspect-ratio: 342 / 219; object-fit: cover; border-radius: 30px; } } .about__team-heading { margin-bottom: 40px; } .about__team-section { margin: 0 0 60px 0; } .about__team-section-heading { margin: 0 0 34px 0; text-wrap: balance; } .about__team-list { display: flex; flex-wrap: wrap; gap: 50px 30px; } .about__team-list-item { width: calc(25% - 23px); } .about__team-item-photo { width: 100%; aspect-ratio: 312 / 410; margin: 0 0 25px 0; } .about__team-item-photo img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .about__team-item-name { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .about__team-item-name { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .about__team-item-name { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .about__team-item-pos { margin: 10px 0 0 0; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .about__team-item-pos { font-size: 16px; } } @media (max-width: 760px) { .about__team-item-pos { font-size: 14px; } } .about__team-vacancies { display: flex; align-items: center; justify-content: center; padding: 30px; border-radius: 30px; width: 100%; height: 100%; background: var(--c-accent); --c-link: var(--c-accent-text); --c-link-hover: var(--c-accent-text); font-size: 24px; font-weight: 500; text-align: center; text-wrap: balance; } .notouch .about__team-vacancies:hover { background: var(--c-link-accent-hover); } .about__team-footer { display: none; } .about__team-footer .btn { width: 100%; } @media (max-width: 1000px) { .about__team-section { margin-bottom: 50px; } .about__team-section-heading { margin-bottom: 25px; } .about__team-list { gap: 40px 30px; } .about__team-list-item { width: calc(33.333% - 20px); } } @media (max-width: 760px) { .about__team-heading { margin-bottom: 25px; } .about__team-section { margin-bottom: 40px; } .about__team-section-heading { margin-bottom: 20px; } .about__team-list { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-left: -50px; margin-right: -50px; gap: 20px; flex-wrap: nowrap; overflow: auto; margin-bottom: -10px; padding-bottom: 10px; } .about__team-list-item { flex-shrink: 0; width: 240px; } .about__team-list-item:has(.about__team-vacancies) { display: none; } .about__team-footer { display: block; } } @media (max-width: 760px) and (max-width: 1400px) { .about__team-list { padding-left: 40px; padding-right: 40px; } } @media (max-width: 760px) and (max-width: 1024px) { .about__team-list { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) and (max-width: 760px) { .about__team-list { padding-left: 24px; padding-right: 24px; } } @media (max-width: 760px) and (max-width: 1400px) { .about__team-list { margin-left: -40px; margin-right: -40px; } } @media (max-width: 760px) and (max-width: 1024px) { .about__team-list { margin-left: -30px; margin-right: -30px; } } @media (max-width: 760px) and (max-width: 760px) { .about__team-list { margin-left: -24px; margin-right: -24px; } } .streams__live { max-width: 1920px; margin: 0 auto 80px auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); padding-top: calc(var(--header-height)); padding-bottom: 60px; border-radius: 0 0 50px 50px; overflow: hidden; background: var(--c-brand) url(/local/templates/hollyshop/css/../img/streams/header.png) 100% 100% no-repeat; color: var(--c-accent-text); --c-link: var(--c-accent-text); --c-link-hover: var(--c-accent-text); } .streams__live-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .streams__live-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .streams__live-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .streams__live-inner { padding-left: 24px; padding-right: 24px; } } .streams__live-body { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: calc(924px - var(--header-height) - 60px); } .streams__live-header { padding: 60px 0 40px 0; } .streams__live-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; } @media (max-width: 1400px) { .streams__live-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .streams__live-heading { margin-bottom: 25px; font-size: 36px; } } .streams__live-tag { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 12px 6px 10px; gap: 6px; background: #FFFFFF; border-radius: 42px; color: var(--c-accent); font-weight: 500; text-transform: uppercase; } .streams__live-tag:before { display: block; content: ''; width: 4px; height: 4px; border-radius: 4px; background: var(--c-accent); } .streams__live-item { position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -181px; display: flex; flex-direction: column; align-items: center; } .streams__live-item:before { display: block; content: ''; width: 1px; flex: 1 1 auto; background: var(--c-accent-text); } .streams__live-item-box { display: block; width: 363px; height: 550px; border: 1px solid var(--c-accent-text); border-radius: 50px; padding: 24px; } .streams__live-item img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .streams__live-item-image { position: relative; } .streams__live-item .streams__live-tag { position: absolute; top: 20px; left: 20px; } .streams__live-info { width: calc(50% - 230px); padding-top: 50px; margin-top: 50px; position: relative; } .streams__live-info:before { display: block; content: ''; position: absolute; top: 0; right: -50px; height: 1px; width: 1000px; background: var(--c-accent-text); } .streams__live-info-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 20px 0; } @media (max-width: 1400px) { .streams__live-info-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .streams__live-info-heading { font-size: 24px; } } @media (max-width: 1000px) { .streams__live { margin-bottom: 60px; padding-bottom: 40px; background-size: 50% auto; border-radius: 0 0 40px 40px; } .streams__live-body { min-height: calc(700px - var(--header-height) - 40px); } .streams__live-item { left: auto; right: 0; } .streams__live-item-box { width: 300px; height: 455px; border-radius: 40px; padding: 19px; } .streams__live-item img { border-radius: 20px; } .streams__live-info { width: calc(100% - 300px - 50px); } } @media (max-width: 760px) { .streams__live { margin-bottom: 40px; background-position: 180px 100%; background-size: auto 75%; } .streams__live-body { min-height: 0; } .streams__live-header { padding: 56px 0 30px 0; } .streams__live-heading { margin-bottom: 0; } .streams__live-tag { font-size: 12px; padding: 4px 10px 3px 8px; gap: 6px; } .streams__live-item { position: static; display: block; margin: 0 auto; max-width: 400px; } .streams__live-item-box { width: auto; height: auto; padding: 0; border: 0; } .streams__live-item img { border-radius: 30px; } .streams__live-item .streams__live-tag { top: 16px; left: 16px; } .streams__live-info { width: auto; margin: 18px 0 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; } .streams__live-info:before { display: none; } .streams__live-info-heading { order: 2; margin: 0; font-size: 17px; line-height: 1.4; } .streams__live-info-stats { order: 1; } } .streams__stats { display: flex; flex-wrap: wrap; gap: 8px 14px; } .streams__stats-item { display: flex; align-items: center; gap: 4px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .streams__stats-item { font-size: 16px; } } @media (max-width: 760px) { .streams__stats-item { font-size: 14px; } } .streams__stats-item svg { display: block; margin-top: -1px; } .streams__stats-item path { stroke: currentColor; } @media (max-width: 760px) { .streams__stats { gap: 6px 12px; } .streams__stats-item { font-size: 12px; line-height: 16px; gap: 4px; } .streams__stats-item svg { width: 12px; height: 12px; } } .streams__body { overflow: hidden; } .streams__body-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: 40px; } @media (max-width: 1400px) { .streams__body-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .streams__body-heading { margin-bottom: 25px; font-size: 36px; } } @media (max-width: 1400px) { .streams__body-heading { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .streams__body-heading { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .streams__body-heading { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1000px) { .streams__body-heading { margin-bottom: 30px; } } .streams__best { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: 80px; } @media (max-width: 1400px) { .streams__best { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .streams__best { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .streams__best { padding-left: 24px; padding-right: 24px; } } .streams__best .swiper { overflow: visible; } .streams__best .swiper-wrapper { min-height: 380px; } .streams__best .swiper-slide { width: 400px; height: auto; opacity: 1; } .streams__best-item { position: relative; min-height: 100%; padding: 30px; border-radius: 40px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; } .streams__best-item-stats .streams__stats-item { color: #fff; } @media (max-width: 760px) { .streams__best-item-stats .streams__stats-item { font-size: 14px; } .streams__best-item-stats .streams__stats-item svg { width: 16px; height: 16px; } } .streams__best-item-image { position: absolute; inset: 0; z-index: -1; } .streams__best-item-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .streams__best-item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; text-wrap: balance; --c-link: #fff; --c-link-hover: #fff; } @media (max-width: 1400px) { .streams__best-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .streams__best-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .notouch .streams__best-item-heading a:hover { opacity: 0.75; } .streams__best-item-heading a:after { display: block; content: ''; position: absolute; inset: 0; } @media (max-width: 1000px) { .streams__best { margin-bottom: 60px; } .streams__best .swiper-wrapper { min-height: 300px; } .streams__best .swiper-slide { width: 320px; } .streams__best-item { padding: 25px; border-radius: 30px; } } @media (max-width: 760px) { .streams__best { margin-bottom: 40px; } .streams__best .swiper-wrapper { min-height: 225px; } .streams__best .swiper-slide { width: 250px; } .streams__best-item { padding: 20px; } } .streams__main { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .streams__main { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .streams__main { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .streams__main { padding-left: 24px; padding-right: 24px; } } .streams__main-heading { margin-bottom: 36px; } @media (max-width: 1400px) { .streams__main-heading { margin-bottom: 30px; } } @media (max-width: 760px) { .streams__main-heading { margin-bottom: 20px; } } .streams__list { display: flex; align-items: stretch; flex-wrap: wrap; gap: 50px 30px; } .streams__list-item { width: calc(25% - 23px); } .streams__list-more { margin: 50px 0 0 0; } .streams__list-more .btn { width: 100%; } @media (max-width: 1000px) { .streams__list { gap: 40px 20px; } .streams__list-item { width: calc(33.333% - 14px); } .streams__list-more { margin-top: 40px; } } @media (max-width: 760px) { .streams__list { gap: 30px 20px; } .streams__list-item { width: calc(50% - 10px); } .streams__list-more { margin-top: 30px; } } .streams__item { position: relative; } .streams__item-image { width: 100%; aspect-ratio: 312 / 500; margin: 0 0 20px 0; position: relative; } .streams__item-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .streams__item:has(.streams__live-tag) .streams__item-image img { box-shadow: 0px 34px 104px rgba(228, 70, 126, 0.4); } @media (max-width: 1000px) { .streams__item:has(.streams__live-tag) .streams__item-image img { box-shadow: 0px 16px 44px rgba(228, 70, 126, 0.4); } } .streams__item-stats { margin: 0 0 8px 0; color: var(--c-accent); } .streams__item .streams__live-tag { position: absolute; top: 20px; left: 20px; } .streams__item-heading { all: unset; box-sizing: border-box; font-size: 18px; line-height: 1.4; font-weight: 500; } @media (max-width: 1400px) { .streams__item-heading { font-size: 16px; } } @media (max-width: 760px) { .streams__item-heading { font-size: 14px; } } .streams__item-heading a:after { display: block; content: ''; position: absolute; inset: 0; } .streams__item-date { padding: 6px 12px; position: absolute; left: 20px; top: 20px; background: rgba(0, 0, 0, 0.2); background-blend-mode: darken; backdrop-filter: blur(10px); border-radius: 42px; color: #fff; font-weight: 500; } @media (max-width: 1000px) { .streams__item-image { margin-bottom: 14px; } .streams__item-image img { border-radius: 20px; } } @media (max-width: 760px) { .streams__item-image { margin-bottom: 14px; } .streams__item-image img { border-radius: 20px; } .streams__item-date { max-width: calc(100% - 20px); padding: 4px 10px 3px 10px; font-size: 12px; top: 16px; left: 16px; letter-spacing: -0.01em; } .streams__item .streams__live-tag { top: 16px; left: 16px; } .streams__item-stats { margin: 0 0 6px 0; } } .partnership__header { max-width: 1920px; min-height: 892px; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); margin-bottom: 100px; overflow: hidden; padding-top: 200px; padding-bottom: 60px; background: var(--c-brand-light) url(/local/templates/hollyshop/css/../img/partnership/header.jpg) 50% 100% no-repeat; background-size: cover; border-radius: 0 0 50px 50px; display: flex; align-items: flex-end; } .partnership__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; width: 100%; } @media (max-width: 1400px) { .partnership__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .partnership__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .partnership__header-inner { padding-left: 24px; padding-right: 24px; } } .partnership__header-heading { margin: 0 0 12px 0; max-width: 50%; } .partnership__header-copy { font-size: 18px; line-height: 1.4; max-width: 34em; margin: 0; } @media (max-width: 1400px) { .partnership__header-copy { font-size: 16px; } } @media (max-width: 760px) { .partnership__header-copy { font-size: 14px; } } @media (max-width: 1900px) { .partnership__header { min-height: 48vw; } } @media (max-width: 1400px) { .partnership__header { min-height: 55vw; } } @media (max-width: 1000px) { .partnership__header { margin-bottom: 60px; padding-bottom: 40px; border-radius: 0 0 40px 40px; } } @media (max-width: 600px) { .partnership__header { display: block; padding-top: 480px; padding-bottom: 0; background: #FCA5CC; position: relative; } .partnership__header:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 530px; background: url(/local/templates/hollyshop/css/../img/partnership/header-m.jpg) 50% 50% no-repeat; background-size: cover; } .partnership__header-inner { width: auto; padding-top: 0; padding-bottom: 40px; position: relative; } .partnership__header-inner:before { display: block; content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: -51px; height: 150px; background: linear-gradient(0deg, #FCA5CC, transparent); } .partnership__header-heading { max-width: none; position: relative; margin-bottom: 16px; } } .partnership__about { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: 100px; } @media (max-width: 1400px) { .partnership__about { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .partnership__about { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .partnership__about { padding-left: 24px; padding-right: 24px; } } .partnership__about-list { display: flex; gap: 30px; } .partnership__about-list-item { width: calc(33.333% - 20px); } .partnership__about-item-image { width: 200px; aspect-ratio: 1; margin: 0 0 30px 0; } .partnership__about-item-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 40px; } .partnership__about-item-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 10px 0; text-wrap: pretty; } @media (max-width: 1400px) { .partnership__about-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .partnership__about-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .partnership__about-item-copy { margin: 0 0 14px 0; font-size: 18px; line-height: 1.4; text-wrap: balance; } @media (max-width: 1400px) { .partnership__about-item-copy { font-size: 16px; } } @media (max-width: 760px) { .partnership__about-item-copy { font-size: 14px; } } .partnership__about-item-link { margin: 0; } .partnership__about-item-link a { font-weight: 500; } @media (max-width: 1000px) { .partnership__about { margin-bottom: 60px; } .partnership__about-item-image { width: 140px; margin-bottom: 20px; } .partnership__about-item-image img { border-radius: 20px; } } @media (max-width: 1000px) { .partnership__about-list { flex-direction: column; gap: 35px; } .partnership__about-list-item { width: auto; } .partnership__about-item { position: relative; padding-left: 92px; } .partnership__about-item-image { width: 72px; position: absolute; top: 0; left: 0; margin: 0; } .partnership__about-item-image img { border-radius: 15px; } .partnership__about-item-heading { margin-bottom: 6px; } .partnership__about-item-copy { margin-bottom: 10px; } } .partnership__grey { max-width: 1920px; margin: 0 auto 100px auto; padding: 60px 0; background: var(--c-bg-grey); border-radius: 50px; } @media (max-width: 1000px) { .partnership__grey { margin-bottom: 60px; padding: 40px 0; } } .partnership__grey > *:last-child { margin-bottom: 0; } .partnership__grey-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .partnership__grey-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .partnership__grey-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .partnership__grey-inner { padding-left: 24px; padding-right: 24px; } } .partnership__grey-inner > *:last-child { margin-bottom: 0; } .partnership__apply { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: 40px; } @media (max-width: 1400px) { .partnership__apply { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .partnership__apply { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .partnership__apply { padding-left: 24px; padding-right: 24px; } } .partnership__apply-heading { margin-bottom: 20px; text-align: center; } .partnership__apply-copy { max-width: 34em; margin: 0 auto 40px auto; font-size: 18px; line-height: 1.4; text-align: center; } @media (max-width: 1400px) { .partnership__apply-copy { font-size: 16px; } } @media (max-width: 760px) { .partnership__apply-copy { font-size: 14px; } } .partnership__apply-list { display: flex; gap: 30px; } .partnership__apply-list-item { width: calc(33.333% - 20px); } .partnership__apply-item { min-height: 100%; border-radius: 40px; background: #fff; overflow: hidden; display: flex; flex-direction: column; } .partnership__apply-item-image { flex: 0 0 auto; width: 100%; aspect-ratio: 427 / 281; } .partnership__apply-item-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 0 30px 30px; } .partnership__apply-item-body { flex: 1 1 auto; padding: 30px; display: flex; flex-direction: column; } .partnership__apply-item-heading { flex-shrink: 0; margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 10px 0; } @media (max-width: 1400px) { .partnership__apply-item-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) { .partnership__apply-item-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } .partnership__apply-item-copy { flex: 1 1 auto; font-size: 18px; line-height: 1.4; margin: 0; } @media (max-width: 1400px) { .partnership__apply-item-copy { font-size: 16px; } } @media (max-width: 760px) { .partnership__apply-item-copy { font-size: 14px; } } .partnership__apply-item-cta { flex-shrink: 0; margin: 20px 0 0 0; } .partnership__apply-item-cta .btn { width: 100%; } @media (max-width: 1000px) { .partnership__apply-list { gap: 20px; } .partnership__apply-item { border-radius: 30px; } .partnership__apply-item-body { padding: 25px; } .partnership__apply-item-heading { font-size: 17px; margin-bottom: 10px; } } @media (max-width: 760px) { .partnership__apply { margin-bottom: 20px; } .partnership__apply-heading { margin-bottom: 12px; text-align: left; } .partnership__apply-copy { margin: 0 0 25px 0; text-align: left; } .partnership__apply-list { flex-direction: column; } .partnership__apply-list-item { width: auto; } } .partnership__apply-popup .popup__inner { max-width: 600px; } .partnership__apply-form-heading { text-wrap: balance; } .partnership__apply-form .form__file { margin: 10px 0 0 0; } .partnership__apply-form-submit .btn { width: 100%; } .partnership__apply-form-agreement { margin: 30px 0 0 0; } .partnership__info { margin: 0 0 40px 0; padding: 50px; border-radius: 50px; background: #F2F4F6; display: flex; align-items: stretch; } .partnership__info-body { max-width: 520px; display: flex; flex-direction: column; justify-content: space-between; } .partnership__info-heading { margin: 0 0 25px 0; font: 700 38px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 16px 0; } @media (max-width: 1400px) { .partnership__info-heading { font-size: 2.6vw; } } @media (max-width: 760px) { .partnership__info-heading { font-size: 24px; } } .partnership__info-copy { font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .partnership__info-copy { font-size: 16px; } } @media (max-width: 760px) { .partnership__info-copy { font-size: 14px; } } .partnership__info-copy p:last-child { margin-bottom: 0; } .partnership__info-copy strong { font-weight: 500; } .partnership__info-image { display: none; } .partnership__info-cta { margin: 30px 0 0 0; } .partnership__info._referral { background-color: var(--c-brand-light); } .partnership__info._supplier { background-color: var(--c-purple-light); } @media (max-width: 1200px) { .partnership__info-body { max-width: 360px; } } @media (max-width: 1000px) { .partnership__info { min-height: 0; display: block; padding: 0; border-radius: 30px; overflow: hidden; background: #F2F4F6; position: relative; } .partnership__info-image { display: block; } .partnership__info-image img { display: block; width: 100%; height: auto; border-radius: 0 0 30px 30px; } .partnership__info-body { max-width: none; padding: 25px; } .partnership__info-body { padding-bottom: 15px; } .partnership__info-cta { position: absolute; bottom: 25px; left: 25px; right: 25px; } .partnership__info-cta .btn { width: 100%; padding-left: 15px; padding-right: 15px; } } @media (max-width: 760px) { .partnership__info { margin-bottom: 20px; } .partnership__info-heading { margin: 0 0 20px 0; font: 700 24px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 10px 0; } } @media (max-width: 760px) and (max-width: 1400px) { .partnership__info-heading { font-size: 20px; line-height: 1.25; } } @media (max-width: 760px) and (max-width: 760px) { .partnership__info-heading { font-size: 17px; line-height: 1.4; letter-spacing: 0; } } @media (min-width: 1001px) { .partnership__info._referral { min-height: 0; background-image: url(/local/templates/hollyshop/css/../img/partnership/referral.jpg); background-position: 100% 50%; background-size: auto 100%; background-repeat: no-repeat; } .partnership__info._supplier { min-height: 0; background-color: var(--c-purple-light); background-image: url(/local/templates/hollyshop/css/../img/partnership/supplier.jpg); background-position: 100% 50%; background-size: auto 100%; background-repeat: no-repeat; } } @media (min-width: 1001px) and (max-width: 1200px) { .partnership__info._referral { background-position: 130% 50%; } } @media (min-width: 1001px) and (max-width: 1200px) { .partnership__info._supplier { background-position: 130% 50%; } } .partnership__faq { display: flex; gap: 30px; } .partnership__faq-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0; flex: 0 0 calc(33.333% - 20px); } @media (max-width: 1400px) { .partnership__faq-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .partnership__faq-heading { margin-bottom: 25px; font-size: 36px; } } .partnership__faq-body { flex: 1 1 auto; } .partnership__faq-cta { margin: 35px 0 0 0; } .partnership__faq-cta .btn { width: 100%; } @media (max-width: 760px) { .partnership__faq { display: block; } .partnership__faq-heading { margin-bottom: 30px; } } .suppliers__header { max-width: 1920px; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); margin-bottom: 22px; overflow: hidden; padding-top: 248px; padding-bottom: 60px; background: var(--c-purple-light) url(/local/templates/hollyshop/css/../img/suppliers/header.jpg) 100% 100% no-repeat; background-size: auto 414px; border-radius: 0 0 50px 50px; } .suppliers__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .suppliers__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .suppliers__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .suppliers__header-inner { padding-left: 24px; padding-right: 24px; } } .suppliers__header-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; } @media (max-width: 1400px) { .suppliers__header-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .suppliers__header-heading { margin-bottom: 25px; font-size: 36px; } } .suppliers__header-copy { font-size: 18px; line-height: 1.4; margin: 0; } @media (max-width: 1400px) { .suppliers__header-copy { font-size: 16px; } } @media (max-width: 760px) { .suppliers__header-copy { font-size: 14px; } } @media (max-width: 1000px) { .suppliers__header { margin-bottom: 0; padding-top: 128px; padding-bottom: 40px; border-radius: 50px; background-image: url(/local/templates/hollyshop/css/../img/suppliers/header-m.jpg); background-size: auto 100%; } } @media (max-width: 760px) { .suppliers__header { padding-bottom: 32px; border-radius: 40px; } .suppliers__header-heading { margin-bottom: 8px; } .suppliers__header-copy { max-width: 230px; font-size: 15px; } } .suppliers__form-section { padding: 40px 0; border-bottom: 1px solid var(--c-sep); } .suppliers__form-section:last-child { border-bottom: 0; } .suppliers__form-section-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; display: flex; justify-content: space-between; gap: 40px; } @media (max-width: 1400px) { .suppliers__form-section-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .suppliers__form-section-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .suppliers__form-section-inner { padding-left: 24px; padding-right: 24px; } } .suppliers__form-section-body { flex: 1 1 40%; max-width: 540px; } .suppliers__form-section-form { flex: 1 1 60%; max-width: 520px; } .suppliers__form-section-heading { margin: 0 0 16px 0; } .suppliers__form-section-copy { max-width: 430px; font-size: 18px; line-height: 1.4; } @media (max-width: 1400px) { .suppliers__form-section-copy { font-size: 16px; } } @media (max-width: 760px) { .suppliers__form-section-copy { font-size: 14px; } } .suppliers__form-section-copy p:last-child { margin-bottom: 0; } .suppliers__form-radio { font-size: 18px; line-height: 1.4; margin-bottom: 30px; padding: 22px 20px; border-radius: 20px; background: var(--c-bg-grey); display: flex; flex-wrap: wrap; gap: 34px 10px; } @media (max-width: 1400px) { .suppliers__form-radio { font-size: 16px; } } @media (max-width: 760px) { .suppliers__form-radio { font-size: 14px; } } .suppliers__form-radio .radio { flex: 1 1 calc(50% - 10px); white-space: nowrap; } .suppliers__form-list { font-size: 18px; line-height: 1.4; margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 30px 20px; } @media (max-width: 1400px) { .suppliers__form-list { font-size: 16px; } } @media (max-width: 760px) { .suppliers__form-list { font-size: 14px; } } .suppliers__form-list li { margin: 0; padding: 0; } .suppliers__form-list li:before { display: none; } .suppliers__form-list li { width: calc(50% - 10px); } .suppliers__form-list .checkbox { padding-left: 40px; } .suppliers__form-list .checkbox i { width: 28px; height: 28px; top: -0.08lh; } .suppliers__form-list .checkbox i svg { margin: 2px 0 0 1px; } .suppliers__form-submit { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-top: 20px; } @media (max-width: 1400px) { .suppliers__form-submit { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .suppliers__form-submit { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .suppliers__form-submit { padding-left: 24px; padding-right: 24px; } } .suppliers__form-submit .btn { width: 100%; } @media (max-width: 760px) { .suppliers__form .form__item { margin-bottom: 10px; } .suppliers__form-section-inner { flex-direction: column; gap: 25px; } .suppliers__form-list .checkbox i { top: -0.25lh; } .suppliers__form-section-heading { font-size: 17px; margin-bottom: 8px; } .suppliers__form-submit { margin-top: 0; } } @media (max-width: 500px) { .suppliers__form-radio { margin-bottom: 25px; } .suppliers__form-list { gap: 34px; } .suppliers__form-list li { width: 100%; } .suppliers__form-list .checkbox { width: 100%; } } .vacancies__header { max-width: 1920px; min-height: 892px; margin: 0 auto; margin-top: calc((var(--header-height) + var(--top-mb)) * -1); overflow: hidden; padding-top: 200px; padding-bottom: 60px; background: var(--c-brand-light) url(/local/templates/hollyshop/css/../img/vacancies/header.jpg) 50% 100% no-repeat; background-size: cover; border-radius: 0 0 50px 50px; display: flex; align-items: flex-end; } .vacancies__header-inner { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; width: 100%; } @media (max-width: 1400px) { .vacancies__header-inner { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .vacancies__header-inner { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .vacancies__header-inner { padding-left: 24px; padding-right: 24px; } } .vacancies__header-heading { margin: 0 0 40px -0.05em; font: 700 62px/1.1 var(--ff-heading); letter-spacing: -0.02em; margin: 0 0 12px 0; max-width: 50%; } @media (max-width: 1400px) { .vacancies__header-heading { font-size: 4.3vw; } } @media (max-width: 760px) { .vacancies__header-heading { margin-bottom: 25px; font-size: 36px; } } .vacancies__header-copy { font-size: 18px; line-height: 1.4; max-width: 34em; margin: 0; } @media (max-width: 1400px) { .vacancies__header-copy { font-size: 16px; } } @media (max-width: 760px) { .vacancies__header-copy { font-size: 14px; } } .vacancies__header-copy p { margin: 0 0 0.5em 0; } .vacancies__header-copy p:last-child { margin-bottom: 0; } @media (max-width: 1900px) { .vacancies__header { min-height: 48vw; } } @media (max-width: 1400px) { .vacancies__header { min-height: 55vw; } } @media (max-width: 1000px) { .vacancies__header { padding-bottom: 40px; border-radius: 0 0 40px 40px; } .vacancies__header-copy { max-width: 50%; } } @media (max-width: 600px) { .vacancies__header { display: block; padding-top: 350px; padding-bottom: 0; background: #F9CED2; position: relative; } .vacancies__header:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 380px; background: url(/local/templates/hollyshop/css/../img/vacancies/header-m.jpg) 50% 0% no-repeat; background-size: cover; } .vacancies__header-inner { width: auto; padding-top: 0; padding-bottom: 40px; position: relative; background: #F9CED2; } .vacancies__header-inner:before { display: block; content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: -1px; height: 100px; background: linear-gradient(0deg, #F9CED2, transparent); } .vacancies__header-heading { position: relative; max-width: none; margin-bottom: 16px; font-size: 42px; } .vacancies__header-copy { max-width: none; } } .vacancies__main { max-width: 1560px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; margin-bottom: calc(var(--footer-mt) * -1); display: flex; } @media (max-width: 1400px) { .vacancies__main { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1024px) { .vacancies__main { padding-left: 30px; padding-right: 30px; } } @media (max-width: 760px) { .vacancies__main { padding-left: 24px; padding-right: 24px; } } .vacancies__main-body { flex: 1 1 auto; border-right: 1px solid var(--c-sep); padding: 60px 50px var(--footer-mt) 0; } .vacancies__main-side { flex: 0 0 390px; padding: 60px 0 var(--footer-mt) 50px; } .vacancies__main-side-heading { margin: 0 0 6px 0; font-size: 18px; line-height: 1.4; font-weight: 600; } @media (max-width: 1400px) { .vacancies__main-side-heading { font-size: 16px; } } @media (max-width: 760px) { .vacancies__main-side-heading { font-size: 14px; } } .vacancies__main-side a { --c-link: var(--c-accent); } .vacancies__main-side a:hover { text-decoration: underline; } @media (max-width: 1200px) { .vacancies__main-side { flex-basis: 320px; } } @media (max-width: 1000px) { .vacancies__main { display: block; margin-top: 40px; margin-bottom: 0; } .vacancies__main-body { padding: 0; margin-bottom: 40px; border-right: 0; } .vacancies__main-side { padding: 0; } .vacancies__main-side-heading { font-size: 17px; font-weight: 700; margin-bottom: 6px; } .vacancies__main-side p:last-child { margin-bottom: 0; } } .vacancies__list { max-width: none; } .vacancies__item { margin: 0 0 12px 0; padding: 30px 118px 30px 40px; background: var(--c-bg-grey); border-radius: 40px; } .vacancies__item-heading { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; } .vacancies__item-heading-title { margin: 0 !important; } .vacancies__item-heading-title span { display: none; } .vacancies__item-heading .accordeon__heading-icon { top: 50%; left: 100%; margin-left: 20px; margin-top: -25px; background: #fff; } .vacancies__item-heading-city { font: var(--font); font-weight: 500; margin: 6px 0 0 0; } .vacancies__item .accordeon__body { padding: 30px 0 10px 0; } .vacancies__item .accordeon__body p { margin: 0 0 0.75em 0; } .vacancies__item .accordeon__body p:last-child { margin-bottom: 0; } .vacancies__item .accordeon__body a { --c-link: var(--c-accent); text-decoration: none; } .vacancies__item .accordeon__body a:hover { text-decoration: underline; } .vacancies__item .accordeon__body ul { margin: 1em 0; list-style: none; margin: 0 0 0.75em 0; padding: 0; } .vacancies__item .accordeon__body ul:first-child { margin-top: 0; } .vacancies__item .accordeon__body ul:last-child { margin-bottom: 0; } .vacancies__item .accordeon__body ul > li { margin: 0 0 0.6em 0; padding: 0 0 0 27px; position: relative; } .vacancies__item .accordeon__body ul > li:last-child { margin-bottom: 0; } .vacancies__item .accordeon__body ul > li:before { display: block; content: ''; width: 4px; height: 4px; background: currentColor; border-radius: 4px; position: absolute; top: 0.5lh; left: 11px; margin-top: -2px; } @media (max-width: 760px) { .vacancies__item .accordeon__body ul > li { padding-left: 20px; } .vacancies__item .accordeon__body ul > li:before { left: 4px; } } .vacancies__item .accordeon__body ul ol li:before { display: none; } .vacancies__item .accordeon__body ul li { margin: 0; padding: 0 0 0 27px; } .vacancies__item .accordeon__body ul li:before { width: 4px; height: 4px; background: currentColor; border-radius: 4px; top: 0.5lh; left: 12px; margin-top: -2px; } @media (max-width: 760px) { .vacancies__item { margin-bottom: 6px; padding: 15px 75px 15px 15px; border-radius: 25px; } .vacancies__item .accordeon__body { margin: 0 -50px 0 0; padding: 15px 0 0 0; } .vacancies__item-heading { display: flex; align-items: center; font-size: 14px; } .vacancies__item-heading-title span { display: inline; } .vacancies__item-heading-city { margin-top: 2px; font-size: 12px; line-height: 15px; } .vacancies__item-heading-salary { display: none; } .vacancies__item-heading .accordeon__heading-icon { margin-left: 14px; margin-top: -16px; } } /* End */ /* Start:/local/templates/hollyshop/patch.css?1754578691456*/ [hidden] { display: none; } /*:root:not(._header-fixed) body:not(._content-fixed):has(._set-main-header-white) .header__top-user img { filter: brightness(0) invert(1); }*/ .__jivoMobileButton { bottom: 66px !important; } .__jivoMobileButton > [class^=button__] { box-shadow: none !important; } body:has(.product-page) .__jivoMobileButton { bottom: 130px !important; } ._popup-show .__jivoMobileButton { display: none !important; } /* End */ /* Start:/local/templates/hollyshop/template_styles.css?175457869142*/ .emo { height: 1em; width: auto; } /* End */ /* /local/templates/hollyshop/css/style.min.css?1754578691730111 */ /* /local/templates/hollyshop/patch.css?1754578691456 */ /* /local/templates/hollyshop/template_styles.css?175457869142 */